body {
	                background-color: #552233;


                        text-align : center;
                        min-width : 777px;


                        scrollbar-face-color:#bb5588;
                        scrollbar-arrow-color:'maroon';
                        scrollbar-track-color:#552233;
                        scrollbar-shadow-color:'maroon';
                        scrollbar-highlight-color:#ffccdd;
                        scrollbar-3dlight-color:#ddaabb;
                        scrollbar-darkshadow-Color:'indigo';
               }

                #wrapper {
                        position : relative;
                        text-align : left;
                        width : 777px;
                        margin-left : auto;
                        margin-right : auto;
                        z-index:2;
                }



		* {
			margin:0;
			padding:0;

		}



		#container {
			position:absolute;
			top:11px;
			width:775px;
			height:765px;
                        border: 1px solid #efffdf;
			background: #993366;
                        z-index:3;

		}



           .td {

	        margin-top: 0px;
	        margin-right: 22px;
	        margin-bottom: 2px;
	        margin-left: 10px;
	text-align: justify;


                }


          #margin1 {

	        margin-top: 0px;
	        margin-right: 35px;
	        margin-bottom: 12px;
	        margin-left: 35px;
	text-align: justify;

                }



A:link {color: bb8899;} /* unvisited links are pink */

A:visited {color: bb8899;} /* visited links are pink */

A:hover {color: efffbf;} /* links turn yellow upon hovering */

A:active {color: 330000;} /* links turn dark red when clicked */




#coolmenu{
border: 2px solid #660044;
width: 182px;
background-color: #751545;
}
#coolmenu a{
font: normal 13px Verdana;
padding: 3px;
padding-left: 6px;
display: block;
width: 100%;
color: #ffbbee;
text-decoration: none;
border-bottom: 2px solid #660044;
}
html>body #coolmenu a{
width: auto;
}
#coolmenu a:hover{
background-color: #550033;
color: #efffbf;
}
#tabledescription{
width: 100%;
height: 102px;
padding: 5px;
font: normal 12px Verdana;
color:#efffbf;
filter:alpha(opacity=0);
-moz-opacity:0;
}


#woolmenu{
border: 1px solid #552233;
width: 485px;
background-color: #552233;
}
#woolmenu a{
font: bold 13px Verdana;
padding: 3px;
padding-left: 6px;
display: block;
width: 100%;
color: #805060;
text-decoration: none;
border-bottom: 1px solid #552233;
}
html>body #woolmenu a{
width: auto;
}
#woolmenu a:hover{
background-color: #552233;
color: #efffbf;
}








#aptemenu{
border: 1px solid #9c9999;
width: 485px;
background-color: #efffdf;
}
#aptemenu a{
font: normal 14px Verdana;
padding: 3px;
padding-left: 6px;
display: block;
width: 100%;
color: #110022;
text-decoration: none;
border-bottom: 1px solid #9c9999;
}
html>body #aptemenu a{
width: auto;
}
#aptemenu a:hover{
background-color: #660033;
color: #efffbf;
}




#apremenu{
border: 1px solid #9c9999;
width: 485px;
background-color: #efffdf;
}
#apremenu a{
font: bold 12px Verdana;
padding: 3px;
padding-left: 6px;
display: block;
width: 100%;
color: #852550;
text-decoration: none;
border-bottom: 1px solid #9c9999;
}
html>body #apremenu a{
width: auto;
}
#apremenu a:hover{
background-color: #660033;
color: #efffbf;
}








#homemenu{
border: 1px solid #663344;
width: 60px;
background-color: #af6384;
}
#homemenu a{
font: normal 12px Verdana;
padding: 9px;
padding-left: 9px;
display: block;
width: 100%;
color: #502030;
text-decoration: none;
border-bottom: 0px solid #663344;
}
html>body #homemenu a{
width: auto;
}
#homemenu a:hover{
background-color: #660033;
color: #efffbf;
}


#kccdmenu{
border: 1px solid #dd0000;
width: 133px;
background-color: #efffef;
z-index:5;
}
#kccdmenu a{
font: normal 12px Verdana;
padding: 6px;
padding-left: 6px;
display: block;
width: 100%;
color: #dd0000;
text-decoration: none;
border-bottom: 0px solid #dd0000;
z-index:5;
}
html>body #kccdmenu a{
width: auto;
z-index:5;
}
#kccdmenu a:hover{
background-color: #882255;
color: #efffbf;
z-index:5;
}


#kcalmenu{
border: 1px solid #dd0000;
width: 60px;
background-color: #efffef;
z-index:5;
}
#kcalmenu a{
font: normal 12px Verdana;
padding: 6px;
padding-left: 6px;
display: block;
width: 100%;
color: #dd0000;
text-decoration: none;
border-bottom: 0px solid #dd0000;
z-index:5;
}
html>body #kcalmenu a{
width: auto;
z-index:5;
}
#kcalmenu a:hover{
background-color: #882255;
color: #efffbf;
z-index:5;
}



#poolmenu{
border: 0px solid #701040;
width: 232px;
background-color: #701040;
}
#poolmenu a{
font: bold 14px Verdana;
padding: 3px;
padding-left: 6px;
display: block;
width: auto;
color: #bb6688;
text-decoration: none;
border-bottom: 0px solid #701040;
}
html>body #poolmenu a{
width: auto;
}
#poolmenu a:hover{
background-color: #701040;
color: #fefffa;
}


