

body{font-family: Arial, Helvetica, sans-serif; background-image: url(images/white-to-blue-gradient-10x1994.jpg); background-repeat: repeat; color: #696969; background-position: top; /*background-color: #dbedfe;*/ font: 80%/normal Tahoma, Arial, Helvetica, sans-serif; text-align: center; }

p { margin-bottom: 1.2em; }

h1, h2, h3, h4, h5, h6 {
 font-weight: normal;
 letter-spacing: -1px;
}

h1{ text-align: center;
	font-family: Arial,Verdana,sans-serif;
	font-size: 150%;
	color: #65dcf1;
	
}

h2{
	font-size: 114%;
	color: #798797;
	
}

h3{
 font-size: 100%;
 color: #798797;

}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #798797;
}

h5{
 font-size: 100%;
 color: #798797;
}


a:link, a:visited, a:hover {
	color: #3B4851;
	text-decoration: none;
}					


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#wrapper{
	width: 840px;
	background-position: center;
	margin: 5px auto;
	margin-left: auto;
	margin-right: auto;
	border: thin solid #ccc;
	padding: 0px;
	text-align: left;
	background-color:#FFFFFF
}

#wrapper1{
	width: 840px;
	background-color: #ffffff;
	background-position: center;	
	margin: 5px auto;
	margin-left: auto;
    margin-right: auto;
	border: thin solid #ccc;
	padding: 0px;
	text-align: left;	
}

#header{background-image: url(images/header4.jpg) ; background-repeat:no-repeat; background-position:center; height: 165px; width: 840px;}

#content {float: left; background:#ffffff;}

#stdParagraph{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;	
}



.short_form {
        font-family: Arial, Helvetica, sans-serif;
        font-size: .6em;
        font-weight: normal;
}

INPUT {
	color: black;
	font-family: arial, verdana, ms sans serif;
	font-size: 1em;
	background-color: #E9E9E9;
}

TEXTAREA {
	background-color: #E9E9E9;
	font-family: arial, verdana, ms sans serif;
	font-size: 1em;
	font-weight: normal
}
/*#footer {
	background-image: url(images/footer.jpg);
	height: 35px;
	clear: both;
	text-align: center;
	padding-top: 20px;}*/
#footer {
	margin: 5px 0px 5px 10px;
	padding: 1px 10px 1px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	text-align: center;
} 

/***********************************************/
/*Component Divs                               */
/***********************************************/

.smallgray {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #3B4851;}
.smallgray2 {font-family: Arial, Helvetica, sans-serif; font-size: 11px;  color: #3B4851;}
.box-bordering {background-color:#FFFFFF; border-style: solid; border-width: 1px; border-color:#8A939C; padding: 8px;}
.box-bordering2 {background-color:#FFFFFF; border-left-style: solid; border-left-width: 1px; border-left-color:#8A939C; padding: 8px;}

.padding-left {padding-left: 10px;}
.padding {padding-right: 5px; padding-top: 5px;}
.small-box{font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding-left: 5px; padding-right: 5px;}

.style1 {font-size: 18px; color:#990000; font-weight: bold;}
.style2 {font-size: 14px; color:#61b6db; font-weight: bold;}
.style3 {color: #000000;  font-size: 16px;font-weight: normal;}
.style5 {font-family: "Times New Roman", Times, serif; color: #61b6db; font-size: 24px;font-weight: bold;}
.style6 {color: #00FFFF;font-size: 18px;font-weight: bold;}
.style7 {font-size: 16px; color:#61b6db; font-weight: bold;}
.style8 {font-size: 18px; color:#990000; font-weight: normal;}
.style9 {color: #ff0000}


<!--
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
-->

/* menubar */

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
overflow: hidden;}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
/*background: black url(indentbg.gif) center center repeat-x;*/
background="images/blue-topnav-background.jpg";
background-color: #321d68;}

.indentmenu ul li{
display: inline;}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-left: 1px solid #564c66; /*dark purple divider between menu items*/
border-right: 1px solid #564c66; /*dark purple divider between menu items*/}

.indentmenu ul li a:visited{
color: white;}

.indentmenu ul li a:hover, .indentmenu ul li a.selected{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: #62b6de;}

/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
	display: block;
	width: 160px; /*width of menu (not including side paddings)*/
	color: black;
	background-color: #DEE0F5;
	text-decoration: none;
	padding: 4px 5px;
	border-bottom: 1px solid black;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background-color: black;
color: white;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}
/* ######### Marker List Vertical Menu ######### */

.markermenu{
width: 175px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/

}

.markermenu ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
border: 1px solid #9A9A9A;
}

.markermenu ul li a{
background: #F2F2F2 url(images/bulletlist.gif) no-repeat 3px center; /*light gray background*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

* html .markermenu ul li a{ /*IE6 hack*/
width: 155px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #00014e;
}

.markermenu ul li a:hover, .markermenu ul li a.selected{
color: white;
background-color: black;
}

/* ######### Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ######### */

.blackwhite li a{
background: white;
}

.blackwhite li a:hover{
background: black;
color: white;
}
/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;
border-bottom: 1px solid gray;
background: #414141;
background: images/blue-topnav-background.jpg;
background-color: #990000;
overflow: hidden;
width: 100%;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: inline;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141;
}

.mattblackmenu li a:visited{
color: white;
}

.mattblackmenu li a:hover{
background: black; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background: black; /*background of tab with "selected" class assigned to its LI */
}
