/* NIHC CSS */

/* Reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* body attributes */
body { font: 80% arial, verdana, helvetica, sans-serif; color: #6d6a6a; background: url(/App_Themes/Website/images/bg_body.png) repeat-x #97bdb1; height: 100%; text-align: center; }
.left { float: left; }
.center { text-align: center; }
.right { float: right; }
.clear { clear: both; }
span.clear {height: 10px; display: block;}
.hide { display: none; }
p { margin: 0 0 12px 0; padding: 0; }
#ctl00_plcMain_pnlNoEvents, #ctl00_plcMain_pnlNoPublicationResults {margin: 10px 0;}
a, a:visited {color: #218c9b; text-decoration: none;}
a:hover, a:active {text-decoration: underline; color: #000;}

/* Global Headers */
h2 { font-weight: normal; font-size: 160%; color: #000; margin: 0 0 20px 0;}
h2.main { background: url(/App_Themes/Website/images/h2_inner.png) no-repeat; margin: 0 0 0 3px; padding: 7px 20px 16px 20px;}
h3 { font-size: 120%; font-weight: normal; color: #2aa2b2;}
h4 { margin: 0; font-size: 130%; color: #555; font-weight: normal;}
h5 { margin: 0; font-size: 115%; color: #97bdb1;}
h6 { margin: 0; font-size: 100%; color: #a8aa86;}

/* Forms */
input.btnSubmit, p.btnSubmit, a.btnSubmit, input.ContentButton, .FormButton { background: #2aa2b2; border-top: 1px solid #2aa2b2; border-left: 1px solid #2aa2b2; border-bottom: 1px solid #008190; border-right: 1px solid #008190; margin: 0; padding: 4px 10px; color: #fff; cursor: pointer; }
html>body input[type=submit], html>body input.btnSubmit, html>body input.ContentButton, html>body input.FormButton {padding: 4px 20px;}
html>body input[type=submit], html>body input.btnSubmit, html>body input.ContentButton, html>body input.FormButton {*padding: 4px 10px;}
#search input.btnSubmit {background: #fff; color: #555; border-top: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #008190; border-right: 1px solid #008190;}
#content a.btnSubmit { display: block; margin: 2px 0; color: #fff; }
#content a.btnSubmit:hover { text-decoration: none; }
input.txtInput, select, textarea, .TextboxField, .TextBoxField { border: 1px solid #dadada; margin: 0; }
input.txtInput, textarea, .TextboxField, .TextBoxField { padding: 3px 5px; }
html>body input[type=text] { border: 1px solid #dadada; margin: 0; padding: 3px 5px;}
.long {width:232px}

/* Global Tables */
table, table table { border: none; margin: 0; width: 100%;}
table th, table td { border: none; padding: 3px 5px; background-color:#fff; text-align: left; }

table td.sml {width: 20%;}
table td.med {width: 30%;}
table td.lrg {width: 50%;}

table.styled { border: 1px solid #dadada; margin: 10px 0; width: 100%; }
table.styled tr.alt { background: #efefef; }
table.styled th { background: #2aa2b2; border: 1px solid #2aa2b2; padding: 5px; font-size: 110%; color: #fff; }
table.styled td { border: 1px solid #dadada; padding: 3px 5px; }

td.EditingFormLabelCell {font-weight: bold;}
div.EditingFormControlNestedControl {width: 232px; margin: 0; padding: 0;}

/* Page */
#pageholder { width: 960px; margin: 0 auto; padding: 0; text-align: left; background: #fff; border: 10px solid #d5e5e0; }
#pageholder p.pages { border-bottom: 1px solid #dadada; margin: 0 10px; padding: 10px 0; clear: both; text-align: right; display: inline-block; }
html > body #pageholder p.pages { display: block; }
html > body #pageholder p.pages { *display:inline-block;}
#pageholder p.pages a.active { text-decoration: underline; }

/* Top */
#top { margin: 0; padding: 0; background: #fff; }
#top h1 { float: left; margin: 0; }
#top p { float: right; margin: 0; padding: 10px; }
#top ul { margin: 0 0 2px 0; background: #000; clear: both; }
#top ul li { display: inline; font-size: 110%; margin: 0 -4px 0 0; }
#top ul li a { display: inline-block; margin: 0; padding: 10px 24px; color: #fff; }
#top ul li.CMSListMenuHighlightedLI a, #top ul li a:hover { background: #33c0d3 url(/App_Themes/Website/images/li_active.png) repeat-x bottom; text-decoration: none; }

/* Banner */
#banner { margin: 0; padding: 0; clear: both; background: #fff; position: relative; }
#banner img { float: left; }
#bannertext { margin: 20px 0 0 0; padding: 10px 25px 20px 25px; width: 335px; position: absolute; top: 0; right: 0; _left: -385px; background: url(/App_Themes/Website/images/bg_banner.png); _background: url(/App_Themes/Website/images/bg_banner02.gif); color: #fff; }
#bannertext h2, #bannertext p { color: #fff; margin: 0 0 10px 0; padding: 0; }

/* Search */
#search {background: url(/App_Themes/Website/images/bg_search.png) no-repeat; margin: 0; padding: 14px 0 0 22px; clear: both; height: 44px; position: relative; }
#search h2 {margin: -2px 80px 0 0; padding: 0; color: #fff; float: left; }
#search input.txtinput, #search select {float: left; margin: 0 30px 0 0; color: #555; }
#search input.txtinput {border: 1px solid #fff; width: 250px; }
#search select {border: 1px solid #7f9db9; padding: 1px; }
#search p.advanced {float: right; color: #fff; margin: -2px 0 0 0; padding: 0 30px 0 0; display: inline; }
#search p.advanced input.btnSubmit {text-transform: uppercase;}
#search a {color: #fff;}

/* Smart Search */
#smartsearch { }
#smartsearch .titlematch {background: #FEFF8F; }
#smartsearch .contentmatch {background: #FEFF8F; }
#smartsearch .relevance { margin-top: 5px; }
#smartsearch .relevance .container {width: 50px; border: 1px solid #aaa; margin-top: 7px; margin-right: 6px; float: left; color: #00f; font-size: 2pt; line-height: 4px; height: 4px;}
#smartsearch .relevance .container .bar {background: #a7d3a7; height: 4px; line-height: 4px; }
#smartsearch .relevance .url {color: #008000; }
#smartsearch .relevance .classname {color: #888; font-weight: bold; }
#smartsearch .relevance .creation {color: #888; font-size: smaller; }

/* Home */
#home { clear: both; padding: 24px 10px; margin: 0; }
#column1, #column2, #column3 { margin: 0; padding: 0; float: left; display: inline; }
#column1 { width: 314px; padding: 0; margin: 0 28px 0 0; }
#column2 { width: 320px; padding: 0; margin: 0 28px 0 0; }
#column3 { width: 222px; padding: 10px 14px 0 14px; margin: 0; background: #f2f3e2; color: #000; }
#column1 h2, #column2 h2, #column3 h2 { margin: 0 0 10px 0; padding: 0; clear: both; color: #000; font-size: 150%; }
#column1 p.visit, #column2 p.visit { border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; text-align: right; padding: 10px 5px;}
#column3 p.visit { border-top: 1px solid #dadada; text-align: right; padding: 10px 5px 5px 0; font-size: 100%;  position: relative;}
#column3 p.visit a { font-weight: normal; }
#column1 img, #column2 img, #column3 img { padding: 0 0 10px 0; clear: both; }
#column1 img.left, #column2 img.left, #column3 img.left { margin: 0 10px 0 0; }

span.update { color: #d50303; font-style: italic; text-decoration: underline; font-size: 80%; }
#column3 p { font-size: 90%; }
#column3 a { font-weight: bold; }

/* Left */
#leftcol { float: left; margin: 20px 25px 0 14px; padding: 0; display: inline; clear: both; width: 166px; }
#leftcol h3 { color: #000; font-size: 130%; margin: 25px 0 10px 0; font-weight: bold; }
#leftcol ul.navCMSListMenuUL li { font-size: 120%; margin: 0 0 15px 0; padding: 0; background: none; }
#leftcol ul li, #leftcol ul.navCMSListMenuUL li ul li { padding: 0 0 5px 10px; background: url(/App_Themes/Website/images/bullet.gif) no-repeat 0 4px; }
#leftcol ul.related li {background: none; }
#leftcol ul.navCMSListMenuUL li ul { margin: 5px 0 0 0; }
#leftcol ul.navCMSListMenuUL li ul li { margin: 0 0 0 10px; font-size: 80%; }
#leftcol ul li.navCMSListMenuHighlightedLI a { font-weight: bold; }
#leftcol a { color: #555; }
#leftcol a:hover { text-decoration: none; }

/* Content */
#content { float: left; padding: 0; margin: 20px 0; width: 740px; }
#contentWide { float: left; padding: 0; margin: 20px 10px 20px 10px; width: 940px;}
div.content_full #content { margin: 20px 3px; width: 914px; padding: 0 20px; }
#content h3 { font-size: 160%; }
#content h3.search { background: #f00}
#content p.date { background: #f0f0f0; padding: 5px; float: left; width: 615px; }
div.content_full #content p.date{width: 785px;}

#content img { padding: 0; }
#content img.left { margin: 0 10px 5px 0; }
#content img.right { margin: 0 0 5px 10px; }
#content img.news { float: left; margin: 5px 10px 25px 0; }

#content ul {margin: 10px 0 20px 25px; position: relative; min-height: 0;}
#content li {background: url(/App_Themes/Website/images/bullet.gif) no-repeat 0 7px; padding: 5px 15px; position: relative; min-height: 0;}

#content fieldset {border: 1px solid #dadada; margin: 10px 0 20px 0; padding: 10px;}
#content fieldset legend {font-size: 120%; padding: 0 5px;}
#content fieldset p {width: 350px;}
div.content_full #content fieldset p {width: 400px;}

#content div.div_faq {margin: 0 -30px -1px -30px; width: 930px;}
#content div.p_faq {margin: 11px;}

/* Accordian Areas */
#content ul.tabs { border-bottom: 5px solid #d4d4d4; margin: 0; padding: 0; font-size: 120%; }
#content ul.tabs li { display: inline; background-image: none; margin: 0; }
#content ul.tabs li a { color: #000; padding: 8px 10px 5px 10px; display: inline-block; }
#content ul.tabs li a.active { background-color: #d4d4d4; }
#content ul.tabs li a:hover { text-decoration: none; }

#content div.accordian { border-top: 1px solid #dadada; clear: both; background: #fff;}
#content div.accordian .inactive { font-size: 100%; font-weight: bold; color: #555; background: #fff url(/App_Themes/Website/images/h3_accordian.gif) no-repeat bottom right; margin: 0; position: relative; border-bottom: 1px solid #dadada;}
#content div.accordian .active { background: #fff url(/App_Themes/Website/images/h3_accordian_active.gif) no-repeat bottom right; margin: 0 0 10px 0; }
#content div.accordian h3 {display: block; padding: 10px; color: #555; font-size: 110%; font-weight: bold;}
#content div.accordian h3:hover  { cursor: pointer;}
#content div.accordian h3 a {color: #555; display: block;}
#content div.accordian .content { border-bottom: 1px solid #dadada; padding: 0 0 10px 0; overflow:hidden; }
#content div.accordian a:hover { text-decoration: none; }

#content div.accordian p.left { width: 540px; }
#content div.pdf { background: #e0e0e0; float: right; color: #555; padding: 10px; width: 345px; }
#content div.pdf p { float: left; margin: 0; }
#content div.pdf p.doc { width: 200px; padding: 7px 20px 0 0; }
#content div.pdf p.btns { width: 120px; padding: 0; }
#content div.pdf p img { margin: 0 10px 0 0; }

/* Sitemap */
#content ul.CMSSiteMapList {margin: 0; padding: 0;}
#content ul.CMSSiteMapList li {background: #fff url(/App_Themes/Website/images/h3_accordian_active.gif) no-repeat top right;}
#content ul.CMSSiteMapList li a.CMSSiteMapLink {color: #555; font-size: 110%; font-weight: bold; display: inline-block; padding: 10px 0;}

#content ul.CMSSiteMapList li ul { margin: 5px 0 0 20px;}
#content ul.CMSSiteMapList li ul li {background: none; padding: 5px 0; position: relative; min-height: 0;}
#content ul.CMSSiteMapList li ul li a.CMSSiteMapLink {font-size: 100%; font-weight: normal; padding: 0; color: #555;}

#content ul.CMSSiteMapList li ul li ul li {background: url(/App_Themes/Website/images/bullet.gif) no-repeat 0 7px; padding: 5px 15px;}
#content ul.CMSSiteMapList li ul li ul li a.CMSSiteMapLink {color: #218c9b;}

#content ul.CMSSiteMapList li ul li ul {padding: 0 0 5px 0;}
#content ul.CMSSiteMapList li ul li ul li {padding: 2px 15px;}
#content ul.CMSSiteMapList li ul li ul li ul li a.CMSSiteMapLink {font-size: 90%;}

/* Footer */
#footer { margin: 0 10px 10px 10px; padding: 0; clear: both; color: #2d2d29; border: 1px solid #e4e4e4;}
#footer h3 { color: #000; border-bottom: 1px solid #e4e4e4; background: url(/App_Themes/Website/images/h3_footer.png) repeat-x; font-size: 140%; padding: 9px 10px; }
#footer h3 a, #footer h3 a:hover { color: #000; display: block; text-decoration: none; }
#footer p { margin: 1px 0 0 0; padding: 10px; background: #f0f1da; }
#footer ul { margin: 30px 0 0; padding: 0; width: 230px; float: left;}
#footer ul h4 { font-size: 100%; margin: 0; padding: 0; color: #000; }
#footer li { margin: 0 0 0 20px; padding: 0 0 2px 0; }
#footer li a { margin: 0; padding: 0; }

#footer02 { margin: 0; padding: 10px; height: 70px; clear: both; background: #d5e5e0; color: #2d2d29; }
#footer02 p.left {background: none;}
#footer02 p.right { text-align: right;  background: none;}

span.bottom { display: block; height: 40px;}