/*

"GENERAL" - main styles.

"PAGE" - page styles.

"HEADER" - header styles.

"LEFT PANEL" - left panel styles.

"CONTENT" - content styles.

"FOOTER" - footer styles.

*/







/* GENERAL */
html {
	background-color: #68FB53;
}

BODY {

	padding: 0;

	margin: 0;

	text-align: center;

	background:url(../img/bg.gif) repeat-x #68FB53 ;

}



HTML, BODY, H1, H2, H3, H4, H5, H6, FORM, P, IMG {

	margin: 0;

	padding: 0;

	border: 0;

}



BODY, INPUT, SELECT, TEXTAREA, TABLE, TD, TH {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 100%;

	color: #000000;

}



UL, OL, LI {

	margin-top: 0px;

	margin-bottom: 0px;

}



.hidden {

	display: none;

	visibility: hidden;

}



.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear: both;

    height: 0;

    font-size: 1px;

    line-height: 0px;

}



/* ---------------- PAGE ------------------ */



#page {

	margin: 0 auto;

	min-width: 930px; 

	max-width: 1100px;

	padding: 15px 20px 0 20px;

	position: relative;

}



#wrapper {

	padding: 0 0 0px 0;

	text-align: left;

	margin: 0;

	min-height: 350px;

	background: url(../img/streak-vertical.gif) 200px 0 no-repeat #FFFFFF;

	border-bottom: #666666 solid 2px;	

 	position: relative;

}



/* -------------- HEADER --------------------- */

#header {

	background: url(../img/banner.gif) left top repeat-x;

 	height: 145px;

	padding: 0;

	margin: 0 0 0px 206px;

	font-size: .7em;

}



#header H1 A {

	padding: 110px 0 0 0;

 	height: 35px;

	font-weight: normal;

	font-size: 39px;

	display: block;

	text-decoration: none;

	line-height: 30px;

	text-transform: uppercase;

	font-family: Georgia, "Times New Roman", Times, serif;

	color: #29196b;

}



#header H1 A SPAN {

	font-size: 26px;

}



#header_top_left {

	float: left;

	height: 123px;

	width: 200px;

	padding: 22px 0 0 0;

	font-size: 1.3em;

	font-weight: bold;

	text-align: center;

	display: block;

	background: url(../img/header_left.gif) left top no-repeat #FFFFFF;

}



#header_top_left A{

	height: 123px;

	width: 200px;

}

#header_top_right {

	float: left;

	height: 123px;

	width: 200px;

	background: url(../img/header_right.gif) right bottom no-repeat;

}

/* -------------- LEFT PANEL --------------------- */

#left {

	float: left;

	width: 185px;

	font-size: .7em;

	margin: 0 0 0 15px;

	position: relative;

}



/* LEFT -> VERTICAL MENU */



#left DIV.vertical_menu {

	margin: 0 0 15px 0;

	padding: 0;

}



#left DIV.vertical_menu UL {

	margin: 0;

	padding: 0;

	list-style: none;

}



#left DIV.vertical_menu LI {

}



#left DIV.vertical_menu LI A {

	background: url(../img/left-menu-bullet.gif) .2em .4em no-repeat;

	font-weight: bold;

	display: block;

	padding: 9px 5px 8px 30px;

	color: #686666;

	text-decoration: none;

}



#left DIV.vertical_menu LI A:HOVER {

	text-decoration: underline;

	background: url(../img/left-menu-bullet-active.gif) .2em .4em no-repeat;

}



#left DIV.vertical_menu LI.current_page_item {

}



#left DIV.vertical_menu LI.current_page_item A, 

#left DIV.vertical_menu LI.current_page_item A:HOVER {

	background: url(../img/left-menu-bullet-active.gif) .2em .4em no-repeat;

	color: #696a0b;

	text-decoration: none;

}



#left DIV.vertical_menu LI.current_page_item UL {

	padding: 2px 0;

	margin: 0;

	font-size: .99em;

}



#left DIV.vertical_menu LI.current_page_item LI {

	background: none;

}



#left DIV.vertical_menu LI.current_page_item LI A, #left DIV.vertical_menu LI.current_page_item LI A:HOVER  {

	padding: 3px 6px 3px 35px;

	color: #686666;

	background: url(../img/left-menu-bullet-li.gif) 1em 0em no-repeat #FFFFFF;

	font-weight: 400;

}



#left DIV.vertical_menu LI.current_page_item LI A:HOVER {

	font-weight: 800;

	text-decoration: underline;

	background: url(../img/left-menu-bullet-li-active.gif) 1em 0em no-repeat #FFFFFF;

} 



#left DIV.vertical_menu LI.current_page_item LI.current_page_item {

}



#left DIV.vertical_menu LI.current_page_item LI.current_page_item A, 

#left DIV.vertical_menu LI.current_page_item LI.current_page_item A:HOVER {

	text-decoration: none;

	background: url(../img/left-menu-bullet-li-active.gif) 1em 0em no-repeat #FFFFFF;

	font-weight: 800;

	color: #696a0b;

}



