/* Main navigation menu */
.bluemenu{
font-family: verdana, arial, helvetica, sans-serif;
font-size:0.8em;
width: 150px; /*width of menu*/
}
 
.bluemenu ul{
color: white;
list-style-type:  none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
 
.bluemenu ul li{
color: white;
padding-left: 0.8em;
text-indent: -1.2em;
padding-bottom: 2px; /*bottom spacing between menu items*/
border-top: 1px dotted Gray;
}
 
.bluemenu ul li a{
color: white;
position: relative;
background: #000080;
display: block;
padding: 5px 0;
padding-left: 0.8em;
text-indent: -1.2em;
line-height: 17px;
text-decoration: none;
}
 
.bluemenu ul li a:hover, .bluemenu ul li a.selectedanchor{ /*hover state CSS*/
color: white;
background: #7E93C8;
}

/* Currently selected page in the navigation menu */

.CurrentItem{
font-family: verdana, arial, helvetica, sans-serif;
font-size:0.8em;
width: 150px; /*width of menu*/
background-color: #E09931;
}

.CurrentItem ul{
color: white;
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.CurrentItem ul li{
color: white;
padding-bottom: 2px; /*bottom spacing between menu items*/
padding-left: 0.8em;
text-indent: -1.2em;

border-top: 1px dotted Gray;
}

.CurrentItem ul li a{
color: white;
position: relative;
display: block;
padding: 5px 0;
padding-left: 0.8em;
text-indent: -01.2em;

line-height: 17px;
text-decoration: none;
}

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;/* font sizing in ems. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	}

.HeadBlue {
	background-color: #000080;
}
.HeadWhite {
	background-color: #FFFFFF;
}


	
div.shell {background: gray; padding:3px}
div.box {background: white; margin: -2px 0 0 -2px}


p 			{ color: navy ; font-size:1.0em }
p.heading	{ color: white ; font-size:1.2em ; font-weight:bold }
p.small		{ font-size:0.8em; font-style:italic }

td
{
	color: navy ;
	font-size:0.8em
}

td.main
{
	color: navy ;
	font-size:0.8em
}

/* These extra classes are here because otherwise, when a table is within a table it applies the 08.em twice */
td.embedd
{
	color: navy ;
	font-size:0.8em
}
td.embeddWhite
{
	color: white ;
	font-size:0.8em
}

th
{
	color: white ;
	font-size:0.8em ;
	font-weight:normal
}

th.embedd
{
	color: white ;
	font-size:0.8em ;
	font-weight:normal
}

.pageborder
{
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left:  1px solid #000000;
	border-top: 1px solid #000000
}

.pageshadow
{
	border-right: 7px solid #C0C0C0;
	border-bottom: 7px solid #C0C0C0;
	border-left:  0px solid;
	border-top: 0px solid
}


/* Relative to the owner - which could be TD or P */

a 
{
	color: navy ;	
	font-weight:bold ;
	text-decoration: none
}

h1
{
	font-size:1.3em; 
	font-weight:bold
}
h2
{
	font-size:1.2em; 
	font-weight:bold
}
h3
{
	font-size:1.1em; 
	font-weight:bold
}
h4
{
	font-size:1em;
	font-weight:bold
}
h5
{
	font-size:1em;
	font-weight:bold
}
h6
{
	font-size:1em;
	font-weight:bold
}
Ordered List
{
	color: navy;
}