/* CSS Document */

body {
margin:0; padding:0; 
font-family: Arial, Helvetica, sans-serif; color:#000033; font-size: 100%; font-weight: normal; 
background: #000 url(../graphics/bg_page10.jpg) repeat-x; text-align: center;}

div#container {margin: 0 auto;
  padding: 2px 0 0 0; 
  text-align: left;
  width: 800px; min-height: 528px; background-color: #a41322; border: none; overflow:auto;}

div#bannerhp {width: 800px; height: 170px; padding: 0; margin: 0; border:none; z-index: 10;}

div#innercontainer {
	background-color: #FFFFFF; min-height: 500px; padding: 0 0 8px 0;
	}
	
div#columnleft {
	float: left; /* since this element is floated, a width must be given */
	width: 230px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 6px 10px 2px; /* padding keeps the content of the div away from the edges */
}
div#columnright {
	float: right; /* since this element is floated, a width must be given */
	width: 230px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EBEBEB; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 2px 10px 6px; /* padding keeps the content of the div away from the edges */
}
div#mainContent { 
	background-color: #ffffff;
	margin: 0 240px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 6px 6px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

div#pagetitle {position: absolute; margin: -132px 12px 8px 318px; z-index: 20;}


/* +++ Start of navigation/links section +++*/

div#verticalnav {margin: 66px 4px 22px 78px;}
div#navbuttons {margin-top: 22px; margin-left: 6px;}

div#toprightnav {margin-top: -174px; margin-left: 348px; height: 24px; padding: 1px;  z-index: 20;}
div#newsicon {padding: 0; margin-top: -162px; margin-right: 0; margin-left: 638px; z-index: 10;
}

/*div#topnavbar {margin-top: width: 800px; height: 28px; padding: 0;background-color: #990000; z-index: 20;}

*/

div#topnavbar {margin-top: 148px; width: 800px; padding: 0; z-index: 20;}


a#navbar:link {
color:#ffffff; font-weight: bold; text-decoration: none; padding: 1px;}

a#navbar:visited {color: #88d1ce;
font-weight: bold; text-decoration: none;padding: 1px;}

a#navbar:hover {color:#FFCC00; font-weight: bold; text-decoration: underline; padding: 1px;}

a#navbar:active {color: #FFCC00; font-weight: bold; text-decoration: underline overline; padding: 1px;}

a:link {
color:#000066; font-weight: bold; text-decoration: underline; padding: 1px;}

a:visited {color: #003366;
font-weight: bold; text-decoration: underline;padding: 1px;}

a:hover {background-color: #ffcc00; font-weight: bold; text-decoration: underline overline; padding: 1px;}

a:active {color: #000066; background-color: #FFCCFF; font-weight: bold; text-decoration: underline; padding: 1px;}

a#inline:link {
color:#000066; font-weight: bold; text-decoration: underline; padding: 1px;}

a#inline:visited {color: #003366;
font-weight: bold; text-decoration: underline;padding: 1px;}

a#inline:hover {background-color: #ffcc00; font-weight: bold; text-decoration: underline overline; padding: 1px;}

a#inline:active {color: #000066; background-color: #FFCCFF; font-weight: bold; text-decoration: underline; padding: 1px;}


a#here {
    border-left-color: #fff !important;
    background-color: #FFCC00 !important;
    color:#990000 !important;
	font-size: 116%;}
	
a#image:link {text-decoration: none; padding: 0;}

a#image:visited {text-decoration: none;padding: 0;}

a#image:hover {text-decoration: none;padding: 0;}

a#image:active {text-decoration: none;padding: 0;}


a#graphics:link {text-decoration: none; padding: 0; margin-bottom: 0;}

a#graphics:visited {text-decoration: none;padding: 0; margin-bottom: 0;}

a#graphics:hover {text-decoration: none;padding: 0; margin-bottom: 0; background-color: transparent;}

a#graphics:active {text-decoration: none;padding: 0; margin-bottom: 0;}


a#breadcrumbs_top:link {
color:#000066; font-size: 74%; font-weight: bold; text-decoration: none; padding: 1px;}

a#breadcrumbs_top:visited {font-size: 74%; color: #000066;
font-weight: bold; text-decoration: none;padding: 1px;}

a#breadcrumbs_top:hover {font-size: 74%; color: #000066; background-color: #ffcc00; font-weight: bolder; text-decoration: underline; padding: 1px;}

