/*(1)  General Page layout */ 

html,body{
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color:#000000;
background-color: #949494;
background-image: url(./images/slither.jpg);
background-repeat:repeat-x;    
}

a {color:#666!important;}
a:hover {color:#999!important;}

h1 {font-size:210%;
letter-spacing:-1px;
font-weight:normal;}

#header{
height: 170px;
background-image: url(../images/header.png);
background-repeat: no-repeat;
}

#header_h{
height: 170px;
}

#container{
margin: 50px auto;
width: 918px;
position: relative;
top: 0px;
}

#container2{
margin: 0px auto;
width: 918px;
position: relative;
top: 0px;
}

#content{
margin: 0px auto;
width: 918px;
position: relative;
top: 0px;
background-image: url(../images/slither.png);
background-repeat: repeat-y;
}

#content_h{
margin: 0px auto;
width: 918px;
position: relative;
top: 0px;
}

#container_home {
margin: 0px auto;
width: 918px;
height:560px;
position: relative;
top: 100px;
background-image: url(../images/homeback.png);
background-repeat: no-repeat;
}

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

#col-one_home{
position: absolute;
top: -38px;
left: 8px;
width: 162px;
margin: 0px 0px 0px 0px;
padding: 0px;
height: 450px;
}

#col-two{ 
top: 10px;
margin:  0px 20px -20px 195px;
padding: 0px 0px 0px 0px;
position: relative;
min-height: 320px; 
_height:320px;
}

#col-two_home{ 
top:0px;
margin:  0px 20px 20px 195px;
padding: 0px 0px 0px 0px;
position: relative;
min-height: 450px; 
}

#footer{
position:relative;
top:0px;
height: 87px;
background-image: url(../images/footer.png); 
background-repeat: no-repeat;
}



/*(2) Page Titles  */

h1 {padding:0 0 0 0; margin:0 0 7px 0;}

a:link{
color:#FFFF00;
text-decoration: none;
}
a:visited {
color:#FFFF00;
text-decoration: none;
}
a:focus{
color:#FFFF00;
text-decoration: none;
border: none;
}
a:hover{
color:#FF0000;
text-decoration: underline;
}
a:active{
color: #FFFF00;
text-decoration: none;
}


/* (4)  Home page elements */


#hometext{
position: absolute;
left: 0px;
top: 0px;
width: 500px;
text-align: center;
}


/* (5)  Nav */



#col-one ol{
position: absolute;
top: 0px;
margin: 0 auto;
margin-left: 0; 
padding-left: 0; /* Margin and padding to keep everything left */
text-indent: -5000px; /* Shove the text off screen */
list-style-type: none;
}

#col-one li a{
position: relative;
top: 0px;
display: block; /* Force everything to line up in a block */
width: 143px;  /* Image width - remember, it's half the width of your full image, as the other half gets "pulled" */
outline: none;
}


/* The images get added here */

#col-one li.navlink1 a {background-image: url(../images/nav/1.jpg); background-repeat: no-repeat; height: 52px;}
#col-one li.navlink2 a {background-image: url(../images/nav/2.jpg); background-repeat: no-repeat; height: 52px;}
#col-one li.navlink3 a {background-image: url(../images/nav/3.jpg); background-repeat: no-repeat; height: 57px;}
#col-one li.navlink4 a {background-image: url(../images/nav/4.jpg); background-repeat: no-repeat; height: 52px;}
#col-one li.navlink5 a {background-image: url(../images/nav/5.jpg); background-repeat: no-repeat; height: 54px;}


/* We shift the images for the hover effect */

#col-one li.navlink1 a:hover,
#col-one li.navlink2 a:hover, 
#col-one li.navlink3 a:hover,
#col-one li.navlink4 a:hover,
#col-one li.navlink5 a:hover
{background-position: -143px 0;} /* The width of the other half - the bit that gets "pulled" */

/* HOME NAV */

#col-one_home ol{
position: absolute;
top: 0px;
margin: 0 auto;
margin-left: 0; 
padding-left: 0; /* Margin and padding to keep everything left */
text-indent: -5000px; /* Shove the text off screen */
list-style-type: none;
}

#col-one_home li a{
position: relative;
top: 0px;
display: block; /* Force everything to line up in a block */
width: 185px;  /* Image width - remember, it's half the width of your full image, as the other half gets "pulled" */
outline: none;
}


/* The images get added here */

#col-one_home li.navlink1 a {background-image: url(../images/nav/1b.jpg); background-repeat: no-repeat; height: 68px;}
#col-one_home li.navlink2 a {background-image: url(../images/nav/2b.jpg); background-repeat: no-repeat; height: 51px;}
#col-one_home li.navlink3 a {background-image: url(../images/nav/3b.jpg); background-repeat: no-repeat; height: 55px;}
#col-one_home li.navlink4 a {background-image: url(../images/nav/4b.jpg); background-repeat: no-repeat; height: 57px;}
#col-one_home li.navlink5 a {background-image: url(../images/nav/5b.jpg); background-repeat: no-repeat; height: 53px;}


/* We shift the images for the hover effect */

#col-one_home li.navlink1 a:hover,
#col-one_home li.navlink2 a:hover, 
#col-one_home li.navlink3 a:hover,
#col-one_home li.navlink4 a:hover,
#col-one_home li.navlink5 a:hover
{background-position: -185px 0;} /* The width of the other half - the bit that gets "pulled" */