.mainmenu{
	width: 10em;
	padding: 0;
	position: fixed;
	top: 10px; }

.mainmenu ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	color:#003063;
	background: #7FA5CF;
	padding: 0;
	border: solid #A0A0A4;
	border-width: 1px 1px;
	margin: 0 0 0 0; }

.mainmenu a, .mainmenu a:visited {
	display: block;
	width: 100%;
	font-family:Arial, Helvetica, sans-serif;font-size:90%;font-weight:normal;font-style:normal;text-decoration:none;
	color: #003063;
	text-decoration: none;
	padding: 1em 0em;
	text-indent:1em;
	margin: 0;	}

.mainmenu li li a{padding:1em;text-indent:0;}
.mainmenu ul ul a{
	width:100%;
	height:100%; }
	
.mainmenu ul a{ width: 100%; }

.mainmenu li  {
	float: left;
	width:100%;
	margin:0;
	padding:0; }

.mainmenu ul li {float:left; position:relative; }
.mainmenu ul li  {width:100%;} /* !!!!! */
	
.mainmenu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width:10em;	
	background: #7FA5CF;
	font-weight: normal;
	border-width: 1px;
	margin: 0; }

.mainmenu li li { width: 100% ; }
.mainmenu li a{width: 100% ; }
.mainmenu li li a{ width: 100%; }

.mainmenu li ul  { margin: -2.1em 0 0 -0.3em; }
.mainmenu li ul ul { margin: -2.1em 0 0 -0.3em; }
.ul_ch, 
.mainmenu li:hover ul ul,
.mainmenu li li:hover ul ul,
.mainmenu li li li:hover ul ul,
.mainmenu li li li li:hover ul ul,
.mainmenu li li li li li:hover ul ul
{
	left: -999em;
}
.mainmenu li:hover ul,
.mainmenu li li:hover ul,
.mainmenu li li li:hover ul,
.mainmenu li li li li:hover ul,
.mainmenu li li li li li:hover ul
{
	left: 100%; /* !!! */
}
.mainmenu li:hover>ul.ul_ch   
{
	left: 100%; /* !!! */
}

.mainmenu li:hover{
	background: #003063;
	z-index:9901;
}

.mainmenu li:hover a,.mainmenu li:hover a:visited,.mainmenu li:hover a:hover,.mainmenu li a:hover{
	color:#7FA5CF;
	z-index:9902;
}
.mainmenu li:hover li a, .mainmenu li li:hover li a, 
.mainmenu li li li:hover li a, .mainmenu li li li li:hover li a,
.mainmenu li:hover li a:visited, .mainmenu li li:hover li a:visited, 
.mainmenu li li li:hover li a:visited, .mainmenu li li li li:hover li a:visited
{
	color:#003063;
	z-index:9903;
}
.mainmenu li li:hover, .mainmenu li li li:hover, 
.mainmenu li li li li:hover , .mainmenu li li li li li:hover , .mainmenu li li li li li li:hover 
{
	background: #003063;
	z-index:9904;
}
.mainmenu li li:hover a,.mainmenu li li li:hover a, 
.mainmenu li li li li:hover a, .mainmenu li li li li li:hover a
{
	color: #7FA5CF;
	z-index:9905; 
}

.mainmenu ul ul a, .mainmenu ul ul a:visited,
.mainmenu li li a, .mainmenu li li a:visited
{
	color: #003063;
	z-index:9906;
}
.mainmenu ul ul a:hover,
.mainmenu li:hover li:hover a,.mainmenu li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover a:visited ,
.mainmenu li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a,.mainmenu li:hover li:hover li:hover li:hover li:hover li:hover a:visited{
	color: #7FA5CF;
	z-index:9907;
}
.mainmenu li:hover li:hover li a,.mainmenu li:hover li:hover li a:visited ,
.mainmenu li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li a:visited,
.mainmenu li:hover li:hover li:hover li:hover li:hover li a,.mainmenu li:hover li:hover li:hover li:hover li:hover li a:visited{
	color: #003063;
	z-index:9908;
}

/* end of mainmenu css */

#left_menu_image_one {
	position:fixed;
	top: 240px;
	left: 8px;
	width: 10em;
	border: 1px solid #A0A0A4;}
	
#left_menu_image_two {
	position:fixed;
	top: 373px;
	left: 8px;
	width: 10em;
	border: 1px solid #A0A0A4;}
	
#left_menu_image_three {
	position:fixed;
	top: 505px;
	left: 8px;
	width: 10em;
	border: 1px solid #A0A0A4;}
	
#Valid_CSS {
	position:fixed;
	top: 640px;
	left: 8px;}
	
#right_border_box {
	position:relative;
	float: right;
}

#right_border_image1 {
	position:fixed;
	top: 10px;
	left: 1023px;
	width: 384px;
	height: 288px;
	border: 1px solid silver;}

#right_border_image2 {
	position:fixed;
	top: 311px;
	left: 1023px;
	width: 384px;
	height: 288px;
	border: 1px solid silver;}
	
body { 
	font-family: Arial, Helvetica, sans-serif;
	background-color:#003063;}

#content_box {
	position: absolute;
	top: 10px;
	left: 180px;
	width: 830px;
	height: 2700px;
	background-color: #A9CCF2;
	border: 1px solid silver;}
	
#banner_container {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #7FA5CF;
	width: 830px;
	height: 105px;
	z-index:2; }
	
#WIFI_image {
	position:absolute;
	top: 16px;
	left: 715px; }
	
#banner_title {
	position:absolute;
	top: 0px;
	left: 197px;
	width: 687px;
	z-index:3;}
	
#banner_address {
	position:absolute;
	top: 45px;
	left: 18px;
	width: 600px; }
	
h1 { 
	font-family:"Times New Roman", Times, serif;
	font-size:36px;
	font-weight:lighter;
	color: #003063;}
	
h2 { 
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	font-weight:lighter;
	color: #003063;}
	
h3 { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #003063;}
	
#page_content {
	position:absolute;
	top: 115px;
	left: 15px;
	width: 800px;
	height: 2500px; }
	
#images_left {
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left }

#images_right {
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: right} 
	
#images_left_top {
	padding-bottom: 12px;
	padding-right: 10px;
	float: left }

#images_right_top {
	padding-bottom: 12px;
	float: right} 
	
font.blue {COLOR: blue;}
font.red {color: red;}
font.green {color: green;}
font.yellow {color:yellow;} 


/*Used to color the text in the tables*/
.tr_blue {color:blue;}
.tr_red {color:red;}
.tr_green {color:green;}
.tr_yellow {color:yellow;}


#normal td, #normal font, #normal p { 
	color: black;
	font-family: 'Verdana'}
	
table.special_Yellow {
	background-color: Yellow;
	border: 2px solid Red;}

table.border {
	background-color: #003063;
	border: 1px solid #999999;}

table.border td { 
	background-color: #BCD4FA;
	border: 1px solid #999999;}

table.border th { 
	color: #A9CCF2;
	font-family: 'Verdana'}

#highlight td { 
	background-color: #BCD4FA; 
	color: blue; 
	font-family: 'Verdana'}
	
/*Picture sizes	
64  48
128	96
160 120
192	144
256	192
320	240
384	288
448	336
512	384
576	432
640	480
*/
