/* Note: comments enclosed within slash-asterisk marks cannot be read by the style parser. In an HTML editor they are displayed in a different color and make it easy to find information in the stylesheet. They also are beneficial to people interested in learning about stylesheets. Ann Randall  */
/* Hyperlink Color Scheme */
/* Body, Background Directions */
BODY {
	font: 15px georgia,serif;
	color: #000;
	background: #FFF;
	background-image: url(/images/bg.png);
	background-repeat: repeat-x;
}

A:link {
	color: #40F;
	background: inherit;
	text-decoration: none;
}

A:visited {
	color: #63F;
	background: inherit;
	text-decoration: none;
}

BODY A:visited {
	color: #63F;
	background: inherit;
	text-decoration: none;
}

A:hover {
	color: #F30;
	background: #9CF;
	text-decoration: none;
}

A:focus {
	color: #206;
	background: #C9F;
	text-decoration: none;
}

/* Paragraph and Font Directions */
P {
	text-indent: 24px;
	font: 15px Georgia,serif;
	color: #003;
	background: inherit;
	margin: 0px 0px 6px 0px;
}

H1 + P { text-indent: 0; }
H2 + P { text-indent: 0; }
H3 + P { text-indent: 0; }
H4 + P { text-indent: 0; }
P.block { text-indent: 0; }

P.center {
	text-indent: 0;
	text-align: center;
}

.splash {
	display: block;
	width: 200px;
	font-family: 11px Verdana,sans-serif;
	margin: 10px 3px 2px 10px;
	padding: 10px;
	text-indent: 0;
	color: inherit;
	background: #FFEADD;
	float: right;
	border: 2px dotted #FF6518;
}

.splash P {
	font: 11px Verdana,sans-serif;
	text-indent: 0;
}

.splash > P > A {
	color: #209;
	background: inherit;
	font-weight: 700;
}

.splash P.note {
	font-style: italic;
	text-align: center;
	border: 0;
	margin-top: 10px;
	font-family: Georgia, serif;
}

.splash H2 {
	font: 900 17px Georgia,serif;
	text-align: center;
	margin: 0 0 6px 0;
	color: #F30;
}

.lineunder { border-bottom: 1px solid #206; }

.note {
	border-top: 4px double #000;
	border-bottom: 4px double #000;
}

.underline { text-decoration: underline; }

.note P {
	text-indent: 0;
	font-size: 11px;
	font-family: verdana,sans-serif;
}

/* Position of Top Logo Banner */
#bsu {
	position: absolute;
	top: 2px;
	left: 0;
}

#top {
	z-index: 1;
	width: 80%;
	position: relative;
	top: 10px;
	margin: 0 auto 0 auto;
	text-align: center;
	background: transparent;
	height: 80px;
	clear: both;
}

/* Position of Page Division */
#az {
	text-align: center;
	text-indent: 0;
	border-bottom: 1px solid #206;
	font: 12px Arial,sans-serif;
}

#page {
	width: 80%;
	position: relative;
	top: 0;
	margin: 0 auto 0 auto;
	color: #000;
	background: #FFF;
	padding-bottom: 20px;
	border-left: 1px solid #206;
	border-right: 2px solid #206;
	border-bottom: 2px solid #206;
}

#content {
	/*	position: relative; */
	margin: 6px;
	padding: 4px 20px 10px 50px;
}

#footer { padding-bottom: 30px; }

#footer P {
	text-align: center;
	width: 80%;
	margin: 0 auto 0 auto;
	color: #003;
	background: inherit;
	font: normal normal 11px Verdana,sans-serif;
	clear: both;
}

/* Image classes that float to the side with text wrap */
IMG { border: 0; }

IMG.wrapr {
	float: right;
	margin: 3px 0 3px 10px;
}

IMG.wraplz {
	float: left;
	margin: 3px 10px 3px 0;
}

IMG.wraprz {
	float: right;
	margin-left: 10px;
}

IMG.wrapl {
	float: left;
	margin-right: 10px;
}

.stroke { border: 1px solid black; }

/* Table contents are top aligned by default */
TD { vertical-align: top; }

/* Spacing and bullet styles for lists */
DT {
	margin: 9px 0 0 0;
	font-family: verdana,sans-serif;
	font-weight: 400;
}

H2 + DL {
	margin-top: -6px;
	margin-bottom: -3px;
}

H3 + DL {
	margin-top: -6px;
	margin-bottom: -3px;
}

DD { margin-bottom: 6px; }
DD A { font-style: italic; }

DD:before {
	content: url("/images/box.gif");
	display: inline;
}

OL {
	margin-top: 0;
	margin-bottom: 3px;
}

UL {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 3px;
}

UL LI {
	margin-bottom: 4px;
	list-style: inside square;
	color: #003;
	background: inherit;
}

