@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color:#FFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-y;
	background-position: center;
}


body > #wrap {height: auto; min-height: 100%;}


.latestnews {padding:5px;}
.latestnews a {color:#018BBC; text-decoration: none;}
.latestnews a:hover {text-decoration: underline;}
.latestnews h2 {color:#018BBC; padding-left: 0px!important;}

h1 {
	font-size: 18px;
	color: #018BBC;
}
h2 {
	font-size: 16px;
	color: #FFF;
	
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 5px;
}
p {
	font-size: 12px;
	color: #666;
}
#container {
	width: 900px;
	padding-bottom: 80px;
	background-color: #FFF;
	margin: auto;
	overflow: hidden;
	
	
}
#pagecontainer {
	width: 900px;
}
#header {
	width: 900px;
	
	
	margin-bottom: 1px;
}
#headerimg {
	width: 890px;
	
	
	
	margin: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
#footerimg {
	width: 880px;
	height: 100px;
	background-image: url(../images/footerimg.jpg);
	background-repeat: no-repeat;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}
#footer {
	width: 880px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	height: 80px;
	
	background-image: url(../images/footer.jpg);
	background-repeat: repeat-x;
	color: #FFF;
	clear: both;
	margin: auto;
	position: relative;
	margin-top: -95px; /* negative value of footer height */
	
	
	
}
#footer a{
	color: #FFF;
	text-decoration: none;
}
#footer a:visited{
	color: #FFF;
	text-decoration: none;
}
#footer a:hover{
	color: #018BBC;
	text-decoration: none;
}
#push {
	}
#navbar {
	width: 897px;
	padding-left: 3px;
	height: 40px;
	
	background-image: url(../images/nav.jpg);
	background-repeat: repeat-x;
}

#navbar ul { 
	display: block; 
	padding: 0px; 
	margin: 0px; 
	list-style: none; 
	text-align: center;
	background-color:#CCC;
	padding-left: 10px;
} 

#navbar ul li { 
	display: block; 
	float: left; 
	margin: 0px; 
	list-style: none; 
	background-color:#CCC;
	position: relative;
} 
#navbar li ul { 
	display: none; 
}
#navbar ul li a {
  display: block;
	width: 125px;
	height: 28px;
	padding-top: 12px;
	margin: 0px;
	color: white;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/nav.jpg);
	background-repeat: repeat-x;
  white-space: nowrap;
  
  
}

#navbar ul li a:hover { 
	color: #000; 
	background-image: url(../images/navhov.jpg);
	background-repeat: repeat-x;
}
#navbar li:hover ul {
  display: block;
  position: absolute;
  padding: 0px;
  background-color: #666;
}
#navbar li:hover li {
  float: none;
  font-size: 12px;
  
  text-align: left;
  background-color: #666;
}
#navbar li:hover a { 
	background-color: #666;
}
#navbar li:hover li a:hover { 
	color: #000; 
	background-image: url(../images/navhov.jpg);
	background-repeat: repeat-x;
}


#navbar .noborder {
	border-right-style: none;
	border-right-width: 0px;
	border-right-color:#CCC;
}
#navbar .nopadding {
	padding-top: 6px;
	height: 34px;
}
#navbar .on {
	color: #000;
	background-image: url(../images/navhov.jpg);
	background-repeat: repeat-x;
}
.leftcontent {
	background-color: #FFF;
	padding-top: 10px;
	margin-left: 210px;
	margin-right: 210px;
	padding-left: 10px;
	padding-right: 10px;
	color: #018BBC;
}
.leftcontent1 {
	background-color: #FFF;
	padding-top: 10px;
	margin-left: 210px;
	
	padding-left: 10px;
	padding-right: 10px;
	color: #018BBC;
}
.leftcontent a {
	color: #018BBC;
	font-weight: bold;
	text-decoration: none;
}
.leftcontent a:hover {
	color: #018BBC;
	font-weight: bold;
	text-decoration: underline;
}
.leftcontent ul {
	padding-left: 15px;
	
}
.leftcontent1 ul {
	padding-left: 15px;
	
}
.leftcontentfull {
	width: 620px;
	padding-left: 52px;
	padding-right: 18px;
	padding-top: 10px;
}
.rightcontent {
	width: 190px;
	float: left;
	
	background-color: #ABCFE9;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.rightcontent a {
	line-height: 35px;
	color: #000;
	text-decoration: none;
	padding-left: 18px;
}
.rightcontent a:hover {
	
	color: #000;
	text-decoration: underline;
	
}
.rightcontent1 {
	width: 190px;
	float: left;
	
	background-color: #ABCFE9;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.farrightcontent {
	width: 190px;
	float: right;
	background-color: #FFF;
	background: transparent url(../images/leftbg.jpg) no-repeat;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */