@charset "utf-8";
/* CSS Document */
body{
	background-color: #0099CC;
	background-image:url(../images/ilusi_optik.JPG);
	background-position:center;
	background-repeat:repeat-y;
	margin:0 auto;
    text-align: center;
}
#wrapper{
	width:780px;
	height:auto;
	margin:0 auto;
	margin-bottom:10px;
	background-color:#FFFFFF;
}
#banner{
	width:780px;
	height:145px;
}

#headdate{
	float:left;
	width:250px;
	margin:0 20px 2px 5px;
	padding:8px 0 5px 10px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	color: #FFFFFF;
	font-weight: 400;
}
#sbar{
	margin: 0 5px 0 550px;
	padding: 2px 0 2px 0;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:right;
	color: #CCCCCC;
	outline:none;  
}
#container{
	float:left;
	margin:10px 0 20px 0;	
	border: solid 1px #CCCCCC;
	background-color:#FFFFFF;
	padding:0 0 10px 0;
}
#admincontent{
	margin:10px 0 20px 0;
	width:780px;	
	border: solid 1px #CCCCCC;
	background-color:#FFFFFF;
	padding:0 0 10px 0;
}
#sidebar{
	float:left;
	margin: 10px 5px 0 5px;
	width:110px;
	height: auto;
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#sidebar li {
	width: 110px;
	margin: 0;
	padding: 0;
	font-size: 80%;
	vertical-align: bottom;
}

#sidebar a:link, #sidebar a:visited {
    background-image: url(../images/sidebutton.png);
	display:block;
	padding: 5px 5px 5px 0.5em;
	color: #FFFFFF;
	text-decoration: none;

}
#sidebar u {
	background-image: url(../images/sidebutton_identifier.png);
	display:block;
	padding: 5px 5px 5px 0.4em;
	color: #FFFFFF;
	text-decoration: none;
	color: #666666;
}
#sidebar a:hover {
	background-image: url(../images/sidebutton_hover.png);
	color: #FFFFFF;
}
#content{
	float:left;
	margin:10px 8px 10px 0;
	border: solid 1px #CCCCCC;
	width:648px;
	height:auto;
}
#side1{
	float:left;
	text-align:left;
	padding:5px 3px 8px 5px;
	width:170px;
	border: solid 1px  #999999;
	border-bottom: none;
	border-left:none;
	border-top: none;
	margin-top:5px;
	height: auto;
}
#main{
    float:left;
	margin:5px 4px 0 4px;
	width:285px;
	height: auto;
	text-align:left;
}
#article{
	float:left;
	text-align:left;
	padding:5px 5px 8px 5px;
	border: solid 1px  #999999;
	border-bottom: none;
	border-left:none;
	border-top: none;
	width:458px;
	margin-top:5px;
	height: auto;
}
#lounge{
	border: solid 1px #999999;	
}
.tlounge{
	text-align: center;
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	padding:4px 0 4px 0;
}
#side2{
	float:left;
	text-align:left;
	padding-left:2px;
	border: solid 1px  #999999;
	border-bottom: none;
	border-right:none;
	border-top: none;
	margin:5px 0 8px 0;
	width:170px;
	height: auto;
}
#sideright{
	float:left;
	text-align:left;
	padding-left:2px;
	padding-top:5px;
	margin:5px 0 8px 0;
	width:170px;
	height: auto;
}
#region{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: 500;
	color: #666666;
	border:solid 1px #666666;
	border-color: #CCCCCC;
}