#photmenu{
border: 0px solid #701040;
width: 150px;
background-color: #701040;
}
#photmenu a{
font: bold 14px Verdana;
padding: 3px;
padding-left: 6px;
display: block;
width: auto;
color: #bb6688;
text-decoration: none;
border-bottom: 0px solid #701040;
}
html>body #photmenu a{
width: auto;
}
#photmenu a:hover{
background-color: #701040;
color: #fefffa;
}


#ellomenu{
border: 0px solid #701040;
width: 560px;
background-color: #701040;
}
#ellomenu a{
font: bold 14px Verdana;
padding: 3px;
padding-left: 6px;
display: block;
width: auto;
color: #bb6688;
text-decoration: none;
border-bottom: 0px solid #701040;
}
html>body #ellomenu a{
width: auto;
}
#ellomenu a:hover{
background-color: #701040;
color: #fefffa;
}


#codimenu{
border: 1px solid #aa0000;                            
width: 492px;
background-color: #efffdf;
z-index:6;
}
#codimenu a{
font: bold 12px Verdana;
padding: 3px;
padding-left: 6px;
display: block;
width: 100%;
color: #290009;
text-decoration: none;
border-bottom: 1px solid #aa0000;
z-index:6;          
}
html>body #codimenu a{
width: auto;
z-index:6;
}
#codimenu a:hover{
background-color: #993366;
color: #efffbf;
z-index:6;
}


#notemenu{
border: 0px solid #701040;
width: 350px;
background-color: #701040;
}
#notemenu a{
font: bold 14px Verdana;
padding: 3px;
padding-left: 6px;
display: block;
width: auto;
color: #bb6688;
text-decoration: none;
border-bottom: 0px solid #701040;
}
html>body #notemenu a{
width: auto;
}
#notemenu a:hover{
background-color: #701040;
color: #fefffa;
}


#mememenu{
border: 1px solid #efffdf;
width: 60px;
background-color: #efffdf;
}
#mememenu a{
font: normal 12px Verdana;
padding: 9px;
padding-left: 9px;
display: block;
width: 100%;
color: #401020;
text-decoration: none;
border-bottom: 0px solid #efffdf;
}
html>body #mememenu a{
width: auto;
}
#mememenu a:hover{
background-color: #660033;
color: #efffdf;
}



#dglpmenu{
border: 1px solid #9c9999;
width: 133px;
background-color: #efffdf;
}
#dglpmenu a{
font: bold 12px Verdana;
padding: 3px;
padding-left: 6px;
display: block;
width: 100%;
color: #852550;
text-decoration: none;
border-bottom: 1px solid #9c9999;
}
html>body #dglpmenu a{
width: auto;
}
#dglpmenu a:hover{
background-color: #660033;
color: #efffbf;
}

<!--


#bluemenu{
border: 1px solid #9c9999;
width: 485px;
background-color: #aa5500;#####################
}
#bluemenu a{
font: bold 12px Verdana;
padding: 3px;
padding-left: 6px;
display: block;
width: 100%;
color: #ffbb44;####################
text-decoration: none;
border-bottom: 1px solid #9c9999;
}
html>body #bluemenu a{
width: auto;
}
#bluemenu a:hover{
background-color: #eeaa33;######################
color: #ffffff;##########################
}






#yellowmenu{
border: 1px solid #9c9999;
width: 485px;
background-color: #447744;######################
}
#yellowmenu a{
font: bold 12px Verdana;
padding: 3px;
padding-left: 6px;
display: block;
width: 100%;
color: #88ee88;#############################
text-decoration: none;
border-bottom: 1px solid #9c9999;
}
html>body #yellowmenu a{
width: auto;
}
#yellowmenu a:hover{
background-color: #66cc66;#####################
color: #ffffff;##########################
}


#redmenu{
border: 1px solid #9c9999;
width: 485px;
background-color: #aa5500;#####################
}
#redmenu a{
font: bold 12px Verdana;
padding: 3px;
padding-left: 6px;
display: block;
width: 100%;
color: #ffbb44;####################
text-decoration: none;
border-bottom: 1px solid #9c9999;
}
html>body #redmenu a{
width: auto;
}
#redmenu a:hover{
background-color: #eeaa33;######################
color: #ffffff;##########################
}




-->

#greenmenu{
border: 1px solid #887777;
width: 485px;
background-color: #88ee88;
}
#greenmenu a{
font: normal 12px Verdana;
padding: 3px;
padding-left: 6px;
display: block;
width: 100%;
color: #110022;
text-decoration: none;
border-bottom: 1px solid #887777;
}
html>body #greenmenu a{
width: auto;
}
#greenmenu a:hover{
background-color: #447744;
color: #88ee88;
}


#orangemenu{
border: 1px solid #887777;
width: 485px;
background-color: #ffcc66;
}
#orangemenu a{
font: normal 12px Verdana;
padding: 3px;
padding-left: 6px;
display: block;
width: 100%;
color: #110022;
text-decoration: none;
border-bottom: 1px solid #887777;
}
html>body #orangemenu a{
width: auto;
}
#orangemenu a:hover{
background-color: #aa5500;
color: #ffbb44;
}