body {
margin:0;
padding:0;
color:#000000;
font-family:verdana, helvetica, arial, sans-serif;
border-top:2px solid #2A4F6F;
background-color: #D4D7FF;
}

#header {
border-top:1px solid #778899;
border-bottom: 1px dotted #B2BCC6;
height: 5.7em;
background-color : #fffffa;
}

#header .strapline {
font:120% Georgia, Times New Roman, times, serif;
color: #778899;
background-color:transparent;
float:right;
margin-right:2em;
margin-left:0.5em;
vertical-align: bottom;
}

#navBox {
position:absolute;
top:6em;
left:1em;
width:12.7em;
border : 1px solid white;
padding : 0em;
padding-top : 0.5em;
}

#navBox ul li a, #navBox ul li a:visited {
display:block; 
text-decoration:none; 
color:red; 
width:13em; 
text-align:left; 
border:1px solid #fff; 
border-width:0px 0px 1px 0; 
background:#efefef; 
font-size:90%; 
padding: 8px 8px 8px 8px;
}

#navBox ul {padding:0; margin:0; list-style-type: none;}
#navBox ul li {float:left; margin-right:1px; position:relative;}
#navBox ul li ul {display: none;}



#navBox ul li:hover a {color:#efefef; background:red;}
#navBox ul li:hover ul {display:block; position:absolute; top:0; left:12.7em; width:14.5em;}
#navBox ul li:hover ul li a.hide {background:#efefef; color:red;}
#navBox ul li:hover ul li:hover a.hide {width:12.9em;}
#navBox ul li:hover ul li ul {display: none;}
#navBox ul li:hover ul li a {display:block; background:#efefef; color:red; width:14.5em;}
#navBox ul li:hover ul li a:hover {background:red; color:#efefef;}


/*
UL {
PADDING: 0px 0px 0px 0px; 
MARGIN: 0px; 
WIDTH: 14.5em; 
BORDER-BOTTOM: #ccc 0px solid; 
LIST-STYLE-TYPE: none;
font-size:90%;
}

UL LI {
POSITION: relative;
}

LI UL {
left: 16em; 
top: -3px; 
width: 14em; 
height: 90px;
padding-top : 4px;
DISPLAY: none; 
POSITION: absolute; 
z-index : 2;
}

UL LI A {
top : 35px;
BORDER: #ccc 1px solid; 
PADDING: 8px 8px 8px 8px; 
DISPLAY: block; 
BACKGROUND: #efefef; 
COLOR: red; 
font-weight:bold;
BORDER-BOTTOM: #ccc 0px solid; 
TEXT-DECORATION: none;
font-size:90%;
}

/* HTML UL LI {
FLOAT: left; HEIGHT: 1%
}

 HTML UL LI A {
HEIGHT: 1%
}*/

/* Fix IE. Hide from IE Mac */
* html ul li { float: left; height: 5%; }
* html ul li a { height: 5%; }
/* End */


UL LI A:hover {
background-color: red; color: #efefef;
border-top: 1px solid gray;
border-left: 1px solid gray;
border-bottom : 1px solid silver;
border-right : 1px solid silver;
}

LI UL LI A {
PADDING: 8px  7px 8px  7px;
}

LI:hover UL {
DISPLAY: block
}

LI.over UL {
DISPLAY: block
}


#content {
margin-left : 15em;
margin-right : 2 em;
}


h1 {
font : 150% Georgia, Times New Roman, times, serif;
}

#content p{
font-size : 80%;
font-style : italic;
line-height : 1.6em;
padding-left : 1.2em;
}

#content ul, #content li {
list-style-type : disc;
font-family:verdana, helvetica, arial, sans-serif;
font-style : italic;
font-size : 90%;
line-height : 1.6em;
margin-left : 2em;
padding-left : 1.2em;
width : 680px;
border-bottom : none;
display : list;
}

 ul.info  {
	width : 200px;
	list-style-type: none;
	background-color: transparent;
}


#footer {
	font-size : 75%;
	text-align : center;
}