html,body{
margin: 0; padding: 0;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color:#000;
background-color: #FFFFFF;
background-image: url(../images/bodybackground.gif);
background-repeat: repeat-x;
}



#container{
margin: 0px auto;
width: 900px; height: 540px;
position: relative;
top: 0px;
background: url(../images/splashpage.jpg) no-repeat;
}



#col-one{
position: absolute;
top: 0px; left: 0px;
width: 200px; height: 200px;
margin: 0px; padding: 0px;
}

#col-one ol {
margin-left: 0; padding-left: 0; 
text-indent: -5000px; list-style-type: none;
}

#col-one li a {
position: absolute;
display: block; 
width: 260px;  height: 47px; 
}


li.navlink1 a {
background: url(../images/nav1.jpg) no-repeat; 
top: 177px; left: 125px;
}
li.navlink2 a {
background: url(../images/nav2.jpg) no-repeat;
top: 177px; left: 537px;
}

li.navlink1 a:hover {background-position: -261px 0px;}
li.navlink2 a:hover {background-position: -260px 0px;}




#col-two{ 
position: relative;
display: block;
top: 0px;
margin:  0; padding: 0;
height: 500px; 
backhgound: url(../images/splashpage.jpg) no-repeat;
}



#hometext {display: none;}



.hide {visibility: hidden;} /* To hide something from all views */
.hide_default {display: none;} /* To hide something from default view */



a:link{
color: #FFCC00;
text-decoration: none;
}
a:visited {
color: #FFCC00;
text-decoration: none;
}

a:hover{
color: #FFFFFF;
text-decoration: underline;
}


/* Styles for links at the bottom of the page */

#bottomlinks {
text-align:center;
padding: 0px;} /* Because we want these to be in the middle */

#bottomlinks ul {
margin: 5px; padding: 0px;}

#bottomlinks ul li{
color: #006200;
list-style-type: none;
padding: 5px;
margin: 5px 0px;
display: inline; line-height: 2em;
}
#bottomlinks a{
text-decoration: none;
color: #006200;
border-bottom: 2px dotted;
}

#bottomlinks a:hover{
color: #002DB4;
}