/* CSS Document */

body {
margin:0; padding:0; 
font-family: Arial, Helvetica, sans-serif; color:#000033; font-size: 100%; font-weight: normal; background-color:#999999;}

  div#container {margin: 0 auto;
  padding: 0; 
  width: 800px; min-height: 578px; background-color: #FFFFff; border: none; overflow:auto;}


  
div#bannerhp {width: 800px; height: 170px; padding: 0; margin: 0; background-image: url(images/banner4.gif); border:none; z-index: 10;}

div#bannerhpalt {margin: 0 auto; width: 800px; height: 170px; padding: 0; margin: 0; background-image: url(images/banner4.gif); border:none; z-index: 10;}

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: 500px; height: 24px; padding: 1px;  z-index: 20;}

/*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;}

#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: #990000;
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;
}
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: underline; padding: 0;}

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

a#image:hover {text-decoration: underline;padding: 0; background-color: #ffffff;}

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


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-top: 8px; margin-bottom: 8px; margin-left: 8px; 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: 124%; color: #000066; font-weight: bold; margin-top: 10px; margin-bottom: 4px; margin-left: 18px;}

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: 112%; color: #000066; font-weight: bold; margin-top: 8px; margin-bottom: 6px; margin-left: 24px;}

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;}

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 {indent: 0; 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;}

 .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
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: 44px;
background-image: url(../graphics/border_bottom1.gif); background-repeat: no-repeat;
margin-top: -1px; 
margin-left: auto;
margin-right: auto;
margin-bottom: 4px;
padding: 0;
}