body {
background-color: #DFE2E4;
color: #000000;
margin-left: 10%;
margin-right: 10%;
margin-top: 10px;
border-left: 1px solid black;
border-top: 1px solid black;
border-right: 1px solid black;
}

body a{ text-decoration:none;}

.indexleft {
position: absolute;
width: 45%;
height: 520px;
background-color:#FFFFFF;
color:#000000;
z-index:auto;
border-left : 1px solid black;
border-top : 1px solid black;
overflow : auto;
}

.indexright {
position: absolute;
left: 45%;
width: 55%;
height: 520px;
background-color:#FFFFFF;
color:#000000;
z-index:auto;
border-right : 1px solid black;
border-top : 1px solid black;
overflow : auto;
}

.indexbottom {
position: absolute;
top: 520px;
width: 100%;
}

h1 {
background-color:#FFFFFF;
color:#4444D8;
font-size:24px;
}

.photogallery {
overflow: scroll;
width: 100%;
height: 200px;
background-color:#333366;
color:#EEEEFF;
}

.tablesh1 {
font-size:14px;
color:#4444CC;
background-color:#FFFFDD;
margin-left:10%;
margin-right:1%;
}

.tablebt1 {
font-size:14px;
color:#000000;
background-color:#FFFFDD;
margin-left:10%;
margin-right:1%;
}

.tablesh2 {
font-size:14px;
color:#4444CC;
background-color:#EEEEEE;
margin-left:10%;
margin-right:1%;
}

.tablebt2 {
font-size:14px;
color:#000000;
background-color:#EEEEEE;
margin-left:10%;
margin-right:1%;
}


.sh1 {
background-color:#FFFFFF;
color:#4444CC;
font-size:14px;
margin-left:10%;
margin-right:1%;
}

.shst {

color:#4444CC;
font-size:16px;
margin-left:10%;
margin-right:1%;
}

.shst a { text-decoration: none; }

.sh3 {
background-color:#FFFFFF;
color:#4444CC;
font-size:14px;
margin-left:2%;
margin-right:1%;
}

.bt1 {
background-color:#FFFFFF;
color:#000000;
font-size:13px;
margin-left:10%;
margin-right: 10%;
}

.bt11 {
background-color:#FFFFFF;
color:#000000;
font-size:13px;
margin-left:10%;
margin-right: 10%;
}

.bt11 a{ text-decoration:none;}

.bt2 {
background-color:#333366;
color:#EEEEFF;
font-size:13px;
}

.bt3 {
background-color:#FFFFFF;
color:#000000;
font-size:13px;
margin-left:2%;
margin-right:1%;
}


.panelsh1 {
background-color:#EEEEEE;
color:#4444CC;
font-size:14px;
margin-left:10%;
margin-right:1%;
}

.panelbt1 {
background-color:#EEEEEE;
color:#000000;
font-size:13px;
margin-left:10%;
margin-right: 10%;
}

.footer1 {
background-color: #DFE2E4;
color: #A5A5B5;
border-top: 1px solid black;
position:relative;
margin-right:-2px;
left:-1px;
text-align:center;
font-size:12px;
}

.footer1link {
background-color: #DFE2E4;
color: #A5A5B5;
position:relative;
margin-right:-2px;
left:-1px;
text-align:center;
font-size:12px;
}

.photogallerylink {
background-color: #333366;
color: #d3d3d3;
font-size:13px;
}

a:hover.photogallerylink {
color: #fbfbfb;
}

.container {
background-color:#000000;
color:#0000FF;
}


.main {
background-color:#FFFFFF;
color:#000000;
z-index:auto;
border-left : 1px solid black;
border-top : 1px solid black;
border-right : 1px solid black;
}

.menubg {
width : 100%;
height : 24px;
background-color : #000000;
color : #FFFFFF;
}

.menu {
position : absolute; 
background-color : #E4DBB9; 
color : #000000; 
border-left : 1px solid black; 
border-bottom : 3px solid black; 
border-right : 3px solid black; 
padding : 3px; 
z-index : 9;  
font-size : 12px;
top: 18px;
visibility: hidden;

} 

.menuTitle { 
border-left : 1px solid black; 
border-top : 1px solid black; 
border-bottom : 1px solid black; 
border-right : 1px solid black; 
padding : 3px; 
background-color : #000000; 
color : #010101; 
position : absolute;  
font-size : 12px;
z-index : 1;
} 

.menuBarLink {
text-decoration : none; 
font-weight : bold; 
background-color : inherit; 
color : #ffffff; 
font-family : helvetica, arial, monospace; 
} 

.menuLink {
text-decoration : none; 
font-weight:bold;
background-color : #E4DBB9; 
color : #000000;  
} 

a:hover.menuLink {
text-decoration : none; 
color : #3F42EE; 
background-color : #E4DBB9; 
} 



#menubg1 {
z-index : -3;
}

#menubg2 {
position : absolute;
left : 1px;
top : -1px;
height : 25px;
}

#menuTitle1 {
left : 0px; 
} 

#menuTitle2 {
left : 6%;  
} 

#menuTitle3 {
left : 15%; 
} 

#menuTitle4 {
left : 29%;
}

#menuTitle5 {
left : 43%;
}

#menuTitle6 {
left : 58%;
}

#menuTitle7 {
left : 72%;
}

#menuTitleEnd {
visibility: hidden;
}

#menu1 {
	left : 0px;
} 

#menu2 {
	left : 6%; 
} 

#menu3 {
	left : 15%; 
} 

#menu4 {
	left : 29%;
}

#menu5 {
	left : 43%;
}

#menu6 {
	left : 58%;
}

#menu7 {
	left : 72%;
}


#main1 {
position : absolute;
top : 24px;
font-size: 16px;
width: 100%;
}


#container1 {
position:relative;
left:-1px;
top:0px;
height:100%
}