<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<style type="text/css">
html, body {margin:0; padding:1%; height:96%}
body {font-family: verdana, sans-serif; font-size: 80%;background: #FFFFFF;}

#header {
height: 70px;
border: 2px solid #000000;   /* #C8181A; red border */  
background:#38344b;     /* indigo keiko gi blue background  */
background-image: url(images/redbar.jpg);
text-align:center;
color: #dff;      /* very light blue */
}
#clearheader{height:60px;}   /*needed to make room for header*/

#content {
	position:relative;
	height:100%;
	min-height:100%;
	border-right:none;
	/* background-image: url(images/bluebeach.gif);  */
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:-80px;
}
* html #content {height:100%}
body>#content {height:auto}
#contentinner {margin-left:90px}
* html #contentinner {height:1%} /* combat ie 3 pixel jog */
html>body #content{height:auto}

div#footer {
	position:relative;
	height: 80px;
	border: 2px solid #000000;  
	background: #38344b;
    /* background-image: url(images/4rings.jpg);  */

	clear: both;
    color: #dff;    /* light blue */
}
#clearfooter{clear:both;height:80px;}  /*needed to make room for footer*/

/*    Beginning of menu navigation style  */
#topmenucontent {
    width: 60em;
    color: #dff;
	background-color: #38344b;  /* indigo */
	padding: 1em 0;
	border: 1px #38344b;
	margin: auto;
} 
html>body #topmenucontent {
	width: 60em;
} 


ul {  /* all lists */
  padding: 0;
  margin: 0;
  list-style: none;
}

#nav a {
	font-weight: bold;
	color: red;  /* light blue */
}

#nav a {
	text-decoration: none;
}

#nav li li a {
	display: block;
	font-weight: normal;
	color: #dff;
	padding: 0.2em 10px;
}

#nav li li a:hover {
    color: #ff2;
	padding: 0.2em 5px;
	border: 5px solid #ff2;  /* moving bars indicating selection */
	border-width: 0 5px;
}


li#navmenulist {  /* all list items */
  float: left;
  position: relative;
  width: 15em;
     /* background */
    text-align: center;
	cursor: default;
	background-color: #38344b;  /* indigo */
	border: 1px solid #38344b;
	border-width: 0px 0px;
}

li ul {  /* second-level lists */
  display: none;
  position: absolute; 
  top: 100%;
  left: 0;
     /* background of drop down menu */
    font-weight: normal;
    background-color: #38344b;
	background: url(sskimages/menubkgnd.gif) bottom left no-repeat;
	padding: 0.1em 0 0.1em 0;
    border-left: solid 1px #38344b;
	border-right: solid 1px #38344b;
    border-bottom: solid 1px #38344b;
}

li#navmenulist > ul {  /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li#navmenulist li {
	display: block;
	float: none;
	background-color: #38344b;
	border: 0;
}


li#navmenulist:hover ul, li.over ul { /* lists nested under hovered list items */ 
    display: block; 
}



#leftcolumncontainer
{
float:left;
width: 2%;
text-align:center;	
color: #bdcade;
background:#000;
font-family: georgia, serif;
font-size: 13px;
}


#hidebordertop {
	position:absolute;
	bottom:-2px;
	left:150px;
	width:40px;
	height:3px;
	background:#fff;
	overflow:hidden;
}
#hideborderbottom {
	position:absolute;
	top:-3px;
	left:150px;
	width:40px;
	height:3px;
	background:#fff;
	overflow:hidden;
}
#inserttop {
	position:relative;
	height:10px;
	background:#fff;
	color:#000;
	border-bottom:2px solid #38344b;
}
#insertbottom {
	position:relative;
	clear:both;
	height:10px;
	background:#fff;
	color:#000;
	border-top:0px solid #38344b;
}
</style>

<style type="text/css">
ul.disc {list-style-type: disc}
ul.circle {list-style-type: circle}
ul.square {list-style-type: square}
ul.none {list-style-type: none}
ul.arrow {list-style-image: url(images/arrow.png)}
</style>


 <style type="text/css">
.bodyText {
line-height: 20px;
}

.style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
</style>
