/*###CSS###*/

body {
	background-color:#F0F8FF;
	margin:0px;
}

/*styles for header*/

h1 {
	font-family:Georgia, serif;
	color:#FFFF00;
	padding:15px;
	font-size:40px;
	text-decoration:none;
	position:static;
}

#header {
	border:0px;
	border-collapse:collapse;
	width:100%;
}
	

#centre1 {
	width:90%;
	height:140px;
	background-color:#000066;
	background-image:url('Images/200732/012a.jpg');
}

#left1 {
	width:%;
	height:140px;
	background-color:#87CEEB;
}

#header_img {
	height:110px;
	width:100px;
	padding:15px;
	vertical-align:text-top;
	float:left;
}

/*end*/

/*styles for navbar*/

#left2 {
	width:5%;
	height:30px;
	background-color:#4169E1;
}

.mynavbar {
	position: relative;
  	width: 90%;
  	height: 30px; /* corresponds to 'line-height' of a.navbartitle below */
  	margin: 0; 
	border:0px ; 
	padding: 0;
  	background-color: #000066; 
}

.navbartitle {
  	display: block; 
  	float: left;
  	color: white;
  	background-color:  #000066;
  	font-family: Verdana, Arial, Geneva,  Helvetica, sans-serif;
  	font-size: 12px;
  	font-weight: bold;
  	margin: 0; 
	border: 2px outset #3366CC; 
	padding: 0;
  	line-height: 26px; /* corresponds to 'top' value of .submenu below */
  	text-align: center;
  	text-decoration:none;
}

a.navbartitle:hover {
  	background-color: #3366CC;
}

/* menu title widths */
#t1 { 
	width: 102px; 
}

#t2 { 
	width: 102px; 
}

#t3 { 
	width: 102px; 
}

#t4 { 
	width: 102px; 
}

/* We just specify a fixed width for each menu title. Then, down below we specify
    a fixed left position for the corresponding submenus (e.g. #products_submenu, etc.)
    Using these fixed values isn't as elegant as just letting the text of each 
    menu title determine the width of the menu titles and position of the submenus,
    but we found this hardwired approach resulted in fewer cross-browser/cross-OS 
    formatting glitches -- and it's pretty easy to adjust these title widths and the
    corresponding submenu 'left' positions below, just by eyeballing them whenever
    we need to change the navbar menu titles (which isn't often). */

.submenu {
	position:absolute;
	z-index: 2;
	top: 30px; /* corresponds to line-height of a.navbartitle above */
	padding: 0; margin: 0; 
	width:166px; /* If adjust this, then adjust width of .submenu below a too */
	color: white;
	background-color:  #000066;
	border: 1px solid #447755; /* box around entire sub-menu */
	font-family: Verdana, Arial, Geneva,  Helvetica, sans-serif;
	font-size: 11px;
}

* html .submenu { 
	width: 148px; 
} 

#info_submenu {  
	left: 105px; 
	visibility: hidden;  
}

#aboutus_submenu {  
	left: 211px; 
	visibility: hidden; 
}

#fun_submenu { 
	left: 315px; 
	visibility: hidden; 
}

.submenu a {
  	display: block;
  	color: white; 
  	background-color: #000066;
  	width: 146px; /* This should be width of .submenu above minus right-side padding on next line */
  	padding: 5px 0px 4px 20px;
  	text-decoration: none;
  	border-bottom: #447755 dotted 1px; 
  	border-top: 0; 
	border-left: 0; 
	border-right: 0;
	font-weight:bold;
}

.submenubox { 
  	margin: 0; 
	padding: 0; 
	border: 0;
}

.submenubox ul {
  	margin: 0; 
	padding: 0; 
	border: 0;
  	list-style-type: none;
}

.submenubox ul li { 
  	margin: 0; 
	padding: 0; 
	border: 0;
}

.submenubox ul li a:link { 
}

.submenubox ul li a:visited { 
}

.submenubox ul li a:hover {
	color: #c6e8e2; /* text color for submenu items */
	background-color: #3366CC;
	border-bottom: #447755 dotted 1px; 
}

#login {
	background-color:#000066;
	float:right;
	height: 30px; /* corresponds to 'line-height' of a.navbartitle below */
	margin: 0; 
	border: 0; 
	padding: 0px;
	color:white;
}

#logout {
	display:block;
	float:right;
	color: white;
	background-color:  #000066;
	font-family: Verdana, Arial, Geneva,  Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0; 
	border: 0px; 
	padding-right: 20px;
	line-height: 30px; /* corresponds to 'top' value of .submenu below */
	text-align: center;
	text-decoration:none;
}

/*end navbar*/

/*Style for content*/

#left3 {
	width:5%;
	background-color:#87CEEB;
}

#content  {
	border:0px;
	border-collapse:collapse;
	width:100%;
}

#content1 {
	width:85%;
	background-color:#FFFFFF;
}

#content2 {
	background-image:url('Images/Oars1.JPG');

}

/*end of content*/

#left4 {
	width:5%;
	height:60px;
	background-color:#4169E1;
}

ul { 
	position: relative; 
	display: block; 
}

li { 
	position: relative; 
	display: block; 
}	

th, p {
	font-family:Verdana, sans-serif;
	font-size:14px;
	color:#000066;
	padding:8px;
	text-decoration:none;
}

h2 {	
	font-family: Verdana, sans-serif;
	color:#000099;
	padding:3px;
	border-left:10px solid #000066;
	border-bottom:3px solid #000066;
	background-color:#FFFF66;
	width:565px;
}

ul {
	font-family: Verdana, sans-serif;
	color:#000099;
	padding:3px;
}

#header_td {
	text-align:left;
	padding-left:15px;
}


#nav_li {
	float:left;
	padding:10px;
}

#nav_login {
	float:right;
	padding-right:15px;
}

#footer {
	width:100%;
	height:60px;
	background-color:#000066;
	border:0px;
	border-collapse:collapse;
}

#flag_status {
	float:left;
	padding:5px;
	font-family:Verdana, sans-serif;
	color:white;
	vertical-align:middle;
}
	
#footer_td {
	text-align:right;
	width:50%;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	color:white;
}

#term_nav {
	border_right:1px solid black;
	vertical-align:top;
}