/*Main stylesheet*/

/* custom colors: 
          purple= #f0f0fa (240 240 250)
          darker purple= #b5b5e6 (181 181 230)
          blue = #bcd2ee (188 210 238)
          light blue= #f0f8ff (240 248 255)
          dark blue= #4682b4 (70 130 180)
          green = #ebf0f0 (235 240 240)
          aqua = #90afc0 (144 175 192)
*/

/*BODY*/

body { margin: 0; padding: 0; text-align: center; font-family: arial, helvetica, san-serif; color: #000; background: #12145C;  line-height: 120%; }

/*HEADERS*/

h1 { font-family: georgia, times, "times new roman", serif; font-size: 115%; color: #537C93; font-weight: bold; }
h2 { font-family: georgia, times, "times new roman", serif; font-size: 102%; color: #537C93; font-weight: bold; font-style: italic; }
h3 { font-family: georgia, times, "times new roman", serif; font-size: 100%; font-weight: normal; }
h4 { font-family: arial, helvetica, san-serif; font-size: 100%;
 font-weight: normal; }
h5 { font-family: georgia, times, "times new roman", serif; font-size: 112%; color: #537C93; }

/*LINKS*/

a:link { text-decoration: none; color: blue; }
a:visited { text-decoration: none; color: purple; }
a:hover { text-decoration: underline; background: #FFFFD9; }
a:active { text-decoration: underline; color: purple; }
a img { border: none; background: transparent; }

/*TEXT FORMATTING*/
.skipnav {display: none}
.serif { font-family: georgia, times, "times new roman", serif;}
.sanserif { font-family: arial, helvetica, san-serif; }
.boldgray { color: gray; font-weight: bold; }
.small { font-size: 85%; }
.verysmall { font-size: 65%; }
.large { font-size: 120%; }
.largeserif { font-size: 120%; font-weight: bold; font-family: georgia, times, "times new roman", serif; }
.note { margin-left: 2.5%; margin-right: 2.5%; font-size: 85%;
 first-word: bold; }
.boldnote { font-weight: bold; font-size: 95%; }
.indent { margin-left: 10%; margin-right: 10%; }
.red { color: red; font-weight: bold; }

/*CONTAINER*/

div#container
{
 margin: 2px auto;
 width: 790px;
 background: #fff url(../images/background_map.jpg) repeat 0 0; 
 border: 1px solid #000;
}

div#containertable
{
 margin: 2px auto;
 width: 1014px;
 background: #fff url(../images/background_map.jpg) repeat 0 0; 
 border: 1px solid #000;
}

/*LOGO BANNER*/

div#banner { margin: 0; padding-bottom: 0; height: 55px;  background: #fff url(../images/background_map.jpg) repeat 0 0; }

div#logo { margin: 0 0 .5em 0; padding: 0; float: left; width: 175px; height: 45px; position: relative; background: url(../images/logo.gif) no-repeat 0 100%; }

div#logo a { position: absolute; top: 0; left: 0; width: 175px; height: 45px; }

div#logo h1 { display: none; }/*Keeps the text from displaying over the icon*/

div#logo a:hover { background: transparent; }

/*This is for the search box*/
div#search { float: right; margin: 0; padding: .5em; text-align: right;  }
div#search table { margin: 0; padding: 0; border: hidden; border-collapse: collapse; }
div#search table td { margin: 0; padding: 0; border: hidden; }

/*HORIZONTAL MENU BAR*/

div#menu { clear: both; margin: 0; padding: 0; background: #f0f8ff; }

div#menu ul { font-weight: bold; font-size: 80%; margin: 0;
 margin-left: 40px; /*margin between first menu item and left browser edge*/ padding: 0; list-style: none; }

div#menu li { display: inline; margin: 0 2px 0 0; padding: 0; }

div#menu a { float: left; display: block; color: #f0f0fa; margin: 0 1px 0 0; /*Margin between each menu item*/ padding: 5px 10px; text-decoration: none; background-color: #b5b5e6; /*Default menu color*/ }

div#menu a:hover { background-color: #99cccc; /*Menu hover bgcolor*/ }

div#menu #current a, #menu #inactive a { /*currently selected tab*/ background-color: #4682b4; border-color: #4682b4; }

div#menu #current a:hover { /*currently selected tab*/  background-color: #4682b4; border-color: #4682b4;   background-color: #99cccc; }

/*HORIZONTAL NAV BAR*/

div#navbar { clear: both;  margin: 0; padding: 0; font-size: 80%; text-align: left; border-top: 2px solid #4682b4; }

div#navbar { background: #bcd2ee; }

div#navbar ul, div#navbar p { margin: 0; padding: 2px .5em; }

div#navbar li {  display: inline; }

/*NEXT PAGE-PREVIOUS PAGE BAR*/
div#navbar2 { height: 1em; margin: 0; padding: 0; }
div#navbar2 p { margin: 0; padding: 3px 0; font-size: 85%; font-family: georgia, times, "times new roman", serif; font-style: italic;  text-align: left; }


/*SIDE NAVIGATION BOXES*/

div#sidenav { float: right; width: 170px; text-align: left; margin: 0 0 10px 10px; padding: 0; border-top: 1px solid #ccc; background: #f0f0ff; }

div.sidebox { margin: 0; padding: 1em 5px 0 1em; border-bottom: 1px solid #ccc; }

div.sidebox2 { margin: 0; padding: 1em 5px .5em 1em; }	
		
div.sidebox ul, div.sidebox2 ul { font-size: 80%; margin-top: 0;   margin-bottom: .5em;  margin-left: 0; padding-left: 0; list-style-type: none; color: #799EB3; }

div.sidebox ul#pages li { display: inline; font-size: 110%; color: #2C65AB; }

div.sidebox em, div.sidebox2 em { font-size: 120%; font-weight: bold; font-style: normal; color: #2C65AB; }

/*MAIN CONTENT*/

div.content { padding: 10px 2em 1em 2em; margin: 0; background: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

div.content p, div.content h1, div.content h2, div.content li, div.content blockquote, div.content dt, div.content dl { text-align: left; }

.bluebox, .greenbox, .purplebox, .yellowbox { margin: 0; padding: .5em .5em .5em 1em; }
.bluebox { background: #f0f8ff; border: 1px solid #bcd2ee; }
.greenbox { background: #F5FFFA; border: 1px solid #90afc0; }
.purplebox { background:  #f0f0fa;  border: 1px solid #b5b5e6; }
.yellowbox { background:  #FFFFE0;  border: 1px solid #bcd2ee; }

/*List items will be spaced 1 line apart*/
ul.spacedlist li, ol.spacedlist li { margin-top: 1em; }

/*List items will be strung together in a paragaph format*/
ul.paragraphstyle { text-align: left; }
ul.paragraphstyle li { margin-top: 1em; padding: 0 2px; text-align: left; list-style-type: none; display: inline; }

/*BOTTOM OF PAGE NAVIGATION*/

div.invisible { background: transparent; margin: 1em auto; padding: .5em; border: 0; margin: 0; width: 98%; }
div.invisible table { border: hidden; margin: 0 auto; padding: 10px; width: 100%; }
div.invisible td { padding: 0; border: hidden; }
div.invisible td.column1 {text-align: left; }
div.invisible td.column2 {text-align: right; }

div#topbutton { clear: both; margin: 0 auto; padding: .5em 0; text-align: center; font-size: 11pt; border-top: 2px solid #bcd2ee; border-bottom: 2px solid #bcd2ee; }
div#topbutton p { margin: 0; padding: 0; }

/*FOOTER SECTION*/

div.blueline { clear: both; margin: 0; padding: 0; height: 10px; width: 100%; font-size: 1pt; background:  #bcd2ee; border-top:  1px solid #bcd2ee; }
div#footer { clear: both; margin: 0; padding: 1em 0; background: #fff; font-size: 80%; border-top: 1px solid #fff; }
div#footer p { margin: 0; padding: 0; }

/*This makes a centered, clickable "home page" icon in the footer*/
div#footericon { margin: 5px auto; padding: 0; width: 40px; height: 40px; position: relative; background: #fff url(../images/icon_home.gif) no-repeat 0 100%; }
div#footericon a { position: absolute; top: 0; left: 0; width: 40px; height: 40px; }
div#footericon a:hover { background: transparent; }
/*This keeps the text from displaying over the icon*/
div#footericon h1 { margin: 0; padding: 0; display: none; }

/*IMAGES*/

.blackborder { border: 1px solid #000; }
.left { float: left; margin: 5px 1.5em 1em 0; }
.smallleft { float: left; margin: 0; }
.right { float: right; margin: 5px 0 1em 1.5em; }
.smallright { float: right;  margin: 0;}

/*Note, use h3 (serif) or h4 (sanserif) for centered captions.*/
div.left p, div.right p, div.left h3, div.left h4, div.right h3, div.right h4 {  margin: 0;  padding: 5px .5em; color: darkblue; font-weight: normal; font-size: 85%; }
div.right p.rightalign { text-align: right; margin: 0; padding: 0; }

div.caption { margin: 0; padding-top: .7em; padding-bottom: 10px; background: #fff; border-top: 1px solid #fff; }
div.caption h5 { margin: .2em; }
div.caption h3, div.caption h4, div.caption p { margin-top: 0;
 margin-bottom: 0; }

div.caption img { border: 0; padding: 0; margin: 0 2px;}

div.caption a:hover { background: transparent;}

/*Intended for large images*/
div.centerimage { margin: 1em auto; overflow: hidden; }

/*P text will be left-aligned.  Use h3, h4, or h5 for centered captions.*/
div.centerimage p { margin: 0; padding: .5em 5em; font-size: 95%; text-align: left;}

div.centerimage h3, div.centerimage h4 { margin: 0; padding: .5em 5em; font-size: 95%; text-align: center; }

div.floatingbox { float: right; border: 1px solid #b5b5e6; background: #f0f0fa; padding: 1em; font-family: georgia, times, "times new roman", serif; font-weight: bold; font-size: 90%; }

/* Results Tables*/
.results { clear: both; background: #fff; margin: 1em auto; padding: 0; border: none; margin: 0; width: 100%; border-bottom: 1px solid #ccc; }

.results table { background: #fff; margin: 0 auto; border-top: 1px solid #000; border: 1px solid #000; border-collapse: collapse; width: 98%; }

.results col.col1, .results col.col1blue, .results col.col1green, .results col.col1purple { width: 4% }

.results col.col2 { text-align: left; }

.results col.col1blue, .results col.col2blue { background: #f0f8ff; }

.results col.col1green, .results col.col2green { background: #F5FFFA; }

.results col.col1purple, .results col.col2purple  { background: #f0f0fa; }

.results col.col1yellow, .results col.col2yellow  { background: #FFFFE0; }

.results col.data { width: 3%; }

.results col.data2 { width: 4%; }

.results th { padding: 5px; background: #ccc; font-size: 110%; }

.results td { padding: 2px 3px; border: 1px solid #000; font-size: 9pt; text-align: center; }

.results td.redfont {color: red; }

.results td.lightblue, .results tr.lightblue { background: #f0f8ff; }

.results col.green, .results td.green, .results tr.green { background: #F5FFFA; }

.results col.purple, .results td.purple, .results tr.purple { background: #f0f0fa; }

.results col.yellow, .results td.yellow, .results tr.yellow { background: #FFFFE0; }

.results td.red1 {background:  #FFD9D9; }

.results td.red2 {background:  #FFB3B3; }

.results td.red3 {background:  #FF8F8F; }

.results td.red4 {background:  #FF6E6E; }

.results td.red5 {background:  #FF4F4F; }

.results td.red6 {background:  #FF3333; }


.results td.blue1 {background:  #D9D9FF; }

.results td.blue2 {background:  #B3B3FF; }

.results td.blue3 {background:  #8F8FFF; }

.results td.blue4 {background:  #6E6EFF; }
.results td.blue5 {background:  #4F4FFF; }
.results td.blue6 {background:  #3333FF; }

.results td.gray {background: #F0F0F0; }

.results td.grayleft {background: #F0F0F0; text-align: left; }

.results td.lightgray, .results tr.lightgray { background: #F0F0F0; text-align: center; font-weight: bold; }

.results td.small {font-size: 8pt; }