a#breadcrumbs_top:active {font-size: 74%;color: #000066; background-color: #FFCCFF; font-weight: bold; text-decoration: underline overline; padding: 1px;}


a#breadcrumbs:link {
color:#000066; font-size: 74%; font-weight: bold; text-decoration: underline; padding: 1px;}

a#breadcrumbs:visited {font-size: 74%; color: #000066;
font-weight: bold; text-decoration: underline;padding: 1px;}

a#breadcrumbs:hover {font-size: 74%; color: #000066; background-color: #ffcc00; font-weight: bolder; text-decoration: underline overline; padding: 1px;}

a#breadcrumbs:active {font-size: 74%;color: #000066; background-color: #FFCCFF; font-weight: bold; text-decoration: underline; padding: 1px;}

/* +++ End of navigation/links sections +++*/

div#onecolhp {float: left; margin: 6px 0 12px 0; width:798px; padding: 1px 1px 4px 1px; background-color: #ffffff; border:none; overflow:auto; z-index: 10;}

div#leftcol {float: left; width: 388px; margin: 2px 2px 4px 0; padding: 1px; border-style: solid; border-width: 0 0 0 0; border-color: #990000;}

div#leftcolnarrow {float: left; width: 180px; margin: 3px 0 4px 2px; padding: 1px 1px 10px 1px; background-color: #CCCCCC; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width:1px; border-top-color: #000066; border-right-color: #000066; border-bottom-color:#000066;}

div#leftcolnarrow2 {float: left; width: 220px; margin: 3px 0 4px 2px; padding: 1px 1px 10px 1px; background-color: #CCCCCC; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width:1px; border-top-color: #000066; border-right-color: #000066; border-bottom-color:#000066;}

div#leftcolwide {float: left; width: 790px; margin: 2px 0 4px 0; border: none;}


div#rightcol {float: right; width: 388px; margin: 2px 0 4px 0; padding: 1px; border-style: solid; border-width: 0 0 0 1px; border-color: #990000;}


div#rightcolwide {float: left; width: 590px; margin: 2px 0 4px 0; padding: 1px; border:none;}

div#rightcolwide2 {float: left; width: 550px; margin: 2px 0 4px 2px; padding: 1px; border:none;}
div#rightcolwide3 {float: right; width: 550px; margin: 2px 0 4px 2px; padding: 1px; border:none;}


div#slideshowhp {margin: 48px 40px 80px 140px;}

div#galleryfield {margin: 37px 4px 0 24px;}

h1 {font-size: 140%; color: #000066; 
font-weight: bold; margin: 6px 8px 10px 10px; letter-spacing: .12em; word-spacing:4px;}

h1#breadcrumbs {font-size: 140%; color: #000066; 
font-weight: bold; margin: 6px 8px 14px 30px; letter-spacing: .12em; word-spacing:4px;}

h1#small {font-size: 108%; color: #000066; 
font-weight: bold; margin-top: 8px; margin-bottom: 6px; margin-left: 4px; letter-spacing: normal; word-spacing:normal;}

