@charset "UTF-8";
/* CSS Document */

/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}


/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
border: 0;
vertical-align: bottom;
}

/*
default link styles
*/

a,
a:link 
a:active {
text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
color: inherit;
background-color: inherit;
}

a:visited {
text-decoration: none;
background-color: inherit; 
color: inherit;
}

a:hover {
color: inherit;
text-decoration: underline;
}



/*****************
basic layout 
*****************/
body {
text-align: left;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.5em;
background-color: #eaeaeb;
color: #333333;
margin:4px; /* gives some air for the pagewrapper */
}

/* center wrapper, min max width */
div#pagewrapper {
margin: 0 auto;     /* this centers wrapper */
width: 896px;
}

div#navigation {
width: 896px;
}


div#content {
width: 896px;
float:left;
/* margin: 1.5em auto 2em 0; /* some air above and under menu and content */
background:#FFFFFF url(images/content_bg.png) repeat;
}

.sidebar
{
float: left;  /* set sidebar on the left side. Change to right to float it right instead. */
width: 215px;

display: inline;  /* FIX ie doublemargin bug */
}

.maincontent {
float: left;
width: 650px;
/*width: 681px;*/
padding: 20px 10px 15px 20px;
}

/*.maincontentinside {
float: left;
margin: 20px 10px 15px 20px;
}*/

div#footerspace {
width: 896px;
height: 5px;
clear:both;        /* keep footer below content and menu */
margin: 0 auto;      /* this centers the footer */
}

div#footer {
width: 896px;
height: 81px;
clear:both;       /* keep footer below content and menu */
margin: 0 auto;     /* this centers the footer */
text-align: center;
line-height: 2em;
background:#c3cee4 url(images/footer_bg.png) repeat;
}

div#footer a {
color: #333333; /* styling for links in footer */
}


/********************
CONTENT STYLING
*********************/


/* TEXT */

.headertext {
font-size: 1.8em;
color: #666699;
margin: 0 0 1em 0;
}

.headertext2 {
font-size: 1.5em;
color: #993300;
margin: 0 0 1em 0;
}

.text1 {
font-size: 12pt;
color: #000000;
}

.text4 {
font-size: 1.1em;
color: #000000;
font-weight: bold;
}

.text5 {
font-size: 1.1em;
color: #FF0000;
font-weight: bold;
}

.text6 {
font-size: 1.1em;
color: #FF0000;
}

.text8 {
font-size: 1.1em;
color: #333333;
}

.text9 {
font-size: 1.1em;
color: #333333;
font-weight: bold;
}

.text14 {
font-size: .9em;
color: #333333;
}

.text18 {
font-size: 20px;
color: #FF0000;
font-weight: bold;
}

.text19 {
font-size: 1.5em;
color: #003399;
font-weight: bold;
line-height:1.3em;
}

.textfax {
font-size: 1.1em;
color: #000000;
font-weight: bold;
line-height:2em;
}

.textgreenbold {
	color: #566931;
	font-weight: bold;
	font-size: 16px;
	line-height:24px;
}

.textgreenbold2 {
	color: #003333;
	font-weight: bold;
	font-size: 22px;
}






.textred1 {
	color: #660000;
	font-size: 16px;
}

.textredbold {
	color: #660000;
	font-weight: bold;
}

.textredbold2 {
	color: #660000;
	font-weight: bold;
	font-size: 20px;
}

.textredbold3 {
	color: #660000;
	font-weight: bold;
	font-size: 14px;
	padding: 10px 0px 0px 0px;
}

.textredbold4 {
	color: #660000;
	font-weight: bold;
	font-size: 16px;
}





.textgreen {
	color: #566931;
	font-size: 16px;
	font-family: Times, Times New Roman, Garamond, Georgia, Serif;
	padding: 8px 0px 0px 0px;
}

.textgreenheader {
	color: #566931;
	font-size: 30px;
	font-family: Times, Times New Roman, Garamond, Georgia, Serif;
	font-style:italic;
}

p {
   font-size: 1em;
   margin: 0 0 1.5em 0;  /* some air around p elements */
   line-height:1.6em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}


/* END TEXT */

/* LISTS */

.list1 {
	margin: 10px 0px 0px 0px;
	padding: 0px 20px 24px 50px;
}

.list_ul {
	line-height:1.7em;
	margin: -13px 0px 0px 0px;
	padding: 0px 0px 1.5em 2em;
}

.list_ul2 {
	line-height:1.4em;
	margin: 0px 0px 0px 0em;
	padding: 0px 0px 0px 1em;
}

div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0px 0px 0px 1em;
   padding: 0px 0px 0px 1em;
   font-weight: bold;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}





/* controls list items for the navigation bar */

#nav, #nav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}

#nav a {
display: block;
text-align:center;
color: #FFFFFF;
}

#nav li { /* all list items */
float: left;
/* width needed or else Opera goes nuts */
}

#nav li.level2 { /* list items under the main menu images */
float: left;
width: 178px;
padding: 6px 0px 6px 0px;
border-bottom-style: solid;
border-bottom-color: #666666;
border-bottom-width: 1px;
}

#nav li ul { /* second-level lists */
position: absolute;
background: #4199df;
width: 179px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}


/* END LISTS */