/* ----- RESET CSS - The simple way ----- */
* {margin: 0; padding: 0; border: 0; outline: none;
	font-family: Arial, Tahoma, 'sans-serif';
}
a{color:#446;text-decoration:none;}
a:hover{font-size:103%;background: #aafefe;}
/* ----- CSS ----- */

@media (max-width: 580px) {
.contentrhs{display:none;}

}
@media (min-width: 581px) {
.contentrhs{display:block;}
}

.header {width: 100%; margin: auto;font-size:0.9em;}
.content {width: 90%; margin: auto;font-size:1.2em;text-align:center;padding:0;}
.logo {
/*	background: url(/img/logo.png) no-repeat; width: 500px; height: 100px;
*/	float:left;
	max-width:100%;
}
.logo img {
	max-width:100%;	
}

.latestnews {
	float:left;	
	text-align:right;
	padding:10px 0 0 0;
	background: #fffefe;
}
.latestnews a:hover {font-size:100%;background: #aafefe;}

.crlf{
	width:100%;height:0px;
	clear:both;
	padding:0;
	margin:0;
	display:block;
}
.sidebar{
	text-align:left;
	background-color:#eee;
	font-size:0.9em;
	float:left;
	border:1px solid #999;
	margin:10px 0 20px 0;
}

.contentlhs{width:75%;float:left;}
.contentrhs{width:22%;float:left;}

.sidebar_title{
	background-color:#09315c;
	text-transform:uppercase;
	border-bottom:1px solid #999;
	color:#eee;
	padding:4px 4px 4px 14px;
	font-size:1.2em;
	
}	
.sidebar_links{
	line-height:2.5em;
	padding:0 0 0 14px;
	font-size:1.2em;
	
}

.idx_container{
	width:100%;
	margin:10px 0 10px 10px;
/*	padding-top: 10px; */
	float:left;
}
.imgbox{  
    float:left; /* important */  
    position:relative; /* important(so we can absolutely position the description div */  
	padding: 4px;
	border:1px solid #aaa;
}
.imgbox a {opacity:0.8; filter:alpha(opacity=80);} 
.imgbox a:hover {opacity:1; filter:alpha(opacity=100);} 

.imgnew{  
    position:absolute; /* absolute position (so we can position it where we want)*/  
/*    bottombottom:0px; position will be on bottom */  
    left:0px;  
	top:0px;
/*    width:100%;  */
    /* styling bellow */  
/*    opacity:0.6; /* transparency */  
/*    filter:alpha(opacity=60); /* IE transparency */  
}  
.site_container{
	background-color: #eee;
	border:1px solid #aaa;
	margin:10px;
	padding:10px;
	width:70%;
	float:left;
}
.site_list{
    float:left;
    position:relative; 
	text-align:left;
	font-size:0.6em;
	line-height:0.6em;
/*	padding:0 0 0 5px;
*/
}
.site_list a{
	font-size:1.5em;
	text-transform:none;
	line-height:2em;
}
.site_list a:hover{text-decoration:underline;}
.gallery{
	width:90%;
	padding-top: 10px;
}
.gallery a{
	font-size:1.5em;
	line-height:1.5em;
	text-transform:uppercase;
	color:#22e;
}
.gallery a:hover{text-decoration:none;}
.gallery img{
	width:140px;
	height:180px;
	border:1px solid #999;
	padding:2px;
}
.gallery a img {opacity:0.8; filter:alpha(opacity=80);}
.gallery a:hover img {opacity:1; filter:alpha(opacity=100);}

.lhspromo{
	float:left;
	text-align:left;
	padding-left:70px;
}
.rhspromo{
	float:right;
	text-align:right;
	padding-right:5px;
}
.rhspromo h5 {font-size:0.5em;}
.slogan{
	width:90%;
	text-align:center;
	padding-bottom: 20px;
	clear:both;
}
.slogan a{
	color:#005;
	font-size:1.1em;
	line-height:1.2em;
	text-transform:none;
}
.slogan a:hover{background: #fff;text-decoration:none;}

#menu-wrapper{
	width:100%;
	margin:auto;
	text-align:center;
/*	font-family: Tahoma, Geneva, sans-serif;font-size:1em; */
	clear:both;
}
#menu-container{
	margin:auto;
}
#menu {padding:2px 0 2px 0; list-style:none; 
}
#menu li {display:inline-block;}
#menu li a {
	display:inline-block;
	height:30px;
	font-size:1.4em;
	line-height:30px;
	color:#000;
	padding: 0 20px 0 20px;
	background-color: #ccc;
}
#menu li a:hover{
	text-decoration:none;
	background-color: #eee;
}