/* ---------------- CONTENT ------------------- */

#content {

	margin: 0 0px 0px 200px;

	font-size: .8em;

	padding: 10px 25px 10px 25px;

}



/* CONTENT - default */

#content H1, #content H2, #content H3, #content H4, #content H5, #content H6 {

	margin: 0;

	padding: 2px 0;

	text-align: center;

	color: #333333;

}

#content H1 {

	margin: 0;

	padding: 2px 0;

	font-size: 2em;

	display: block

}

#content H2 {

	vertical-align: top;

	font-size: 1.6em;

}

#content H3 {

	font-size: 1.3em;

}

#content H4 {

	font-size: 1.2em;

}

#content H5 {

	font-size: 1.1em;

}

#content H6 {

	font-size: 1em;

}

#content A {

	color: #000099;

	text-decoration: none;

}



#content A:hover {

	text-decoration: underline;

}



#content UL {

	margin: 0 0 0 20px;

	padding: 0;

	font-size: 1.2em;

	width: 100%;

	display: block;

}



#content UL LI {

	width: 100%;

	display: block;

}



#content UL OL {

	padding: 10px 0;

	margin: 0;

	text-align: center;

	font-weight:bold;

}



#content TABLE {

	width: 100%;

}

#content tr:nth-child(2n) {
    background-color: #f1f1f1;
}

#content tr:nth-child(2n+1) {
    background-color: transparent;
}

#content TD, #content TH {	

	padding: 0;

}


#content TD {	

}



#content TH {

	font-weight: bold;

	text-align: center;

}



#content FIELDSET {

	border: #000000 solid 1px;

}



#content LEGEND {

	font-weight: bold;

}



#content INPUT, #content TEXTAREA, #content SELECT {

	padding: 1px;

	border: #000000 solid 1px;

}



#content INPUT[type="checkbox"], #content INPUT[type="radio"] {

	border: 0px;

}



#content SELECT, #content INPUT[type="text"], #content INPUT[type="file"] {

	width: 250px;

}



#content TEXTAREA {

	width: 350px;

	height: 100px;

}



#content .button, #content INPUT[type="submit"] {

	padding: 1px;

	border: 0;

}



#content IMG {

	text-align: center;	

} 



/* CONTENT - others */ 



#content DIV.zoom {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	height:35px;

	width:80px;

	position: fixed;

	top: 5px;

	right: 0;

}



#content A.bigger {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	border: 3px solid #000000;

	background: url(../img/bigger_ico.gif) no-repeat;

	height:12px;

	width:48px;

	display: block;

	padding: 3px 5px 5px 23px;

	text-decoration:none;

	color:#000000;

	margin-bottom: 5px;

	float: right;

}



#content A.bigger:HOVER {

	text-decoration:underline;

}



#content A.smaller {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	border: 3px solid #000000;

	background: url(../img/smaller_ico.gif) no-repeat;

	height:12px;

	width:48px;

	display: block;

	padding: 3px 5px 5px 23px;

	text-decoration:none;

	color:#000000;

	margin: 0;

	float: right;

}



#content A.smaller:HOVER {

	text-decoration:underline;

}



#content SPAN.paljuonne {

	/*background: url(../img/left-menu-bullet.gif) 16em 0 no-repeat;*/

	color: #FF0000;

	display: block;

}



#content TD.right {

	text-align: right;

}



#content DIV.pilt_tutvustus {

	display: block;

	float: left;

	height: 80px;

	margin: 10px 0 0 0;

	width: 98%;

	border-bottom: 2px solid #333333;

	border-top: 2px solid #333333;

}





#content DIV.pilt_tutvustus A {

	display: block;

	float: left;

	vertical-align: middle;

	overflow: hidden;

	width: 90%;

	padding: 0;

	color: #333333;

}



#content  DIV.pilt_tutvustus IMG {

	float: left;

	height: 80px;

	width: 100px;

	display: block;

	overflow: hidden;

	margin-right: 10px

}



#content DIV.birthday {

	padding: 0 0 140px 0;

	background: url(../img/sunna_v3.gif) 50% bottom no-repeat;

	position: relative;

}

#content SPAN.birthday {
	text-transform: lowercase;
}

/* ---------------- FOOTER -------------------- */



#footer {

	font-size: 0.7em;

	text-align: center;

	position: relative;

}



#footer DIV.footer_center {

	background: url(../img/footer_center.gif) top repeat-x;

	height: 28px;

	padding: 5px 0 15px 0;

	position: relative;

}

#footer DIV.footer_left {

	background: url(../img/footer_left.gif) top left no-repeat;

	height: 100%;

	width: 100%;

	position: relative;

}

#footer DIV.footer_right {

	background: url(../img/fooder_right.gif) top right no-repeat;

	height: 100%;

	width: 100%;

	position: relative;

}

#footer LI {

	list-style-type: none;

	text-align: center;

	display: inline;

	color: #696969;

}



#footer LI A {

	color: #000099;

	text-decoration:none;

}



#footer LI A:HOVER {

	text-decoration: underline;

}