@charset "iso-8859-1";
/* CSS Document */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #383838 url(web_images/bkg_tt1.jpg) repeat-x left top;
	text-align: center;
	margin: 0px;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

#content {
	font-size: 1.2em
	}

#page {
	text-align: left;
	width: 766px;
}
.narrowcolumn {
	float: left;
	padding: 0px;
	margin: -16px 2px 0px -75px;
	background-image:url(web_images/frame_bottom.png) no-repeat center top;
	width: 170px;
	}

.widecolumn {
	float:left;
	padding: 10px 0 20px 3px;
	margin: 17px 0px 15px 8px;
	width: 654px;
	background-color:#FFFFFF;
	border:#FFFFFF 1px solid;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	}

#page-top 	{ 
	clear: both;
	bottom: 0px;
	width: 766px;
	background: url(web_images/top_bar_tt1.png) no-repeat center top;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	text-align:left;
	margin-right: auto;
	margin-left: auto;
	padding-top:175px;
	border:#CCCCCC solid 1px;
	
}

#page-bottom {
	padding-top:7px;
	width: 766px;
}

.post-top, .title, .entry, .post-bottom {
	width:  170px;
}

.post-top {	
	margin: 0px;
	margin-bottom: 6px;
}

#sidebar{
	float:left;
	background-color:#D7EBEC;
	margin-bottom:10px;
	padding-left:6px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	opacity:0.9;
	border: #EEEEEE 1px solid;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow: 0 2px 1px #D2F0FF;
	-webkit-box-shadow: 0 2px 1px #B6BEC0;
		
}

.title {
	margin: 0px;
	padding: 0px 0px 0px 0px;
}


.widecolumn p {
	margin: 2px;
	padding: 15px 15px 5px 15px;
	float:left;
	width:600px;
	line-height:18px;
	font-size:11px;
	}
	
p img {
	padding: 0;
	margin-bottom:20px;
	max-width: 100%;
	}
.blok {
    float:left;
	margin-left:25px;
	margin-top:10px;
	width:400px;
	color:#2D3135;
	font-size:11px;
	letter-spacing:1px;
	line-height:15px;
   }
   
.sitetit {
	float:left;
	color: #000000;
	text-align:left;
	width:140px;
	background-color: #F7CD77;
	opacity:0.7;
	padding-left:5px;
	padding-top:3px;
	height:20px;
	margin-top:50px;
	margin-left:20px;
	font-size:11px;
	letter-spacing:2px;
  	}

.titsito {
		   float:left;
		   color: #000000;
		   text-align:left;
		   width:140px;
		   background-color: #F7CD77;
 	       opacity:0.5;
		   padding-left:5px;
		   padding-top:3px;
		   height:20px;
		   margin-top:50px;
		   margin-left:20px;
		   font-size:11px;
		   letter-spacing:2px;		 
		 }

.coordsito {
			float:left;
			margin:10px 0 20px 30px;
			background-color:#FFFFFF;
			border:#F2F1CC double 3px;
			font-size:11px;
			font-weight:bold;
			line-height:20px;
			letter-spacing:2px;
			padding:8px 10px 4px 5px;
			width:270px;
			height:70px;
			-moz-border-radius:8px;
			-webkit-border-radius:8px;

			}	