#region th{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:600;
	color: #FFFFFF;
	background-image:url(../images/region_bar.gif);
	background-repeat:repeat-x;
}
#tside1{
	float:left;
	text-align:left;
	padding:5px 3px 8px 5px;
	width:292px;
	border: solid 1px  #999999;
	border-bottom: none;
	border-left:none;
	border-top: none;
	margin-top:5px;
	height: auto;
}
#tslide{
	float:left;
	text-align:left;
	padding-left:1px;
	margin:3px 5px 8px 5px;
	width:334px;
	height:auto;
}
#tside2{
	float:right;
	text-align:left;
	border: solid 1px  #999999;
	border-bottom: none;
	border-left:none;
	border-top: none;
	margin:5px 0 8px 0;
	width:170px;
	height: auto;
}
#tside3{
	float:right;
	text-align:left;
	padding-left:2px;
	margin:5px 0 8px 2px;
	width:168px;
	height:auto;
}
#tside3 th a{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 2px;
	color:#FFFFFF;
	text-align:left;
	text-decoration:none;
}
#tside3 th a:hover{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 2px;
	color:#FFFFFF;
	text-align:left;
	text-decoration:none;
}
#tside3 table{
	border: solid 1px #CCCCCC;
	text-align:left;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size:11px;
	width:160px;
	color: #666666;
}
#tside3 a{
	color: #666666;
	text-decoration:none;
}
#tside3 a:hover{
	color: #0066CC;
	text-decoration:none;
}
/*NEWS PROPERTY*/
.category{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:600;
	padding-left: 2px;
	text-align:left;
	text-decoration:none;
	color:#666666;
}
.subhead2{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left: 2px;
	text-align:left;
	text-decoration:none;
	color:#666666;
}

.subhead2 a{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left: 2px;
	text-align:left;
	text-decoration:none;
	color: #333333;
}
.subhead3{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	padding:2px;
	text-decoration:none;
	color: #FFFFFF;
}
.category a{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:600;
	padding-left: 2px;
	text-align:left;
	text-decoration:none;
	color:#666666;
}
.category a:hover{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:600;
	padding-left: 2px;
	text-align:left;
	text-decoration:none;
	color: #333333;
}
.subhead{
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size:14px;
	color: #87B1B0;
}
.subhead a{
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size:14px;
	color: #87B1B0;
	text-decoration:none;
}
.subhead a:hover{
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size:14px;
	color: #456B69;
	text-decoration:none;
}
.author{
	font-family: "Georgia", Times New Roman, Times, serif;
	font-size:9px;
	color: #666666;
}
.smallpost a{
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size:10px;
	color: #003366;
	text-decoration:none;
}
.prenews{
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size:11px;
	color: #666666;
}
.prenews a{
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size:11px;
	color: #666666;
	text-decoration:none;
}
.prenews a:hover{
	font-family: Verdana, Arial, "Helvetica", sans-serif;
	font-size:11px;
	color: #0099FF;
	text-decoration:none;
}
/*END MAIN MENU PROPERTY*/
.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;
}
#footer{
	padding: 10px 0 10px 20px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
	font-weight:400;
	background-color:#FFFFFF;
}
#footer a{
	color: #666666;
	font-weight:400;
	text-decoration:none;
}
#footer a:hover{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:rgb(134,176,175);
	font-weight:400;
	background-color:#FFFFFF;
	text-decoration:none;
}

#footertxt{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
	font-weight:400;
}
.footertxt a{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
	font-weight:400;
	text-decoration:none;
}
.footertxt a:hover{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #333333;
	font-weight:400;
	text-decoration: none;
}
#clabel{
	width:auto;
	height:15px;
	text-align:left;
	padding: 10px 0 1px 5px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
.hb{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666666;
	font-weight:400;
	margin:5px 0 10px 0;
}
.hb a{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666666;
	font-weight:400;
	text-decoration:none;
}
.hb a:hover{
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #333333;
	font-weight:400;
	text-decoration: none;
}
#comment{
	width:440px;
	height:auto;
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999999;
	background-color: #FFFFFF;
	margin:10px 5px 10px 5px;
	padding:2px 5px 5px 5px;
}
#comment table{
	border: solid 1px #CCCCCC;
	border-bottom:none;
	border-left:none;
	border-right:none;
}
#inputcom{
	width:440px;
	height:auto;
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
	text-align:left;
	margin:10px 5px 10px 5px;
	padding:2px 5px 5px 5px;
}
#inputcom form{
	width:auto;
	height:auto;
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
	text-align:left;
}
#inputcom table{
	border: solid 1px #CCCCCC;
	border-bottom:none;
	border-left:none;
	border-right:none;
}
#inputcom td{
	padding:5px;
}
#status{  
         
        outline:none;  
        color: #6F6F6F;  
    }  

.focusField{  
        border:solid 1px #73A6FF;  
        background: #FFFFFF;  
        color:#000;  
}  
.idleField{  
        background: #FFFFFF;  
        color: #6F6F6F;  
        border: solid 1px #DFDFDF;  
}