h2 {font-size: 120%; color: #000066; font-weight: normal; margin-top: 2px; margin-bottom: 2px; margin-left: 16px;}

h2#medium {font-size: 102%; color: #000066; font-weight: normal; margin-top: 2px; margin-bottom: 4px; margin-left: 12px;}

h2#center {font-size: 102%; color: #000066; font-weight: normal; text-align: center; margin-top: 4px; margin-bottom: 6px; margin-left: 6px;}

h2#small {font-size: 92%; color: #000066; font-weight: bold; margin-top: 4px; margin-bottom: 6px; margin-left: 8px;}

h3 {font-size: 108%; color: #000066; font-weight: normal; margin-top: 2px; margin-bottom: -4px; margin-left: 22px;}

h3.topquote {font-family: trebuchet ms, lucinda sans, arial, sans-serif; font-style:italic; font-size: 82%; line-height: 106%; font-weight: bold; color: #000066; margin-left: 8px; margin-right: 8px; margin-top: 0; margin-bottom: 4px;}

h3#small {font-size: 86%; color: #000066; font-weight: normal; margin-top: 4px; margin-bottom: 2px; margin-left: 10px;}

div.float {position: absolute; margin-top: -34px; margin-left: 540px; padding: 1px; z-index: 50;}

div.rightbox {float:right; width: 204px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #000066; margin-left: 1px; margin-right: 1px; margin-top: 0; margin-bottom: 2px; background-color:#CCCCCC}

div#boxtopright {float: right; width: 260px; margin: 2px 4px 1px 8px; padding: 3px; border-width: 1px 1px 1px 1px; border-style: solid; background-color: #FFFFFF; border-color: #000066;}

p {font-size: 88%; font-weight: normal; text-indent: 0; margin-left: 18px; margin-right: 10px; margin-top: 4px; margin-bottom: 6px;}

p#largertext {font-size: 100%; font-weight: normal; text-indent: 0; margin-left: 28px; margin-right: 22px; margin-top: 10px; margin-bottom: 10px;}

p#noindent {font-size: 100%; font-weight: normal; text-indent: 0; margin-left: 28px; margin-right: 22px; margin-top: 10px; margin-bottom: 10px;}

p#note {font-size: 84%; font-weight: normal; text-indent: 0; margin-left: 8px; margin-right: 8px; margin-top: 2px; margin-bottom: 4px;}

p#notewhite {font-size: 84%; font-weight: bold; text-indent: 0; margin-left: 0; margin-right: 0; margin-top: 2px; margin-bottom: 0; padding: 6px; background-color:#FFFFFF;}

p#homepage {font-size: 100%; font-weight: normal; text-indent: 0; padding: 10px 4px 10px 6px;}

p#caption {font-size: 90%; font-weight: normal; text-indent: 0; text-align: center;}

p#footer {font-size: 74%; text-align: center; margin-top: -8px; margin-bottom: 0;}

strong#red {color: #990000; font-weight: bolder; font-style:oblique;}

strong#redline {color: #990000; font-weight: bolder; font-style:oblique; text-decoration:underline;}

ol#simple {list-style-type: none; margin-top: 1px; color: #000066;}

ol#simple li {display: inline;
    }
    ol#simple li:before {
     content: " ";
    }
    ol#simple li:first-child:before {
     content: "";}

ul {font-weight: normal; margin-top: 4px; margin-right: 14px; margin-bottom: 6px;}
li {font-size: 96%;}

li#nobullet {margin-top: 4px; margin-bottom: 2px; list-style-type:none;}

ul#topright li {display: inline; margin-left: 14px; margin-right: 8px; font-size: 74%;}

li#small {margin-top: 6px; margin-right: 2px; margin-bottom: 6px; margin-left: -18px; font-size: 80%;}

ul#sideNav {margin: 6px 6px 6px -14px;} 
li#sideNav {list-style: url(../graphics/arrow_sideNav.png); margin-top: 8px; margin-bottom: 10px;}


dt {margin-left: 16px; color: #000066; font-weight:bold;}
dd {margin-right: 20px; margin-bottom: 8px; margin-left: 28px; color:#000000; font-weight:normal;}

div.clearfloats {clear:both;}
 
div.box1 {float: left; width: 180px; margin-top: 0px; margin-right: 6px; margin-bottom: 12px; margin-left: 8px;}
div.box2 {float: left; width: 180px; margin-top: 0px; margin-right: 2px; margin-bottom: 12px; margin-left: 2px;}


div#backtop {margin-top: 0; margin-bottom: 26px; margin-left: 2px; font-family: "futura medium BT", arial; font-size: 76%; font-weight: normal; letter-spacing:.16em;}

div#bottomnav {float: left; margin: 24px 20px 6px 10px; height: 28px; word-spacing: 2px; padding: 1px; border:none;}

div#footer {margin: 0 auto;
width: 800px; height: 100px;
background: #000 url(../graphics/containerbottom.gif); background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
padding: 12px 0 2px 0;
}

/* 
//#dropmenudiv{
//position:absolute;
//margin-top: -22px;
//margin-left: -2px;
//border: 1px solid black;
//font:normal 14px Trebuchet MS, Garamond, Georgia;
//line-height:20px;
//background-color: #fff;
//z-index:20;
//}
//
//#dropmenudiv a{
//width: 100%;
//display: block;
//text-indent: 5px;
//border-bottom:1px solid black;
//padding: 2px;
//text-decoration: none;
//font-weight: bold;
//background-color: #990000;
//}
//
#dropmenudiv a:hover{ hover background color
color: #cccccc;
}

//*/