@media Screen
{

HTML {
	BACKGROUND-COLOR: #e0e0e0;
}

.clear { clear: both; }

#spacer { width: 1px;
          height: 1px;
}

body {
	margin: 0px; 
	line-height: 12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center; /*only centers the PAGE in IE, not FF*/
	font-size:12px;
	padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; background: url(../graphics/shadow.png) #e0e0e0 repeat-y center top;  padding-top: 0px	
}

a.skipToContentLink {
	position: absolute; left: -1000em; width: 20em;
}

h4 {
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color: navy;
	font-weight:bold;
	line-height:16px;
}

#page {
	width:800px;
	background:#FFFFFF;
	border:1px solid #000000;
	margin-left:auto;
	margin-right:auto;
}

#wrapper {
	background-color:#14285f;
	height:100%;
	width: 800px ;
	text-align: left;
	position:relative;	    /* This fixes the IE7 overflow hidden bug */
	clear:both;
	overflow:hidden;		/* This chops off any overhanging divs */	
}

#wrapperUpload {
	background-color:#14285f;
	height:100%;
	text-align: left;
	position:relative;	    /* This fixes the IE7 overflow hidden bug */
	clear:both;
	overflow:hidden;		/* This chops off any overhanging divs */	
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: oblique;
}

/* ==== left navigation styles ==== */
.leftNav {
	text-align:left;
	clear:both;
	float: left;
	padding: 0px 0px 0px 0px;
	width: 171px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	color: white;
}
.leftNav a {
	line-height:15px;
	padding-bottom:10px;
}
.leftNav a:link {
	text-decoration:none;
	color:#002469;
	font-weight: bold;
	display: block;
}
.leftNav a:visited { 
	color:#00307E; 
	text-decoration:none;
	font-weight: bold;
	display: block;
	margin-right: 5px;
}
.leftNav a:hover, .leftNav a:active {
	text-decoration:underline;
	color:#4B5F7F;
	display:block;
	font-weight: bold;
}

#navigation a {
	color: #99CCFF;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:16px;
	display:block;
	padding:10px;
	border: 1pt solid rgb(20,40,95);
	border-right-width: 0px; 
	border-left-width: 0px; 
	}
	
#navigation a:hover {
	color:#ffffff;
	border: 1pt dotted #CC3300;
	border-right-width: 0px; 
	border-left-width: 0px; 
}

/* ==== content (three panel page) styles ==== */
.content {
	position: relative; 
	float:left;
	width:390px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	background:#cfd5e2;
	min-height:500px;
	color:#002469;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #a5b1c9;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #a5b1c9;
	background-color: white;
}

.content p {
	font-size:12px;
	line-height:20px;
	margin:5px 0 8px 0;
	font-weight:normal;
}

.content h3 {
	font:16px georgia;
	color: #CC3300;
	font-weight:bold;
	letter-spacing:.1em;
	line-height:16px;
}

.content a:link {
	text-decoration:none;
	color:#8e124a; /*blue: 002469, red: b31b34, maroon:8e124a*/
}

.content a:visited { 
	color:#4B5F7F;/*was 666666*/ 

}
.content a:hover, .content a:active {
	text-decoration:underline;
	color:#4B5F7F;

}

/* ==== content (two panel) styles ==== */
.contentWide {
	position: relative; 
	float:left;
	padding-top: 10px;
	width:585px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	background:#cfd5e2;
	min-height:500px;
	color:#002469;
	background-color: white;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #a5b1c9;
}

.contentWide p {
	font-size:12px;
	line-height:20px;
	margin:5px 0 8px 0;
	font-weight:normal;
}

.contentWide h3 {
	font:16px georgia;
	color: #CC3300;
	font-weight:bold;
	letter-spacing:.1em;
	line-height:16px;
}

/* ==== right navigation styles ==== */
.rightNav {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 14px;
	color: white;
}

.rightNav a {
	line-height:15px;
}

.rightNav a:link {
	text-decoration:none;
	color:#002469; /*blue*/
	font-weight: normal;
	display: block;
}

.rightNav a:visited { 
	color:#00307E; 
	text-decoration:none;
	font-weight: normal;
	display: block;
}

.rightNav a:hover, .rightNav a:active {
	text-decoration:underline;
	color:#4B5F7F;
	display:block;
	font-weight: normal;
}

.rightNav .sidebarHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #99CCFF;
	font-weight:bold;
	letter-spacing:.1em;
	line-height:16px;
	text-align: center;
}

.rightNav .sidebarHeader a 
{
    color: #99CCFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;  
}
.rightNav .sidebarHeader a:hover {
	color:#ffffff;
	text-decoration: none;
}

.rightNav #sidebarHeaderTitle 
{
    color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;   
	text-align: center;	     
	padding: 5px;
}

/* ==== navigation banner links ==== */

/* ==== navigation banner links ==== */
#navlinks a {
	color: white;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.navbar
{
	float:left;
	position:relative;
	padding:0 0 1em 0;
	overflow:hidden;
	padding-top: 5px; 

}

.footer {
	clear:both;
	text-align:center;
	color:#14285f;
	background:#14285f;
	font-size:11px;
	height: 14px;
	width: auto;
	padding: 20px;
	background-color: #d0d0d0;
}
	/* --- Content --- */
/* Content item title with underline */
.sectionTitle {
	padding-left: 0px;
	font-weight: bold;
	font-size: 16px;
	color: #01458c;
	border-bottom: #95b7f3 1px solid
}

input, textarea 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.smallText 
{
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

.searchItemEven 
{
    background-color: White;
    padding-bottom: 15px;
}

.searchItemOdd 
{
    background-color: #e0e0e0;
    padding-bottom: 15px;
}

.documentTopic
{
    font-weight: bold;
    padding-left: 20px;
}

#fieldError
{
  color: Black;
  border: solid 1px white;
  background-color: #e0e0e0;
  width: 95%;
  font-weight: bold;
  padding: 5px;
}

/* round corners */

.sidebarPanel dl {
	width: 195px;
	margin: 0 0 0px 0px;
	padding: 0;
	background: white url(/graphics/box_bottom.gif) no-repeat bottom left;
}


.sidebarPanel dl {
	width: 195px;
	margin: 0 0 0px 0px;
	padding: 0;
	background-color: Green;
	background: white url(/graphics/box_bottom.gif) no-repeat bottom left;
}


.title dt {
	margin: 0;
	padding: 8px;
	margin-bottom: 8px;	
	font-size: 120%;
	color: white;
	background: #ccc url(/graphics/box_top.gif) no-repeat top left;
		background-color: #933;
}

.notitle dt {
	margin: 0;
	padding: 5px;
	font-size: 120%;
	background: white url(/graphics/box_top.gif) no-repeat top left;
	background-color:white;
}

.sidebarPanel dd {
	margin: 0 0 0 10px;
	padding: 0 5px 5px 7px;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	background: url(/graphics/arrow.gif) no-repeat 0 3px;
}

.sidebarPanel .notitle dd {
	margin: -5px 0 0 5px;
	padding: 2px 5px 5px 15px;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	background: url(/graphics/star.png) no-repeat 0 3px;
}

.sidebarPanel 
{
    float:right;padding-right:3px;padding-bottom:15px
}

}

@media Print    
{

#navlinks {
	display: none
}

.leftNav  {
	display: none
}

}