@charset "utf-8";
body  {	
font: 12px Tahoma, Arial, Helvetica, sans-serif;
background-color: #223635;
margin: 0;
padding: 0;
text-align: center;
color: #ffffff;
}

#header {
height:170px;
border-bottom:10px solid #ffffff;

}
#container {
	width:785px;
	margin-left:auto;
	margin-right:auto;
	border-left:10px solid #ffffff;
	border-right:10px solid #ffffff;
}

#left { 
width:180px;
float:left;
padding-left:10px;
padding-top:10px;


}
#right { 
width:585px;
float:left;
padding-left:10px;
padding-top:10px;


}
#newsframe{width: 210px; height:300px; overflow:auto;  background: #223635;  padding: 7px;}
.headerbar{width: 220px; font: bold 13px Tahoma;color: white; background: #e3b202; margin: 0; text-transform: uppercase; text-indent: 10px;padding: 7px 0 7px 0;border-bottom:1px solid #e3b202; }
.date{color:#ffffff; font-style: italic; font-size:11px; float:right;}
.title{color:#ffffff; font-variant:small-caps; line-height:0.8em;font-weight:bold; text-decoration:underline; font-size:12px; float:left;}
.title a{color:#ffffff; text-decoration:underline;}
.title a:active{color:#ffffff; text-decoration:underline;}
.title a:visited{color:#ffffff; text-decoration:underline;}
.title a:hover{color:#e3b202; text-decoration:none;}

#righthome { 
width:220px;
float:left;
padding-top:10px;

}
#middlehome { 
width:350px;
float:left;
padding-left:10px;
padding-top:10px;
}
iframe {
   background-color: #ffffff;
}
#footer{ 
padding-top:5px;
width:100%;
height:25px; 
background-color: #203322;

border-bottom:10px solid #ffffff;
clear:both;
}
#footer a{ color:#ffffff;

}

#footer a:active{ color:#ffffff;


}

#footer a:visited{ color:#ffffff;


}

#footer a:hover{ color:#ffffff;


}




/* ######### MENU START######### */
.Menu{
width: 170px; /*width of menu*/
float:left;
padding-left:10px;
padding-top:10px;
}

.Menu .headerbar{
font: bold 13px Tahoma;
color: white;
background: #e3b202;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
text-indent: 10px;
padding: 7px 0 7px 0; /*31px is left indentation of header text*/
border-bottom:1px solid #e3b202;
width:170px;
}

.Menu ul{
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
}

.Menu ul li{
margin: 0px;
padding-bottom: 1px;
}
.Menu ul li img{
margin: 0;
padding: 0;
float:left;
display:none;
}
.Menu ul li span img{
margin: 0;
padding: 0;
float:left;
display:block;
}

.Menu ul li a{
background: #223635;
width:162px;
font: normal 12px Arial;
color:white;
position: relative;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
border-bottom:1px solid #e3b202;
float:left;
}
.Menu ul li a div{
width:150px;
float:left;
}
.Menu ul li a img{
border:0px; 
}
.Menu ul li a:visited{
color: white;
}

.Menu ul li a:hover{ /*hover state CSS*/
color: white;
background: #e3b202;
border-bottom:1px solid #e3b202;
}
.Menu ul li a:hover img{ /*hover state CSS*/
display:block;
}
.Menu ul li a:hover span img{ /*hover state CSS*/
display:none;
}

.linkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid #e3b202;
border-bottom-width: 0;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #223635;
width: 200px; /* default width for menu */
}

.linkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.linkcss ul li a{
width: 100%;
display: block;
color:#e3b202;
text-indent: 3px;
border-bottom:1px solid #e3b202;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.linkcss a:hover{ /*hover background color*/
background: #e3b202;
color: white;
}

.linkshadow{ 
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}