/* AULA CAFE STYLE SHEET																				*/
/* Copyright (c) Medusaworks Oy 2007/ML																	*/
/* Portions of this document are licensed under CC-GNU LGPL <http://creativecommons.org/licenses/LGPL/2.1/> */


/* COMMON STYLES */

html {
	width: 100%;
	}

body {
	width: 100%;
	margin: 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 112%;
	color: #000000;
	background: #ffffff url(imgs/body-bkgr.jpg) no-repeat;
	background-attachment: fixed;
	}

.clrbrk {
	clear: both;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
	}

a {
	color: #922812;
	text-decoration: none;
	}
h2 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	}
h5 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	}
h6 {
	font-size: 1.0em;
	font-style: italic;
	font-weight: bold;
	margin: 3px 0px 2px 0px;
	}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	margin: 0px;
	}


/* TOP LAYOUT BLOCKS */

#frame {
	position: relative;
	width: 886px;
	margin: 20px auto;
	text-align: left;
	font-size: 62%;
	border: 1px solid #ffffff;
	}

#top {
	width: 886px;
	height: 58px;
	background-color: #ffffff;
	}

#logo {
	float: left;
	border: 0px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
	}


/* NAVIGATION */

#menu {
	float: right;
	width: 710px;
	height: 58px;
	padding: 0px;
	background: #ffffff;
	font-size: 1.0em;
	}

#menu ul {
	float: right;
	width: auto;
	list-style: none;
	margin: 0px;
	}
#menu ul li {
	float: left;
	margin: 0px;
	line-height: 20px;
	}
#menu li ul {
	display: none;	/* hide here - submenus rendered by body.class (see below) */
	}
#menu a {
	display: block;
	position: relative;
	width: 95px;
	height: 58px;
	line-height: 1.0em;
	font-size: 10px;
	font-weight: bold;
	color: #6e5327;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	background-color: #f3e5c7;
	border-left: 1px solid #ffffff;
	}
#menu a.menupath {
	color: #A62E14;
	}
#menu a span.menuitem {
	position:absolute;
	width: 95px;
	bottom: 0;
	left:0;
	margin-bottom: 6px;
	}
#menu a:hover {
	color: #ffffff;
	background-color: #A37A37;
	}


#menu li#nav_6 a {
	background-color: #B2E122;
	}
#menu li#nav_6 a:hover {
	background-color: #85A71C;
	}

/* CONTENT */

#content {
	position: relative;
	clear: both;
	width: 886px;
	margin: 0px;
	padding: 0px;
	background: #E4CA98 url(./imgs/content-bkgr.jpg) repeat-x 0px 255px;
	border-top: 1px solid #ffffff;
	}

#content h2 {
	display: none;
	}

#content p {
	}
#content a {
	color: #922812;
	}
#content a:hover {
	color: #ffffff;
	}

/* CONTENT: page head image */

#content #headimg {
	border-bottom: 1px solid #ffffff;
	margin: 0px;
	padding: 0px;
	height: 257px;
	height: auto;
	font-size: 0px;
	}

#content #headimg h2 {
	display: none;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	}
#content #headimg img {
	margin: 0px;
	padding: 0px;
	}



/* CONTENT: top content section */

#content #headregister {
	width: 886px;
	border-bottom: 1px solid #ffffff;
	}

#content #titleblock {
	position: relative;
	width: 590px;
	height: 260px;
	padding: 26px 10px 6px 20px;
	_padding-top: 0px; 
	#padding-top: 0px;
	margin: 0px;
	border-right: 1px solid #ffffff;
	vertical-align: bottom;
	}

#content #titleblock h2 {
	display: block;
	height: 28px;
	line-height: 28px;
	padding: 0px;
	margin-bottom: 6px;
	_margin-bottom: -7px;
	#margin-bottom: 28px;
	}
#content #titleblock p {
	line-height: 14px;
	width: 480px;
	margin: 0px 0px 7px 0px;
	}
#content #titleblock ul#nutshell {
	margin: 0px;
	padding-left: 0px;
	}
#content #titleblock ul#nutshell li {
	display: inline;
	padding-left: 10px;
	margin-right: 10px;
	background: url(./imgs/blkblt.gif) no-repeat 2px 5px;
	}

/* CONTENT: minigallery @titleblock */

body.gallery #content #titleblock {
	position: relative;
	width: 590px;
	height: 230px;
	padding: 26px 10px 6px 20px;
	margin: 0px;
	vertical-align: top;
	}
body.gallery #content #titleblock div {
	float: left;
	position: relative;
	left: 0px;
	top: 10px;
	margin: 0px;
	padding-right: 14px;
	}
body.gallery #content #titleblock div.image-container {
	}

body.gallery #content #titleblock div.image_container a {
	display: block;
	width: auto;
	border: 4px solid #ffffff;
	margin-bottom: 8px;
	}
body.gallery #content #titleblock div.image_container a:hover {
	border-color: #922812;
	}

/* CONTENT: news block styling */

#content #news {
	float: right;
	width: 230px;
	height: 250px;
	padding: 6px 10px 6px 20px;
	margin: 0px;
	}

