/* Main presentation and style - body background, text-size and weight, line-height, margins, etc. */

body {
background-color: #584B56;
font-size: 12px;
line-height: 15px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color:#333E38;
padding:0px;
margin: 0px;
}
p {
font-size: 12px;
line-height: 18px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color:#333E38;
margin: 10px;
}

a:link { text-decoration:none; color: #882427; }
a:hover { text-decoration:underline; color: #aa4759; }

H1 a:hover { text-decoration:none; color:#333E38; }
H2 a:hover { text-decoration:none; color:#333E38; }

TH a:hover { text-decoration:none; color:#ffffff; }


img {border-color: #003A64;}

/* Normal list style */

li {
margin-bottom: 10px;
list-style-type: square;
font-size: 12px;
}

/* Headings 1 through 6 */

h1 {
font-size: 18px;
line-height: 20px;
font-weight: bold;
margin: 10px;
margin-top: 5px;
}
h2 {
font-size: 16px;
line-height: 20px;
font-weight: bold;
margin: 10px;
margin-top: 5px;
}
h3 {
font-size: 12px;
font-weight: bold;
margin: 10px;
margin-top: 5px;
text-align: left;
}
h4 {
font-size: 10px;
line-height: 20px;
margin: 10px;
margin-top: 5px;
text-align: center;
font-weight: normal;
}
h5{
font-size: 11px;
font-weight: bold;
margin: 10px;
margin-top: 5px;
text-align: left;
}
h6{
font-size: 12px;
font-weight: bold;
margin: 10px;
margin-top: 5px;
text-align: center;
}

/* These are the main "structure" styles - Container is the blue box in which everything else is contained */

#Container {
width: 90%;
margin: auto;
background-color: #EDE7D7;
border: 2px solid #882427;
}
.leftcolumn {
width: 25%;
border-right: 1px solid #DAD5D5;
}
.leftcell {
width: 25%;
border-right: 1px solid #DAD5D5;
height: 1px;
}
.homecentercolumn {
width: 45%;
border-right: 1px solid #DAD5D5;
}
.homerightcolumn {
width: 30%;
background-color: #D0D7D1;
}
.mainrightcolumn {
width: 75%;
}
#header {
width: 100%;
background-color: #FFFFFF;
margin:0px;
padding:0px;
border-bottom: 2px solid #333E38;
}
#footer {
width: 100%;
background-color: #D0D7D1;
margin:0px;
padding:5px;
border-bottom: 2px solid #333E38;
}
.divider {
border-bottom: 2px dashed #333E38;
background-color: #DAD5D5;
}
/* Formats paragraphs and lists with a smaller font size than the regular list */

ul.small {
font-size: 10px;
line-height: 12px;
padding: 0px;
margin: 0px;
}
li.small {
font-size: 10px;
line-height: 12px;
padding: 0px;
margin: 0px;
}
p.smaller, td.smaller {
font-size: 10px;
line-height: 14px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color:#333E38;
margin: 10px;
}
p.smallerdk, td.smallerdk {
font-size: 10px;
line-height: 14px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color:#ECF3FB;
margin: 10px;
}
/* tables #data is plain table - data1, data2, data3, data4 are different area tables on pages
with different color backgrounds. There is also table header on these tables */

/* Plain table */

table.data {
width: 80%;
text-align: left;
border-collapse: collapse;
}
table.data td {
font-size: 12px;
padding: 5px;
border: 1px solid #FFF;
}

/* Table with green background */

table.data1 {
font-size: 10px;
background-color: #B0C17E;
width: 99%;
border-collapse: collapse;
}
table.data1 td {
padding: 5px;
border: 1px solid #FFF;
}

/* Table with yellow background */

.data2 {
font-size: 10px;
width: 99%;
background-color: #EBD49F;
border-collapse: collapse;
}
table.data2 td {
padding: 5px;
border: 1px solid #FFF;
}

/* Table with red background */

.data3 {
font-size: 10px;
width: 99%;
background-color: #EBC7B9;
border-collapse: collapse;
}
table.data3 td {
padding: 5px;
border: 1px solid #FFF;
}

/* Table with purple background */

.data4 {
font-size: 10px;
width: 99%;
background-color: #B6A4AC;
border-collapse: collapse;
}
table.data4 td {
padding: 5px;
border: 1px solid #FFF;
}

/* Table header for all tables - dark purple blue background, white bold text */

th {
background-color: #333E38;
color: #fff;
padding: 5px;
border: 1px solid #FFF;
font-size: 12px;}

/* Style for the hyperlinks, both on light background and on dark background */

A:visited { text-decoration:underline; color: #882427; }
A:active  { text-decoration:underline; color: #882427; }


A.ondark:link    { text-decoration:underline; color: #ECF3FB; }
A.ondark:visited { text-decoration:underline; color: #ECF3FB; }
A.ondark:active  { text-decoration:underline; color: #882427; }
A.ondark:hover   { text-decoration:underline; color: #882427; }

/* "topics on this page" or "more coming soon" list that floats to right side of page and is 160px wide*/
 
#navcontainer { width: 160px; 
float: right;
margin-right: 3px;
margin-top: 0px;}

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
border: 1px dashed #727149;
}
#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #FFF;
border-bottom: 1px dotted #882427;
}
#navcontainer a:link, #navlist a:visited
{
color: #333E38;
text-decoration: none;
}
#navcontainer a:hover
{
background-color: #D0D7D1;
color: #003558;
}
/* List used for Regions section and is 100px wide*/

#navcontainerC { width: 100px; 
float: right;
margin-right: 3px;
margin-top: 0px;}

#navcontainerC ul
{
margin-left: 0;
padding-left: 5px;
list-style-type: none;
border: 1px dashed #727149;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#navcontainerC a
{
display: block;
padding: 3px;
width: 100px;
background-color: #FFF;
border-bottom: 1px dotted #882427;
}
#navcontainerC a:link, #navlistC a:visited
{
color: #333E38;
text-decoration: none;
}
#navcontainerC a:hover
{
background-color: #D0D7D1;
color: #333E38;
}

/* This style for the list is used for the topics whenever there is a "sublist" in a page */

li.topics {
margin-top: 0px;
margin-bottom: 0px;
list-style-type: none;
font-size: 11px
}
/* Sitemap formatting */

.SiteMap
{
  border:1px solid black;
  background-color:white;
  font-family: verdana; 
  font-size: 10px;
  margin: auto;
}
/* Style that hides certain sections for the print view */

h1.print {
display: none;
}
p.print {
display: none;
}