﻿html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100.01%;
color: #003366;
text-align: center;
margin: 0px; 
padding: 0px; 
background: #c5d4df url(../Images/bg.gif) repeat-x;
}

h1{
font-size: 18pt;
font-family:Book Antiqua;
color: #003366;
}

.box {border-color:#BDC3C7; border-style:solid; border-width:thin;}
.button {background-color:#C3D8E3; border-width:1px; border-style:ridge; border-color:#9ba7a2; font-family:Arial, Sans-Serif; font-size:small; color:#003a61; height:25px; width:75px; font-weight:bold;}
.pageHeader {color:#ffffff;font-size:36px;font-style:normal;text-align:left;font-family:Book Antiqua;}
.textBox {border-style:inset; background-color:#E4EDF2 ; border-width: 1px; color: #003a61;
         border-color:#BDC3C7; font-size:small; font-family: Arial, Sans-Serif;}
.content {font-family: Arial, Helvetica, sans-serif; color:#003366; font-size:small;}
.footer {font-family: Arial, Helvetica, sans-serif; color:#003366; font-size:70%;border-top: 1px solid #000000;background-color: #d7d3cf;}
.warning {font-family: Arial, Sans-Serif; color:#CC3300; font-size:small;}
.dropdown {border-style:inset; background-color:#E4EDF2; border-color:#BDC3C7; font-size:small; font-family: Arial, Sans-Serif;}
.leftSideBar {font-size: 80%; width:228px; background-color:#f6f1eb; padding: 25px 10px 10px 20px; vertical-align:top; text-align:left;}
.contentArea {font-size: 80%; background-color: #f6f1eb; padding: 20px 20px 20px 20px; vertical-align:top; text-align:left; }
.contentArea p {margin: 20px;} 
.contentArea h1 {margin-left: 20px;} 
.bottomNavBar {font-family: Arial, Helvetica, sans-serif; color:#003366; font-size:70%; padding-bottom:5px;}
.bottomNavLinks {font-family: Arial, Helvetica, sans-serif; color:#003366; font-size:100%;}
.bottomNavBar a:hover {font-weight:bold;} 
.cssPager span {font-weight:bolder; font-size:large;}   
.cssPager td {padding-left:4px; padding-right:4px;}
.cssPager a {text-decoration: none;}
.cssPager a:hover {font-weight:bold;}

#contentwrapper {
width: 900px;
background-color:#FFFFFF;
margin:10px auto;
border: 1px solid #000000;
text-align:left;
}

#banner {
height: 189px;
background-image: url(../Images/Banner.jpg);
background-repeat: no-repeat;
}

#banner2 {
height: 268px;
background-image: url(../Images/BannerNew.jpg);
background-repeat: no-repeat;
}

#banner3 {
height: 252px;
background-image: url(../Images/BannerNew3.jpg);
background-repeat: no-repeat;
}

#banner h1{
font-size: 180%;
font-family:Times New Roman, Serif;
font-style:italic;
color: #ffffff;
padding: 0;
margin-left: 50px;
margin-top: 20px;
}

#nav {
border: 0;
}

#nav td 
{
	text-align:center;
	padding: 0;
	margin: 0;
	color:#ffffff;
	font-style:italic;
	vertical-align: middle;
	height: 30px;
}

#nav td a {
	font-size: 95%;
	color: #ffffff;
	text-decoration: none;
	font-style:italic;
	display: block;
	height: 30px;
	text-align: center;
	padding-top: 12px;
}

#nav td a:hover, #nav td a:focus {
	color: Navy;
}

#content{
	background-color: #f6f1eb;
	margin-left: 250px;
	padding:10px;
}

#content p{
	font-size: 80%;
	margin: 20px;
}

#content h1{
font-size: 130%;
color: #003366;
padding: 0;
margin: 20px;
}

#content h2{
font-size: 110%;
color: #003366;
padding: 0;
margin: /*100px 0 0*/ 20px;
}

#sidebar 
{
	font-size: 80%;
	float: left; 
	width:200px;
	background: #ffffff;
	padding: 10px; 
}

.leftimage{
float: left;
margin-right: 10px;
border: 1px solid #000000;
}

.rightimage{
margin-bottom: 20px;
float: right;
margin-left: 15px;
border: 1px solid #000000;
width: 150px;
}

#leftcol{
margin-left: 10px;
margin-top: 20px;
width: 170px;
background-color:#FFFF00;
margin-bottom: 20px;
float: left;
}

#content p.right{
float: right;
}

.container{
width: 99%; 
float:right;
background-color:#6633CC;
}

/*Hover Menu*/
.popupMenu 
{
	font-size: 95%;
	position:absolute;
	visibility:hidden;
	border: 0;
	background-color:#3c6aa7;
	color:#ffffff;
	font-style:italic;
	height: 30px;
	margin: 0;
}

.popupHover {
	font-size: 95%;
	color: Navy;
	text-decoration: none;
	font-style:italic;
	display: block;
	height: 30px;
	text-align: center;
	padding-top: 12px;
}

.popupMenuItem
{
	text-align:center;
	padding: 0;
	margin: 0;
	background-color:#3c6aa7;
	color:#ffffff;
	font-style:italic;
	vertical-align: middle;
	height: 30px;
}

.popupMenuItem a 
{
	font-size: 95%;
	color: #ffffff;
	text-decoration: none;
	display: block;
	font-style:italic;
	height: 30px;
	text-align: center;
	padding-top: 12px;
}

.popupMenuItem a:hover, .popupMenuItem a:focus 
{
	color: Navy;
}

.navPanel
{
	font-size: 95%;
	color: #ffffff;
	background-color:#3c6aa7;
	text-decoration: none;
	display: block;
	height: 30px;
	text-align: center;
	padding-top: 12px;
}

.leftSideMenuItem
{
	padding: 0;
	margin: 0;
	color:#003366;
	font-style: italic;
}

.leftSideMenuItem a 
{
color:#003366;
text-decoration: none;
display: block;
text-align: left;
height: 18px;
padding:5px;
}

.leftSideMenuItem a:hover, .leftSideMenuItem a:focus 
{
text-decoration: underline;
color:#003366;
}

.homePageSubHeader a 
{
color:#003366;
text-decoration: none;
display: block;
text-align: left;
padding:0px;
}

.homePageSubHeader a:hover, .leftSideMenuItem a:focus 
{
color:#7697bf;
}