.sitenum {
	float:left;
	margin:10px 0 20px 35px;
	background-color:#FFFFFF;
	border:#F2F1CC double 3px;
	font-size:11px;
	font-weight:bold;
	line-height:20px;
	letter-spacing:2px;
	padding:8px 10px 4px 5px;
	width:280px;
	height:70px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.caption {
	float:left;
	text-align:center;
	width:100%;
	font-size:11px;
	font-style:italic;
	padding:15px 0 7px;
	}
	
.news {
	float:left;
	width:570px;
	color: #5C6165;
	font-size: 11px;
	text-align:left;
	letter-spacing:1px;
	line-height:14px;
	margin:20px 15px 5px 30px;
	padding: -50px 6px 10px 10px;
	background-color: #EFEFE9;
	border:  #E5E5E5 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    }
.newstitle {
	font-size:12px;
	font-weight: 700;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	background-color: #E1E1E1;
	border:#FFFFFF 1px solid;
	width:80px;
	height:20px;
	opacity:0.65;
	margin:-10px -6px 10px 5px;
	padding-left:16px;
	letter-spacing:2px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-top-right-radius:25px;
	
}
#titlenews{
	float:left;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 700;
	background-color:#E1E1E1;
	border:#FFFFFF 1px solid;
	opacity:0.65;
	color:#FF0000;
	text-align:left;
	height:20px;
	margin:-10px -6px 2px 5px;
	padding-left:16px;
	padding-right:40px;
	letter-spacing:2px;
	-moz-border-radius:10px 0 15px 0;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-right-radius:15px;
    }
	
.news p {
	margin-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height:18px;
	font-size:11px;
	font-weight:400;
	}
 h5 {
    font-size:11px;
	color: #489CE1;
	margin: 2px;
}
#footer {
	padding: 0 0 0 0px;
	margin: 0px auto 20px auto;
	width: 760px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	color:#CCCCCC;
	line-height:14px
	font: 1.2em Georgia, Sans-Serif;
	}

/*#sidebar {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	padding-left:6px;
	}
*/
h1 {
	font-size: 4em;
	text-align: center;
	}


#sidebar h2 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	background-color: #E1E1E1;
	width:164px;
	margin-left:-6px;
	margin-top:10px;	
	padding-left:6px;
	padding-top:2px;
	letter-spacing:2px;
}

#sidebar h3 {
	font-size: 11px;
	color: #2972C2;
	text-align: left;
	padding-left:7px;
	line-height:17px;
}

#submentitle {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #817D88;
	background-color: #E6EACC;
	width:162px;
	margin-top:5px;
	margin-left:-6px;
	padding-top:2px;
	padding-left:8px;
	letter-spacing:1px;
}

h3.pagetitle {
	font-size: 1.2em;
	}

h1, h1 a, h1 a:hover, h1 a:visited {
	text-decoration: none;
	color: white;
	}

h3, h3 a, h3 a:visited #sidebar h3{
	text-decoration: none;
	color:#3399CC;
	}

h3 a:hover{
	color: #333;
	}



.entry p a:visited {
	color: #A367B1;
	}


#topbar {
	background: url(web_images/top_bar.png) no-repeat center;
	margin: 7px auto 10px auto;
	height: 55px;
	text-align: right;
	width:  755px;
}
#topbar .nav_r {
	height: 36px;
	float: right;
	font: 1.2em Verdana, Sans-Serif;
	margin-top: 10px;
	margin-right:10px;
	padding-top:5px;
}
#topbar .nav_l {
	height: 36px;
	float: left;
	font: 1.2em Verdana, Sans-Serif;
	margin-top: 15px;
	margin-left:10px;
}

/* End of nav bar */

a {
	color: #0A5692;
}

#taboptictit {
	font-size:10px;
	text-align:left;
	padding: 8px 0 0 6px;
	border-bottom:#949CAB 1px solid;
	}

#tabopticval {
	font-size:10px;
	text-align:right;
	padding: 8px 5px 0;
	border-bottom:#949CAB 1px solid;
	}	
	
#tabopticcalc {
	font-size:10px;
	text-align:left;
	padding: 8px 0 0 5px;
	border-bottom:#949CAB 0px solid;
	}
	
#string { 
        color: #cc0000;
	    font:11px verdana,helvetica,sans-serif;
	    letter-spacing:0em;
	    margin-left:3px;
		height:20px;
	    padding:2px;
	    border:1px solid #E8E8E8;
	  }

#titdate{text-align:center; color:#B4C199; border-bottom:#787878 1px solid;}	  
#nodate{
     text-align:center;
	 color:#D1DBDC;
	 }
#yesdate{
     text-align:center;
	 color:#393539;
	 font-weight:bolder;
	 }