/* CSS layout */
body{
font: 13px Verdana;
margin-top:0;
padding:0;
background: white;
line-height: 1.5em;
}



#top_nav {
	background:lime;
	height:45px; /*Height of top section*/
	width:982px;
	background-image:url('../KnotsWebpage/topbanner.gif');
	margin:0px;
	margin-bottom:5px;
}

#container {
	margin:0px;/*added*/
	position: relative;
	width: 982px;/*was 100% */
}

#left_col {
	width: 200px;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 900px;
	background-image:url('../KnotsWebpage/leftbanner.GIF');
	border-color:#6633FF;
	border-style:solid;
	border-width:thin;

}

#page_content {
	margin-left: 200px;
	width:772px;/*was 782px*/
	height: 900px;
	

}

#footer {
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0px;
margin-right:0px;
}



    #coolmenu{
border: 1px solid #0099FF;
width: 166px;
}

#coolmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: #6666FF;
text-decoration: none;
border-bottom: 1px solid #0099FF;
}

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/black.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	{color: olive;text-decoration:none }
a:visited{color: olive;text-decoration:none  }
a:hover{color: red;text-decoration:underline}
a:active{color: red;text-decoration:none }

#tabRED a span {
      float:left;
      display:block;
     background:url("../KnotsWebpage/redTABx.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
 #tabRED a span {float:none;}
    /* End IE5-Mac hack */
    #tabRED a:hover span {
      color:#FFF;
      }
    #tabRED a:hover {
      background-position:0% -42px;
      }
    #tabRED a:hover span {
      background-position:100% -42px;
    } 

#tabGREEN a span {
      float:left;
      display:block;
     background:url("../KnotsWebpage/greenTABx.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
 #tabGREEN a span {float:none;}
    /* End IE5-Mac hack */
    #tabRED a:hover span {
      color:#FFF;
      }
    #tabGREEN a:hover {
      background-position:0% -42px;
      }
    #tabGREEN a:hover span {
      background-position:100% -42px;
    } 

#tabPURPLE a span {
      float:left;
      display:block;
     background:url("../KnotsWebpage/purpleTABx.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
 #tabPURPLE a span {float:none;}
    /* End IE5-Mac hack */
    #tabPURPLE a:hover span {
      color:#FFF;
      }
    #tabPURPLE a:hover {
      background-position:0% -42px;
      }
    #tabPURPLE a:hover span {
      background-position:100% -42px;
    } 

#tabYELLOW a span {
      float:left;
      display:block;
     background:url("../KnotsWebpage/yellowTABx.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
 #tabYELLOW a span {float:none;}
    /* End IE5-Mac hack */
    #tabYELLOW a:hover span {
      color:#FFF;
      }
    #tabYELLOW a:hover {
      background-position:0% -42px;
      }
    #tabYELLOW a:hover span {
      background-position:100% -42px;
    } 

#tabBLUE a span {
      float:left;
      display:block;
     background:url("../KnotsWebpage/blueTABx.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;/*changed from FFF*/
      }
 #tabBLUE a span {float:none;}
    /* End IE5-Mac hack */
    #tabBLUE a:hover span {
      color:#FFF;
      }
    #tabBLUE a:hover {
      background-position:0% -42px;
      }
    #tabBLUE a:hover span {
      background-position:100% -42px;
    } 

#tabCYAN a span {
      float:left;
      display:block;
     background:url("../KnotsWebpage/cyanTABx.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;/*changed from FFF*/
      }
 #tabCYAN a span {float:none;}
    /* End IE5-Mac hack */
    #tabCYAN a:hover span {
      color:#FFF;
      }
    #tabCYAN a:hover {
      background-position:0% -42px;
      }
    #tabCYAN a:hover span {
      background-position:100% -42px;
    }