/* CSS Document */

/* ------------- "generic" styles */

body {
	margin: 0; padding: 0.5em;
	background: #daede6; color: #686397; 
	font: small, "Verdana", Arial, sans-serif;
}

a {
	text-decoration: none;
}

a img {
	border: 0;
}

p {
	margin: 0 0 1em;
}

/* ------------- masthead styles */

#masthead {
	float: center;
	margin-bottom: 1em; 
	background: #455644;
}

/* ------------- navlink styles */

#navlinks {
	margin: 0; padding: 0.1em 0.6em 1em;
	background: #686397; color: #D4EC84;
}

#navlinks li {
	display: inline;
	margin-right: 0.5em; padding-right: 0.75em;
	border-right: 1px solid #99C;
	font-weight: bold;
}

#navlinks li.last {
	border-right: 0;
}

#navlinks a {
	color: #D4EC84;
}

/* ------------- drop down menu styles */

#dropmenu{
	position:absolute;
	visibility: hidden;
	border-top: 0px;
	border-bottom: 0px;
	border-bottom-width: 0;
	font:normal 12px Verdana;
	line-height: 18px;
	z-index: 100;
	background-color: #D4EC84;
	width: 150px;
}

#dropmenu{
position:absolute;
visibility: hidden;
border-top: 0px;
border-bottom: 0px;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: #686397;
width: 150px;
}

#dropmenu a{
width: 100%;
display: block;
margin: 6px 0 0 0; 
border-top: 1px solid white;
border-bottom: 1px solid white;
text-indent: 3px;
padding: 1px 0; 
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

#dropmenu a:hover{ /*hover background color*/
background-color: #daede6;
color: #686397;
}

#dropmenu1{
	position:absolute;
	visibility: hidden;
 	border-top: 0px;
	border-bottom: 0;
	border-bottom-width: 0px;
	font:normal 12px Verdana;
	line-height: 18px;
	z-index: 100;
	background-color: #D4EC84;
	width: 150px;
}

#dropmenu1{
position:absolute;
visibility: hidden;
border-top: 0px;
border-bottom: 0;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: #686397;
width: 108px;
}

#dropmenu1 a{
width: 100%;
display: block;
margin: 6px 0 0 0; 
border-top: 1px solid white;
border-bottom: 1px solid white;
text-indent: 3px;
padding: 1px 0px;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

#dropmenu1 a:hover{ /*hover background color*/
background-color: #daede6;
color: #686397;
}

#dropmenu2{
	position:absolute;
	visibility: hidden;
	border-top: 0px;
	border-bottom: 0px;
	border-bottom-width: 0;
	font:normal 12px Verdana;
	line-height: 18px;
	z-index: 100;
	background-color: #D4EC84;
	width: 150px;
}

#dropmenu2{
position:absolute;
visibility: hidden;
border-top: 0px;
border-bottom: 0px;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: #686397;
width: 77px;
}

#dropmenu2 a{
width: 100%;
display: block;
margin: 6px 0 0 0; 
border-top: 1px solid white;
border-bottom: 1px solid white;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

#dropmenu2 a:hover{ /*hover background color*/
background-color: #daede6;
color: #686397;
}

/* ------------- main column styles */

#content {
	float: left;
	padding: 0.3em 2em 3em 3em;
}

#content h1 {
	/*margin: 0 23% 1.25em -1em;*/
	margin: 0 0% 1.25em -1em;
	padding: 0.5em 0.5em;
	background: #FFF; color: #686397;
	font-size: 1.3em;
}

#content h1 b {
	color: #B0D742;
}

#content h2 {
	/*margin: -120 33% 1.25em 0.5em;*/
	margin: -120 0% 1.25em 0.5em;
	padding: 0.5em 0.5em;
	background: #FFF; color: #CCCCCC;
	font-size: .7em;
}

#content h2 b {
	color: #686397;
}

/* ------------- footer styles */

#footer {
	clear: both;
	padding: 1em 1em;
	background: #455644;
	color: #B0D742
}

#footer a {
	color: #B0D742;
	text-decoration: underline;
}