/* DEFAULT VALUES */
a { text-decoration:none; color:#000080; }
a:hover { text-decoration:underline; }
a:visited { color:#000080; }
a:active { border: 0px; }
html, body { margin:0px;padding:0px; font:Normal 14px Verdana; font-family: Verdana, Arial, "Sans Serif"; color:#000000; height: 100%;}
img { margin:0px;padding:0px;border:none;display:inline;}
h2 { font-size:1em; font-variant:small-caps; text-align:center; color:#000080; margin-bottom: 3em;} 
h3 { font-size:1em; font-variant:small-caps; color:#000000; margin-bottom: 1em; margin-top: 2em;} 
body fieldset { width:850px;margin:auto;border: 1px solid black; }
table { padding: 0px; margin:0px; border-collapse:collapse; table-layout: fixed;}
p { margin-bottom:1em;}
li { margin-left:20px;list-style: disc outside;}
td { vertical-align: top; }
legend { font-size:1em; font-variant:small-caps; font-weight: bold; color:#000080; margin-left: 1em; margin-right: 1em; padding: .5em; }

img#reece-logo { padding-bottom: 20px; }

/* Classes -- these are pulled in by TimyMCE for page editors to utilize */
.error { color:red; }
.right { text-align: right; }
.paragraph_text { font:normal 1em Verdana,Arial,"Sans Serif";  color:#000000; }
.paragraph_header { font:bold 1em Verdana,Arial,"Sans Serif";  color:#000000; }
.page_header { font-size:1em; font-variant:small-caps; text-align:center; color:#000080; margin-bottom: 3em; }
.small_caps_header { font-size:1em; font-variant:small-caps; color:#000000; margin-bottom: 1em; margin-top: 2em;}
.underline { text-decoration:underline; }
.x-scroll { overflow-x: scroll; }
.y-scroll { overflow-y: scroll; }

span.button { border: outset 2px #000000; background-color: gray; color: #000000; cursor: pointer; padding: 3px;}
span.button:active { border: inset 2px #000000; color: #000080; }

/* Mainnav */
ul.main_nav { max-width:850px; min-width:850px; width:850px; margin:auto; white-space: nowrap; text-align: center; padding: .2em 0; background-color: #FFFFFF; border-bottom:2px solid #000080;}
ul.main_nav li { list-style: none; display: inline; position: relative; z-index: 2; margin: 0 .2em; padding: .2em; background: #FFFFFF; }
ul.main_nav li:hover { background-color: #000080; position: relative; } 
ul.main_nav li.no_hover:hover { background-color:#FFFFFF; color:#000080; }
ul.main_nav li:hover a { background-color: #FFFFFF; color:#000080; }
ul.main_nav li a { padding-left:.5em; padding-top:0em; padding-right:.5em; padding-bottom:0em; color: #000080; font-size: .8em; font-weight: bold; text-decoration: none; }
ul.main_nav li a:hover { background-color: #FFFFFF; color:#000080; }
ul.main_nav li.selected { background-color: #000080; position: relative; } 
ul.main_nav li:hover.selected { } 
ul.main_nav li.selected a { background-color: #000080; color:#FFFFFF; }
ul.main_nav li:hover.selected a { background-color: #FFFFFF; color:#000080; }
a.subnav { border-bottom: 1px solid #3C48AA; }
a.subnav_last { border-bottom: none; }

/* Section Nav */
td.section_nav { max-width:250px; min-width:150px; width:150px; color:#FFFFFF;  background-color:#000080; vertical-align:top; }
ul.section_nav { margin: 0 0 0 0; margin-top: 2px; white-space: nowrap; text-align: left; padding: .2em 0; background-color: #000080; font-size: 80%; }
ul.section_nav li { list-style: none; position: relative; z-index: 2; margin: 0 .2em; padding: .2em 0; background-color: #000080; color:#FFFFFF; border: 1px solid #000080; } 
ul.section_nav li a,  
ul.section_nav li a:visited 
{ background-color:#000080; color: #FFFFFF; padding: .4em 1.2em; font-weight: bold; display:block; }

ul.section_nav li:hover { border: 1px solid #000080; }

ul.section_nav li:hover,
ul.section_nav li:hover a,
ul.section_nav li a:hover,
ul.section_nav li:hover a:visited 
{ background-color: #FFFFFF; color:#000080; }

ul.section_nav li:hover.no_hover { border: 1px solid #000080; }

ul.section_nav li:hover.no_hover,
ul.section_nav li:hover.no_hover a,
ul.section_nav li.no_hover a:hover 
{ background-color:#000080; color:#FFFFFF; }

ul.section_nav li.selected, 
ul.section_nav li:hover.selected, 
{ position: relative; border: 1px solid #000080; } 

ul.section_nav li.selected, 
ul.section_nav li.selected a,
ul.section_nav li.selected a:hover,
ul.section_nav li.selected a:visited,
ul.section_nav li:hover.selected, 
ul.section_nav li:hover.selected a, 
ul.section_nav li:hover.selected a:hover,
ul.section_nav li:hover.selected a:visited
{ background-color: #FFFFFF; color:#000080; } 

ul.section_nav a:hover
{ text-decoration:none; } 


/* Section Content */
td.section_content { max-width:650px; min-width:650px; width:650px; padding:25px; vertical-align:top; }
p.faq_question { font-weight:bold; margin-top:2em; margin-bottom:.25em;}
ul.tabs { max-width:639px; min-width:639px; width:639px; margin:auto; white-space: nowrap; text-align: left; padding: .2em 0; background-color: #FFFFFF; border-bottom:2px solid #000080; }
ul.tabs li { list-style: none; display: inline;  position: relative; z-index: 2; margin: 0 .2em; padding: .2em .2em; background-color: #FFFFFF;}
ul.tabs li:hover { background-color: #000080; position: relative;}
ul.tabs li:hover a { background-color: #FFFFFF; color:#000080; text-decoration: none;}
ul.tabs li a:hover { background-color: #FFFFFF; color:#000080; text-decoration: none;}
ul.tabs li.selected { background-color: #000080; position: relative; } 
ul.tabs li:hover.selected { background-color: #000080; position: relative; color:#000080; } 
ul.tabs li a { margin:.2em; padding:.2em .6em; color:#000080; font-size:80%; font-weight:bold; text-decoration: none;}
ul.tabs li.selected a { color:#FFFFFF; text-decoration: none;}
ul.tabs li:hover.selected a { background-color: #FFFFFF; position: relative; color:#000080; } 

fieldset.tabs { margin:auto; max-width:600px; min-width:600px; width:600px; padding:15px; vertical-align:top; border: solid 2px #000080;}
fieldset.tabs > table { width:100%;}
fieldset.tabs > table td { overflow: hidden;}

/* DIV Styles */
div.page_header { max-width:850px; min-width:850px; width:850px; margin:auto; border-bottom: 1px solid black; text-align:right; overflow:hidden; }
div.main_content { max-width:850px; min-width:850px; width:850px; margin-left:auto;  margin-right:auto;}
div.page_footer { clear:both; max-width:850px; min-width:850px; width:850px; margin:auto; margin-top: -3px; padding-top: 2px; padding-bottom: 2px; background-color:#000000; text-align:center; font-size:.65em; color:#FFFFFF; }
div.dropmenudiv{ text-align:left; position:absolute; padding:5px; border: 1px solid #000080; z-index: 100; background-color: #000080; visibility:hidden; min-width:115px; width: auto; } 
div.dropmenudiv a { font:Normal 11px Verdana; display: block; text-decoration: None; text-indent: 4px; color: #FFFFFF; line-height: 19px; padding-right: 7px; } 
div.dropmenudiv a:visited { font:Normal 11px Verdana; display: block; text-decoration: none; text-indent: 4px; color: #FFFFFF; line-height:19px; } 
div.dropmenudiv a:hover { font:Normal 11px Verdana; display: block; background-color: #FFFFFF; color: #000080; text-decoration: None; line-height:19px; }
div.list_div { width:100%; margin:auto; text-align:left; padding:3px; background-color:#CCD7EF; }
div.message { width:100%; color:green; margin:auto; text-align:left; padding:3px;}
div.error { color:red; }
div.HomePageNews { padding: 10px; }
div.NewsDateline { text-align: center; font-size: 80%; width: 100%; }
div.NewsCopy { text-align: justify; margin-top: 1em; width: 100%; }

h3.NewsHeadline { text-align: center; margin-bottom: .3em; width: 100%; }
h2.HomePageNewsHeader { text-align: left; font-size: 150%; width: 85%; border-bottom: 1px solid #000080; margin: 0px; padding: 0px; }
p.HomePageNewsItem {  font-size: 80%; width: 100%; margin: .3em; padding: 0px; white-space: nowrap; overflow-x: hidden; }

span.NewsHeadline { text-align: left; width: 100%; }
span.NewsDateline { text-align: left; font-size: 80%; width: 100%; }

/* TABLE Styles */
table.main_content { width: 850px; max-width:850px; min-width:850px; }
table.list { text-align: left; border: none; width: 480px; }
table.list caption { font-weight:bold; font-size:1em; font-variant:small-caps; text-align:center; color:#000080; margin-bottom:2px; }
table.list thead, table.list thead tr { width: 480px; border: 2px solid black; }
table.list th, table.list td { padding: .3em; }
table.list tbody {  border: 2px solid black; }
table.list tbody tr.odd { background-color:#999999; }
table.list tbody tr.even { background-color:#C0C0C0; }
table.list tr.even:hover, table.list  tr.odd:hover, table.list tr.even:hover a, table.list tr.odd:hover a { background-color:#000080; color: #FFFFFF; cursor: pointer; }
td.label { width: 25%; text-align: right; font-weight: bold; padding-right: .5em; }
table.list tr { height: 30px; }



/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.scrollingTableContainer {
    clear: both;
    height:300px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 480px;
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.scrollingTableContainer {
    width: 480px;
}

/* define width of table. IE browsers only                 */
div.scrollingTableContainer table {
    width: 480px;
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.scrollingTableContainer table {
    width: 496px;
}

div.detail {
    margin-top: 1px;
    height: 210px;
    min-height: 210px;
    max-height: 210px;
}

div.main_content>table, table.main_content, td.section_content, .min500 { min-height: 500px; }