/* contains new fix for #right-col in IE */


html,body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
background-color: #FFFFFF;
}

			
#container {
background-image: url(images/bg.gif);
background-repeat: repeat-y;
width: 786px;
margin: 0px auto;
position: relative;
top: 0px;
}


#containerhome {
margin: 0px auto;
width: 786px;
position: relative;
top: 0px;
}


a {
text-decoration: none;
color: #006600;
}

a:hover {
text-decoration: none;
color: #00CC00;
}
 
 
#header {
 height: 156px;
 background-image: url(images/header.jpg);
 background-repeat: no-repeat;
}
 
 
#left-col {
 position: absolute;
 top: 156px;
 left: 0px;
 width: 157px;
 margin: 0px;
 padding: 0px;
 } 
 
 #left-col-home {
 position: absolute;
 top: 156px;
 left: 0px;
 width: 273px;
 margin: 0px;
 padding: 0px;
 } 

 

#title{ 
 margin: 0px 0px 0px 157px;
 padding: 0px;
 position: relative;
 }

 
 #contentarea{  /* For Mozilla etc */

 margin: 0px 38px 0px 165px;
 padding: 0px;
 position: relative;
 min-height: 408px; /* IE doesn't understand min-height, but other browsers do */
 }

* html #contentarea{   /* IE ignores the * html so sees this as #right-col */

 margin: 0px 38px 0px 165px;
 padding: 0px;
 position: relative;
 height: 408px;  /* IE thinks height means min-height */
 }

 #contentareahome{

 margin: 0px 0px 0px 273px;
 padding: 0px;
 position: relative;
 }

/* Miscellaneous */

#homelink {
position: absolute;
top: 18px;
left: 8px;
width: 201px;
height: 133px;
}

#latestnews {
	position:absolute;
	left:264px;
	top:103px;
	width:206px;
	height:98px;
	z-index:1;
	text-align:center;
}


#counter{
background: #FFFFFF;
}

#clearer {
height: 10px;
clear:both;
}

#footer {
height: 138px;
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
clear:both;
}