#content #news h2 {
	display: block;
	margin: 0px;
	font-weight: normal;
	text-transform: uppercase;
	color: #ffffff;
	height: 15px;
	line-height: 15px;
	font-size: 1.6em;
	padding: 0px;
	margin-bottom: 6px;
	}
#content #news ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
#content #news ul li {
	margin: 0px;
	padding: 0px;
	height: auto;
	}
#content #news .event {
	font-weight: bold;
	}
#content #news .date {
	display: block;
	margin-bottom: 4px;
	}


/* CONTENT: follow-up content section */

#content #articlemain {
	width: 886px;
	}

#content #textblock {
	width: 590px;
	padding: 6px 10px 6px 20px;
	margin: 0px;
	border-right: 1px solid #ffffff;
	}
#content #textblock h2 {
	}
#content #textblock p {
	line-height: 18px;
	width: 480px;
	}

#content #textblock img {
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
	border: 4px solid #ffffff;
	margin-right: 8px;
	}

#content #textblock #smallcol {
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
	width: 160px;
	height: 160px;
	border: 4px solid #ffffff;
	padding: 10px;
	margin-right: 8px;
	background-color: #B2E122;
	}
#content #textblock #smallcol h5 {
	font-size: 1.2em;
	margin-bottom: 5px;
	}

#content #textblock #smallcol p {
	width: 160px;
	line-height: 14px;
	}


/* CONTENT: right-lower (contact info block) */

#content #contact {
	float: right;
	width: 230px;
	padding: 6px 10px 6px 20px;
	margin: 0px;
	line-height: 14px;
	}
#content #contact p {
	margin-bottom: 6px;
	}
#content #contact a {
	display: block;
	padding-left: 10px;
	margin-top: -10px;
	background: url(imgs/redblt.gif) no-repeat 2px 19px;
	}
#content #contact a:hover {
	background: url(imgs/whtblt.gif) no-repeat 2px 19px;
	}


/* FOOTER */

#footer {
	clear: both;
	width: 846px;
	border-top: 1px solid #ffffff;
	padding: 2px 20px;
	text-align: right;
	}
#footer a {
	margin-left: 20px;
	padding-left: 10px;
	background: url(imgs/redblt.gif) no-repeat 2px 5px;
	}
#footer a:hover {
	margin-left: 20px;
	padding-left: 10px;
	background: url(imgs/whtblt.gif) no-repeat 2px 5px;
	}
#footer #copyrite {
	float: left;
	}


/* sIFR 2.0.2 specific styles						*/
/* by Mike Davidson and Mark Wubben					*/
/* released under CC-GNU LGPL license				*/


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}


/*-------------------------------------/syyy+://:-/+ssydh+-------------o
/                                  `.:+hyosymNNNmhdmmmhmmy:            /
/                               `-:-..hdmNNNNmddmmmNNNNNm+d-           /
/                             `/+ososyyhmmy++:....:/yhNNNNmd.          /
/                             `o-`+so++o+.            /ymmNm+          /
/                             +..yooo:.               `oodmm/`         /
/                           /-+`/do/`                  ./smm+.         /
/                          -+/o:/mms                   `o+mmy+         /
/                          `+s+`dmmd-                  +/ommd/         /
/        WE                 `yhyNmmy./:              ` /+shhd/         /
/       LOVE                `+ymNhy: ++oshdys+  `oshddhydyddy:         /
/      ELEXTRONIQE           yh:hmd.``--/+:/+:  -ys/ssmdo-y:/.         /
/         !                   ss:.od`    ./-      ` `:syso///`          /
/                           `hhss-mo`            .    .dh`:            /
/                           `dys/-ds/        o+/+s` `odds              /
/      DA                    :h.hhy+         `-hmm-`hmmy`              /
/       NUCULAR              :h:mmd+   :  ``..``:/++dmd-               /
/       WINTRA              -h/oNmdo`  +-`::`/sodsdhNm:                /
/       JARDEEEN             -ymNNy+ -o/.   -hdmy+dmmh                 /
/          DIS              :+.mNm+o :yh/     `-/md-h:                 /
/           SUMMA'07         -:`/m+o:  /yys/:::::do`                    /
/             CU DERE         //+..  `dddNmmmNms                      /
/            -oo:`            .--::    +mNNNNmNh`                      /
/          .+o+++o+/::-.  `::::`-.      ommmNNy`                       /
/        `+d+` `` .--//+/-ody/-.        `hdNmy`                        /
/       `/`. `.   /+`  `/+s:o:`         -ymmh:                         /
/      -/   .`     `:`` :`  :--:`      `smmmo.                         /
/     /+   . ``    `: `-`  ` :: :-    :dmdmy-                          /
/    :+   .` -      -..      `.:--:  `dmyyNNms.                        /
/   ./   `-`.                   ./::.ydhhmmmmd+`                       /
/  `o.   .-`                      .:+o+hddsoyohh/                      /
/  +                                   `       .`                      /
/  .                                                                   /
/                                                                      /
/                                                                      /
o---------------------------------------------------------------------*/