/* Hertsmere CSS */
html {width: 100%; height: 100%;}
body {width: 100%; height: 100%; margin: 0; padding: 0; background: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; background: #FFF;}
html, body { height: 100%; margin: 0 0 1px 0; padding: 0; }

div#wrapper {height: 100%; margin: 0 auto; width: 760px;}
div#container {float: left; width: 760px; /*background: #FFF*/ display:inline;}
form.nomarg {padding: 0; margin: 0;}

/* Header */
div#logostrip {float: left; width: 733px;}
div#logostrip img.logo {float: left; margin: 20px 0 19px 8px;}
div#logostrip img.emblem {float: right; margin: 20px 19px 18px 0;}
div#topmenu {float: left; width: 760px; color: #88A3C5; font-size: 90%;}
div#topmenu div {float: left; width: 722px; background: #13345D url(images/corner-top-left.gif) top left no-repeat; padding: 0;}
div#topmenu div ul {float: right; padding: 6px 12px; margin: 0; list-style: none; font-weight: bold;}
div#topmenu div ul li {display: inline; margin-left: 1px;}
div#topmenu div ul li a {text-decoration: none;}
div#imagestrip {float: left; width: 722px; height: 140px;}
div#imagestrip img {float: left;}
div#midmenu {float: left; width: 760px; padding: 0; color: #88A3C5; font-size: 90%;}
div#midmenu img, div#topmenu img {display: inline;}
div#topmenu a:link, div#midmenu a:link {color: #88A3C5;}
div#topmenu a:visited, div#midmenu a:visited {color: #88A3C5;}
div#topmenu a:hover, div#midmenu a:hover {color: #BDE0F0;}
div#topmenu a:active, div#midmenu a:active {color: #88A3C5;}
div#bluestrip {float: left; background: #99CFE8 /*url(images/line-blue-lt.gif) bottom right no-repeat*/; width: 722px; height: 2px; line-height: 1px; font-size: 1px;}

/* Suckerfish Nav
---------------------------------------------------------- */
div#nav-wrap {float: left; width: 722px; background: #13345D; text-align: left; display: inline; margin: 0 auto; padding: 6px 0;}
#nav, #nav ul { /* all lists */float: left; padding: 0 12px; margin: 0; list-style: none; font-weight: bold;}
#nav a {/*display: block;*/ width: auto; color: #C6C6C6; text-decoration: none;}
/*img.endcap {background: #000; padding-right: 32px;}*/
#nav li { /* all list items */position: relative; float: left; width: auto; /* width needed or else Opera goes nuts */ margin-left: 1px;}
#nav li ul { /* second-level lists */position: absolute; display: block; top: 12px; padding: 3px; background: #13345D; width: auto; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#nav li ul li {clear: both; display: block; width: 14em; color: #FFF;}
#nav li ul li a {display: block;}
#nav li ul li a:link {color: #88A3C5; text-decoration: none; margin: 0; padding: 2px;}
#nav li ul li a:visited {color: #88A3C5; text-decoration: none; margin: 0; padding: 2px;}
#nav li ul li a:hover {color: #FFF; text-decoration: none; margin: 0; padding: 2px; background: #215AA0;}
#nav li ul li a:active {color: #88A3C5; text-decoration: none; margin: 0; padding: 2px;}
#nav li:hover ul, #nav li.sfhover ul {/* lists nested under hovered list items */left: 0;}
/*--------------------------------------------------------- */

/* Columns */
div#content-wrap1 {float: left; width: 722px; background: url(images/bg-grad-2col-repeat.gif) repeat-y;}
div#content-wrap2 {float: left; width: 722px; background: #99CFE8;}
div.column-1 {float: left; padding: 0; width: 180px; margin: 0; display: inline;}
div.column-2 {float: left; padding: 0; width: 540px; margin: 0; display: inline;}
div.column-3 {float: left; padding: 0; width: 240px; margin: 0; display: inline;}
div.column-left {float: left; padding: 0; width: 513px; margin: 0; display: inline;}
div.column-right {float: left; padding: 0; width: 209px; display: inline;}
div.column-lsmall {float: left; padding: 0; width: 188px; border: 4px solid #FFF; border-width: 0 0 4px 0; display: inline;}
div.column-rlarge {float: left; padding: 0; width: 568px; border: 4px solid #FFF; border-width: 0 0 4px 4px; display: inline;}

p.phr {background: url(images/hdot.gif) repeat-x scroll center; margin-top: 6px; margin-bottom: 10px; height: 1px; line-height: 1px;}
p.phrwhite {background: url(images/quickfind-hdot.gif) repeat-x scroll center; margin-top: 6px; margin-bottom: 10px; height: 1px; line-height: 1px;}
p.phr2dk {background: url(images/hotpro-hdot-even.gif) repeat-x scroll center; margin-top: 6px; margin-bottom: 10px; height: 1px; line-height: 1px;}
p.phr2lt {background: url(images/hotpro-hdot-odd.gif) repeat-x scroll center; margin-top: 6px; margin-bottom: 10px; height: 1px; line-height: 1px;}
p.green {color: #B4DCC2}

/* Header Div */
div.headerdiv img {float: left; height: 220px; width: 540px; }

ul.archive-list {list-style: none outside; padding: 0; margin-left: none;}
ul.archive-list li {background: url(images/white-dotted-line.gif) bottom repeat-x; padding: 8px 0 8px 15px; margin: 0;}
ul.archive-list li a {color: #242720; text-decoration: none; font-weight: bold;}

/* Content Pages */
div.mainsection {float: left; background-image: url(images/bg-grad-2col.jpg); background-position: top; background-repeat: no-repeat; width: 722px;}
div.singlesection {float: left; background-image: url(images/bg-grad-1col.jpg); background-position: top; background-repeat: no-repeat; width: 722px;}
div.content {float: left; padding: 15px 20px 0 20px; color: #081C37;}
div.content h1 {font-size: 180%; line-height: 100%; padding: 0; margin: 0 0 6px 0; font-family: Arial, Helvetica, sans-serif; color: #FFF;}
div.content h2 {font-size: 140%; padding: 0; margin: 0 0 6px 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
div.content h3 {font-size: 120%; padding: 0; margin: 0; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}
div.content p {margin: 0 0 6px 0;}
div.content ul {list-style-type: square; list-style-position: outside; padding: 0px 0 0px 15px; margin: 10px 0; width: 90%;}
div.content ul li {padding: 0; margin: 3px 0 0 0;}
div.content img.left {float: left; clear: left; margin: 0 15px 0 0; border: 4px solid #FFF;}
div.content img.articleimg1 {float: left; clear: left; margin: 0 15px 0 0; border: 4px solid #FFF;}
div.content img.articleimg2 {float: right; clear: left; margin: 0 0 0 15px; border: 4px solid #FFF;}
div.content h1 a {color: #FFF; text-decoration: none; border: none;}
div.content h2.news {font-size: 110%; font-weight: bold;}
div.content h2.news a {text-decoration: none; border: none;}
div.content a.anchor {border: none;}
div.content a {color: #404040; text-decoration: none; border-bottom: 1px dotted #404040;}
div.content p.date {}
div.content img.hr-left {margin: 10px 0 10px -20px; clear: both;}
div.content img.hr-right {float: left; margin: 0; clear: both;}
div.content ol.letterlist {list-style-position: inside; list-style: lower-alpha; padding: 0; margin: 0;}
div.content ol.letterlist li {padding: 0; margin: 5px 0 0 0;}
div.content img.img1 {float: left; border: 5px #FFF solid; margin: 10px 15px 10px 0; display: inline;/* Win IE double margin float bug fix */}
div.content img.img2 {float: right; border: 5px #FFF solid; margin: 0 0 10px 10px; display: inline;/* Win IE double margin float bug fix */}
div.pageindex {width: 506px; padding: 13px 17px; background: none; color: #37274E;}
div.pageindex div.text {float: left; display: inline; margin: 9px 10px 0 15px;}
div.pageindex div.awrap {float: left; height: 1.4em; margin: 6px 6px 0 0; text-align: center; vertical-align: middle;}
div.pageindex a {display: inline; color: #37274E;}
h1.pagetitle {float: left;}
div.indexing {float: right; padding-top:0.8em;}

div.feature {float: left; margin: 5px 0 0 0;}
div.feature img {float: left; width: 142px; border: 5px #FFF solid; margin-right: 15px;}
div.feature div.text {float: left; width: 306px;}
div.feature div.text h1 {font-size: 140%;}

div.news {color: #13345D; padding: 15px; width: 179px;}
div.news h1 {font-size: 140%; color: #304D70; padding: 0; margin: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif;}
div.news h2 {font-size: 140%; padding: 0; margin: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif;}
div.news p {margin: 4px 0 0 0;}
div.news a {color: #13345D; text-decoration: none;}
div.news div.text {float: left; margin: 2px 0 6px 0;}
div.news p.date {color: #577BA0; text-transform: uppercase;}
div.news div.text img {float: right; margin: 0 0 5px 5px;}

/* Committee */
div.committee {float: left; width: 234px; background: #AEE5FF url(images/corner-lt-blue.gif) bottom right no-repeat; color: #081C37; font-size: 90%;}
div.left {margin-right: 5px;}
div.committee div.image {float: left; border: 5px #FFF solid; width: 62px;}
div.committee div.noimage {width: 213px; \width: 233px; w\idth: 213px;}
div.committee div.text {float: left; width: 142px; \width: 162px; w\idth: 142px; padding: 10px;}
div.committee div.text p.name {font-weight: bold; color: #081C37;}
div.committee div.text p {color: #496A89; margin: 0 0 3px 0;}
div.committee div.text a {color: #496A89;}
div.committee div.text h1 {font-size: 140%; padding: 0; margin: 0 0 2px 0; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #1D4D68;}

div.entry {float: left; width: 576px; margin: 0 0 10px 0; clear: both;}
div.gallery {float: left; width: 576px; margin: 15px 0 0 0; clear: both;}
div.gallery img {float: left; padding: 4px; border: 1px #CBCBCB solid; margin: 0 8px 0 0;}

/* FAQs */
div.faq ol {margin-left: 21px; padding-left: 0;}

/* Images */

/* Form Table */
table.formtable {border-collapse: collapse;}
table.formtable td,table.formtable th {padding: 4px; text-align: left;}
input.fixwidth, textarea.fixwidth {width: 300px; border: 1px solid #A5ACB2;}
input.bluesubmit {color: #FFF; border: 1px solid #FFF; background: #073E83;}
input.col1 {width: 150px;}
input.col2 {width: 40px;}
input.col3 {width: 80px;}
textarea.smallta {width: 150px; height: 50px;}
input.filter {display: none;}

table.listtable {border-collapse: collapse; width: 100%;}
table.listtable td, table.listtable th {padding: 4px; text-align: left;}
table.listtable th {background: #FFF; color: #5C779A;}
table.listtable tr.th td {background: #FFF; color: #5C779A;}
table.listtable tr.light td {background: #B8DCEE;}
table.listtable tr.dark td {background: #9DCFE9;}
 
/* Sitemap */
#sitemap { list-style-type: none; margin-left: 30px; }
#sitemap li { margin-bottom: 15px;  }
#sitemap li a { font-weight: bold; font-size: 120%; }
#sitemap li ul { list-style-type: disc; }
#sitemap li ul li { margin: 0; }
#sitemap li ul li a { font-weight: normal; font-size: 100%; }

/* Footer */
div.clear5 {float: left; clear: both; height: 5px; width: 100%;}
div.clear15 {float: left; clear: both; height: 15px; width: 100%;}
div.clear25 {float: left; clear: both; height: 25px; width: 100%;}
div#footer {float: left; clear: both; width: 722px; font-size: 90%; padding: 0 0 10px 0; text-align: center; }
div#footer div.logobox {float: left; padding: 10px 15px; border: 1px #C3B4A6 solid; border-width: 0 1px 0 0; margin: 0 15px 0 0; color: #777;}
div#footer p {margin: 0; text-align: center; color: #777}
div#footer a {color: #777; text-decoration:none; border-bottom: 1px dotted #3B3A36;}