﻿/* CSS layout */
body{
font: 13px Verdana;
margin-top:0;
padding:0;
background: white;
line-height: 1.5em;
}
#use {
	
}
#use a{
color:#000000;	
}



#top_nav {
	background:blue;
	background-image: url('topbanner.gif');
	height:45px; /*Height of top section*/
	width:982px;
	margin-bottom:5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
}

#container {
	margin:0px;/*added*/
	position: relative;
	width: 982px;/*was 100% */
}

#left_col {
	border: thin solid #6633FF;
	width: 200px;
		position: absolute;
		left: 0px;
		top: 0px;
		height: 940px;
	background-image:url('leftbanner.jpg');
	

}

#page_content {
	margin-left: 200px;
	width:782px;
	height: 940px;
	

}

#footer {
	height:30px;
	width:982px;
	color:white;
	background:black;
	margin-top:8px;
	padding-top:5px;
	text-align:center;
	

	
}

.innertube{
margin-left: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
}



    #coolmenu{
width: 166px;
}

#coolmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: #6666FF;
text-decoration: none;
}

html>body #coolmenu a{ /*Non IE rule*/
width: auto;
}

#coolmenu a:hover{
background-color: #000000;
color: #FFFFFF;
}




/*- Menu Tabs H--------------------------- */

    #tabsH {
      float:left;
      width:982px;/*was 100% */
      background:#000;
      font-size:100%;
      line-height:normal;
      }
    #tabsH ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabsH li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsH a {
      float:left;
     /* background:url("tableftoliveH.gif") no-repeat left top;*/
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsH a span {
      float:left;
      display:block;
     background:url('../KnotsWebpage/tabrightgreenH.gif') no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsH a span {float:none;}
    /* End IE5-Mac hack */
    #tabsH a:hover span {
      color:#FFF;
      }
    #tabsH a:hover {
      background-position:0% -42px;
      }
    #tabsH a:hover span {
      background-position:100% -42px;
    } 

a:link img,
	a:visited img{
		border:4px solid white;
	}
	a:focus img,
	a:hover img{
		border:4px solid black;
	},
	a:active img{
		border:4px solid silver;
	}
a:link	{text-decoration:none;}
a:visited{text-decoration:none; }
a:hover{text-decoration:underline;}
a:active{text-decoration:none;}

