/* CSS Document */


body {
background: #D7E5EF; 
font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-top: 0px;
}

#pageFrame {
border: solid 1px #000;
}
#content li {
padding-bottom:5px;
font-size: 75%;
}
#content table {

font-size: 100%;
}

/* Start Header or Mast Area ***/
.principal {
	font-size:13px;
	text-align:center;
	/*text-align:right;*/
	color:#FFFFFF;
	padding-right: 5px;
	/*background-color:#023F78;*/
	background-color:#19456F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.header {
/*background-color:#023F78;*/
background-color:#19456F;
}
.slogan {
font: 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #FFFFFF;
margin: 0;
padding: 0;
padding-left: 10px;
}
.HorNavTable {
background: #369; /* Background color for Slogan and the Horizontal Nav Bar */
}

/******** Start Left Navigation Table Area ************/
.LeftTable{
background:#023F78; /* This is the Background color for the Left Nav Table */
}
#left_nav_image {
float:left;
padding-left:15px;
padding-top:15px;
}
.news {
background:#FFFFCF;
border-right:solid 1px #003399;
}
.no_news {
background:#023F78;
border-right:solid 1px #003399;
}
/*************** Middle Area or Area with color matting ****************/
#middle {
margin: 6px 5px 6px 5px;
background-color:#E8E6B8;
border: solid 2px #369;
}
#middle img {
float: right;
padding: 6px 5px 6px 5px;
}
/***************** End / Middle Body Area **************/

/************** Start Footer Area *****/
#footer{
	background: #324B6A;
	color: #FFFFFF;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 36px;
	border: solid 0px #000;
}
#footer td{
	padding: 12px;
}

/********* End Footer Area ******/

/*** Start Horizontal Nav Bar - Thanks List-O-Matic & Richard Rutter **********/
#navcontainer
{
margin: 0;
padding: 0 0 0 12px;
font-family: verdana, helvetica, sans-serif;
font-weight: bold;
font-size: 70%;
}
#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}
#navcontainer A
{
color: #FFFFFF;
display: block;
width: auto;
text-decoration: none;
background: #369;
margin: 0;
padding: 2px 10px;
border-right: 1px solid #FFFFFF;
}
#navcontainer A:hover, #navcontainer A:active { 
background: #FFFFCC; 
color: #333399;
}
#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #FFFFCC;
font-weight: bold;
}
#subnav
{
position: relative;
top: -1px;
z-index: 101;
margin: 0;
padding: 0px 0 3px 0;
background: #FFFFCC;
border-top: 1px solid #fff;
border-bottom: 1px solid #aaa;
}
#subnav UL
{
list-style: none;
margin: 1px 0 0px 13px;
padding: 0px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}
#subnav LI
{
position: relative;
z-index: 102;
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}
#subnav A
{
color: #333399;
display: block;
width: auto;
text-decoration: none;
margin: 0;
padding: 2px 12px 2px 10px;
}
#subnav A:hover, .subnav A:active { color: #333399; }
#subnav A.active:link, .subnav A.active:visited { color: #333399; }
#subnav BR, .navcontainer BR { clear: both; }
/* End Horizontal Nav Bar ************/

/* Thanks Listomatic (http://accessify.com/tools-and-wizards/developer-tools/list-o-matic/)  */
/* Left Vertical Navigation */
#vert_navcontainer {
width: 180px;
padding-left: 10px;
border-color:#000000;
font-family: verdana, helvetica, sans-serif;
font-weight: bold;
font-size: 70%;
}
#vert_navcontainer  {
float: left;
width: 180px;
/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}
#vert_navcontainer ul {
margin-left: 0;
padding-left: 0;
list-style-type: none;
}
#vert_navcontainer a
{
display: block;
padding: 3px;
width: 160px;
/* width: 130px; */
background-color: #369;
color: #fff;
border-bottom: 1px solid #000;
text-decoration: none;
}
#vert_navcontainer a:link, .vert_navlist a:visited
{
color: #EEE;
text-decoration: none;
}
#vert_navcontainer a:hover
{
background-color: #FFFFCC;
color: #333399;
}

/* End Listomatic's left nav */


/******* General CSS ***********/

a {
text-decoration: underline;
}
a:link {
color: #0816D9;
}
/*a:visited {
color: #0816D9;
}
*/
a:hover {
color: #03095E;
}
a:active {
color: #03095E;
}

p {
color: #000;
font-size: 75%;
font:Arial, Helvetica, sans-serif;
list-style: none;
padding-bottom:5px;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
/*
padding: 6px 5px 6px 5px; */
/*text-align:left;*/
}
h1 {
font: 120% bold Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 6px 5px 6px 5px;
}
h2 {
color: #2572B9;
font: bold 85% Verdana, Geneva, Arial, Helvetica, sans-serif;
padding-top: 3px;
padding-left: 6px;
}
h3 {
color: #000;
font: bold 85% Verdana, Geneva, Arial, Helvetica, sans-serif;
padding: 6px 5px 6px 5px;
}

/************* End General CSS *************/
/*Section 508 code to skip repetitive links*/
img.skip {
display:block;
color:#FFFFFF;
background-color: #FFFFFF;
position: absolute; 
left: -1000em; 
width: 20em; 
}
a.skip {
color:#FFFFFF;
background-color: #FFFFFF;
position: absolute; 
left: -1000em; 
width: 20em; 
}
a.skip:active {color: #FFFFFF; background-color: #FFFFFF;}
a.skip:hover {color: #FFFFFF; background-color: #FFFFFF;}
a.skip:visited {color: #FFFFFF; background-color: #FFFFFF;}

.crumbs {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding-left: 10px;
}

/* End Section 508 code to skip repetitive links*/