UL UL LI {
	margin-bottom: 3px;
	list-style: outside circle;
	color: #003;
	background: inherit;
}

UL.maincontent LI { font-size: 16px; }

/* Heading styles */
H1 {
	color: #209;
	background: inherit;
	margin-left: -30px;
	text-align: center;
	font-family: georgia,serif;
	font-size: 30px;
}

H2 {
	color: #96C;
	background: inherit;
	margin-left: -30px;
	text-align: center;
	font-family: verdana,sans-serif;
	font-size: 20px;
	font-weight: bolder;
	margin-bottom: 0;
}

#nav H2 { display: none; }

H1 + H2 {
	margin-top: -9px;
	margin-bottom: -3px;
}

H3 {
	color: #426;
	background: inherit;
	font-family: georgia,serif;
	font-style: italic;
	font-size: 17px;
	margin: 9px 0 0 0;
	text-indent: 0px;
}

H4 {
	color: #437;
	background: inherit;
	font-family: Verdana,sans-serif;
	font-size: 14px;
	margin: 5px 0 0 0;
}

H5 {
	color: #666;
	background: inherit;
	font-family: Verdana,sans-serif;
	font-weight: bolder;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 0;
}

H6 {
	color: #003;
	background: inherit;
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	margin-top: 5px 0 1px 0;
}

/* Text styles */
EM { font-style: italic; }

/* links */
span.dot {
	color: #609;
	background: inherit;
	font-weight: 900;
}

.links a, .links a:link, .links a:visited {
	color: #FFF;
	background: inherit;
	display: inline;
	margin-left: 4px;
	padding: 1px 10px 1px 10px;
	border-bottom: 0;
	text-decoration: none;
}

.links.foot a, .links.foot a:link {
	color: #103;
	background: inherit;
}

.links.foot a:visited {
	color: #103;
	background: inherit;
}

.links a:hover {
	color: #409;
	background: #FFF;
}

.links {
	text-align: center;
	display: block;
	width: 80%;
	padding: 2px 0 2px 0;
	margin: 0 auto 0 auto;
	font: normal normal 11px Verdana,sans-serif;
	clear: both;
}

.links UL {
	list-style: none;
	margin: 0 10px 0 20px;
	text-align: center;
	padding: 1px;
}

.links LI {
	list-style: none;
	top: 0;
	display: inline;
	line-height: 10px;
	margin: 0;
	padding: 0;
}

html>body .links li {
	margin: 0 4px 0 4px;
	padding: 2px 0px 2px 4px;
}

/* NAVIGATION MENU WITH FLYOUT */
/* position of navigation menu on page */
#nav {
	float: left;
	display: block;
	z-index: 20;
	width: 100px;
	padding: 1px 10px 1px 0;
	margin: -5px 4px 10px -70px;
}

/* navigation hyperlink special effects */
#nav a {
	display: block;
	width: 100px;
	position: relative;
	margin: 0;
	text-decoration: none;
}

#nav a, #nav a:visited {
	color: #ddd;
	background: inherit;
}

#nav a:hover {
	color: #000;
	background: #fff;
}

#nav a:active {
	color: #C06;
	background: #000;
}


/*  navigation list */

#nav li {
	list-style-type: none;
	font: normal 11px Verdana,sans-serif;
}

#menu li a:hover {
	color: #fff;
	background: #306;
}

#nav ul li {
	position: relative;
	text-align: right;
	margin: 4px 0 4px -4px;
	width: 100px;
	padding: 2px;
	color: #fff;
	background: #000;
	text-indent: 3px;
	line-height: 1.1em;
}

#nav li ul {
	position: absolute;
	top: 0;
	left: 104px;
	display: none;
}

#nav ul li ul li {
	text-align: left;
	margin: 4px 0 -4px 1px;
	padding: 2px;
	border-bottom: solid #000 1px;
}

#nav ul li ul:lastchild {
	text-align: left;
	font-size: 11px;
	line-height: 1.1em;
	margin: 4px 0 -4px 1px;
	padding: 2px;
	border-bottom: 0;
}

/* Fix IE. Hide from IE Mac \*/
* html #nav ul li {
	float: left;
	height: 1%;
}

* html #nav ul li a { height: 1%; }

/* End IE Fix */

div#nav ul, div#nav ul ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100px;
}

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

div#nav ul li:hover ul, div#nav ul ul li:hover ul, div#menu ul ul ul li:hover ul  {
	display: block;
	margin-top: -4px;
}


/* Styling for Expand */
#nav a.x, #nav a.x:visited {
	color: #fff;
	background: inherit;
}

#nav a.x:hover {
	background: #fff;
	color: #000;
}

#nav a.x:active {
	color: #f30;
	background: #444;
}

/* END OF NAVIGATION MENU */