/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */

body{margin:0.5em;font-family:verdana,tahoma,arial,sans-serif; background-color: #999999;}

#header {   
	width: 770px; 
	height: 175px;
	background: #fff url('../images/logo.jpg') no-repeat;
	text-align:right;
	margin-top:20px;
	clear:both;	
}

#topbar, #footer {   
	width: 770px;
	height: 25px;
	background-color:#339;
}
#topbar {
	text-align:right;
	}
/* Begin CSS Popout Menu */

#menu {
width:770px;
float:left;
background-color:#333399;
}

#menu a, #menu h2{
font:bold 11px/16px arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#333399 #888 #555 #bbb;
white-space:nowrap;
margin:0;
padding:1px 0 1px 3px;
}

#menu h2{
color:#fff;
background:#333399 no-repeat 100% 100%;
text-transform:uppercase;
padding-left:5px;
padding-right:5px;
}

#menu a{
background:#eee;
text-decoration:none;
}

#menu a, #menu a:visited{
color:#000;
}

#menu a:hover{
color:#000;
background:#ddd;
}

#menu a:active{
color:#060;
background:#ccc;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
}

#menu li{
position:relative;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
}

#menu ul ul ul{
top:0;
left:100%;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
background:#e2ab13 no-repeat -999px -9999px;
}

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#000;
background:#eee no-repeat 100% 100%;
}

#menu a.x:hover{
color:#a00;
background:#ddd;
}

#menu a.x:active{
color:#060;
background:#ccc;
}

/* End CSS Popout Menu */
a {
color: #333399;
font-weight: bold;
text-decoration: underline;
}

p, ul, p a, h2 {
font-family: Arial,Helvetica,sans-serif;
}

a:link {
color: #333399;
font-weight: bold;
text-decoration: underline;
}

a:hover{
color: #ff9900;
font-weight: bold;
text-decoration: underline;
}

#topbar a, #footer a {
color: #ffffff;
}

#topbar a:hover, #footer a:hover {
color: #ff9900;
text-decoration: underline;
}

#topbar p, #footer p {
    color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.6em;
	line-height: 25px;
	display:inline;
	padding:0 10px;
}
#topbar a, #footer a {
    color:#fff;
}
#topbar a:hover, #footer a:hover {
    color:#F90;
	text-decoration:underline;
}
/* Begin Content Area - Not Part of CSS Popout Menu */
#content {
	float: left;
	width: 750px;
	background: transparent;
	overflow: hidden;
	padding-left:10px;
	font-size: 12px;
}

#content p {
	
}
/* End Content Area - Not Part of CSS Popout Menu */



/* Heading styles */
h1 {margin-left: 10px; font-family: Georgia, serif; color: #333; float: left; font-weight: normal; margin-left: 10px; font-size: 1.55em}
h1 a:link, h1 a:visited, h1 a:active {text-decoration: none; color: #333; font-weight: normal}
h1 a:link span, h1 a:visited span, h1 a:active span {text-decoration: none; font-weight: normal}
h1 a:hover {color: #00A2FF; text-decoration: none; font-weight: normal}
h1 a:hover span {color: #333; text-decoration: none; font-weight: normal}

h3 a, h3 a:link, h3 a:hover {font-weight: normal} 
h4 a, h4 a:link, h4 a:hover, h5 a:link, h5 a:hover {font-weight: bold}

h2 {margin: 0; padding-left: 10px; font-size: 0.75em; background-color: #333; color: #fff; line-height: 2.0em} /* headings on black backgrounds */

h3, h4, h5 {font-family: Georgia, serif; margin: 20px 0 0 10px}
h3 {font-size: 20px; line-height: 2px; font-weight: normal}
h4 {font-size: 12px; line-height: 0.90em; font-weight: bold}
h5 {font-size: 0.70em; line-height: 0.70em; font-family: Arial, Helvetica, sans-serif; font-weight: bold} /* appears like bold paragraph text */

p {margin: 10px; font-size: 12px; line-height: 1.75em}
p.updated {margin-left: 10px; font-size: 0.60em; line-height: 0.60em; letter-spacing: 0.05em; color: #888}

acronym {border-bottom: 1px dashed #333; cursor: help}


a {color: #339; font-weight: bold; text-decoration: underline;} 
a:link {color: #339; font-weight: bold; text-decoration: underline;}
a:hover {color: #F90; font-weight: bold; text-decoration: underline;}

#container {
	width: 770px; /* Suits an 800x600 page, allowing for scrollbar */
	background: #fff;
	overflow: hidden;
}
img.rightimg {float: right; margin-left: 10px}
img.leftimg {float: left; margin-right: 10px}

#footer {
    text-align:center;
}