/* 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: #FFE9BB;
text-align: center;
}

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


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

a:hover {
text-decoration: none;
color: #FF0000;
}
 
 
#header {
 height: 165px;
 background-image: url(images/header.jpg);
 background-repeat: no-repeat;
 }
 
 
#left-col {
 position: absolute;
 top: 165px;
 left: 0px;
 width: 189px;
 margin: 0px;
 padding: 0px;
 } 



#right-col{  /* For Mozilla etc */

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

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

 margin: 0px 20px 0px 189px;
 padding: 0px 0px 0px 0px;
 position: relative;
 height: 376px;  /* IE thinks height means min-height */
 }





/* Miscellaneous */


#home-left {
position: relative;
width: 353px;
padding: 0px 0px 0px 0px;
margin-left: 0px;
text-align: center;
float: left;
}

#home-right {
position: relative;
background-image: url(images/latest_news.gif);
background-repeat: no-repeat;
width: 218px;
height: 319px;
padding: 50px 0px 0px 20px;
margin-right: 0px;
text-align: center;
float: right;
}
#counter {
position: absolute;
width: 270px;
top: 531px;
left: 507px;
text-align: center;
color: #FF9900;
font-size: x-small;
}

#clearer {
clear:both;
}

#footer {
height: 16px;
font-size:xx-small;
background-image:url(images/footer.gif);
background-repeat:no-repeat;
clear:both;
}
#title {
position: absolute;
top: 117px;
left: 356px;
width: 176px;
text-align: center;
color: #CC0000;
font-size: large; /* for IE5/Win */
voice-family: "\"}\"";
voice-family: inherit;
font-size: x-large; /* Actual Value */
}