h3 {
 font-size: 1.1em;
 text-align: center;
 }
 a.copy:link {color: #2E4B83;
 font-size:8pt;
 font-family:Arial,sans-serif}
       
 a.copy:visited {color: #000000;
 font-size:8pt;
 font-family:Arial,sans-serif}

 td.copy {color:black;
 font-size:8pt;
 font-family:Arial,sans-serif;
 margin-top: .5em;}  
 
 td.title {color:#8C4820;
 font-size:12pt;
 font-family:Arial,sans-serif;
 font-weight:bold;
 padding-left: 0.5em;
 text-align: left;
 }
 
 td.address {color:black;
 font-size:8pt;
 font-family:Arial,sans-serif;
 padding:.1cm} 
 
 td.hometext {color:black;
 font-size:9pt;
 font-family:Arial,sans-serif;
 padding:.5em} 
 
 td.navbar {background-image: url('images/navbarbg.jpg');
 background-repeat: repeat-x;
 height: 27px;}
 
#navcontainer ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #2e4b83;
color: #FFF;
width: 100%;
font: bold 90% verdana, helvetica, sans-serif;
text-align: center;
}

#navlist li { display: inline; }

#navlist li a
{
text-decoration: none;
background-color: #2e4b83;
color: #FFF;
padding: .2em 2em;
border-right: 1px solid #fff;
}

#navlist li a.none
{
text-decoration: none;
background-color: #2e4b83;
color: #FFF;
padding: .2em 2em;
border-right: none;
}

#navlist li a:hover
{
background-color: #036;
color: #fff;
}

td.privacy {background-color: #9a9a9a;
width: 190px;
text-align:center;
padding: 1em;
border-right: 1px solid #FFFFFF;}

td.webmaster {background-color: #9a9a9a;
width: 190px;
text-align:center;
padding: 1em;
border-left: 1px solid #FFFFFF;}

a.grey:link {color: #000000;
 font-size:9px;
 font-family:Verdana,sans-serif;
 text-decoration: none;}
 
a.grey:hover {color: #000000;
 font-size:9px;
 font-family:Verdana,sans-serif;
 text-decoration: underline;} 
       
a.grey:visited {color: #000000;
 font-size:9px;
 font-family:Verdana,sans-serif;
 text-decoration: none;}
 
 td {color:black;
 font-size:10pt;
 padding: 0px;
 font-family:Arial,sans-serif} 
 
 a:link {color: #0054A6;
 font-size:10pt;
 font-family:Arial,sans-serif}
       
 a:visited {color: #000000;
 font-size:10pt;
 font-family:Arial,sans-serif}
        

 /* Scattered analysis style */
 table.scatter {
  celpadding: 1px; width: 100%;
  visibility:visible;
  display:block; 
 }
 td.scatter-header {background-color: #2E4B83; color: #FFFFFF;}
 td.scatter-row-title-light {background-color: #DDDDDD;}
 td.scatter-row-title-dark {background-color: #AAAAAA;}
 td.scatter-count-light {background-color: #DDDDDD;}
 td.scatter-count-dark {background-color: #AAAAAA;}
 td.scatter-percent-light {background-color: #DDDDDD;}
 td.scatter-percent-dark {background-color: #AAAAAA;}
 td.scatter-total-title {background-color: #2E4B83; color: #FFFFFF; font-weight: bold;}
 td.scatter-total-count {background-color: #2E4B83; color: #FFFFFF; font-weight: bold;}
 td.scatter-total-percent {background-color: #2E4B83; color: #FFFFFF; font-weight: bold;}
 
 

/* This document contains examples of styles that should be useful for making
 * forms with the template system. You could copy them into your stylesheet,
 * and modify them to suit your design */



/* Here's an example of a set of styles you might use to change the captions of
 * form fields to indicate which are required, which are optional, and which
 * have been filled incorrectly (e.g. not filled at all) */
*.required_caption { text-align: right; vertical-align: top; font-weight: bold; }
*.error_caption { text-align: right; vertical-align: top; font-weight: bold; color: red; }
*.optional_caption { text-align: right; vertical-align: top; }

/* You can have as many sets of these styles as you need. In some cases it does
 * not work to change the color/boldness of text (such as when you have a
 * pulldown with no caption. Perhaps these styles for changing the background
 * color would be useful in such cases. */
*.required_bg { text-align: right; font-weight: bold; }
*.error_bg { background-color: red; text-align: right; padding: 2px; }
*.optional_bg { text-align: right; }

*.required_left_caption { text-align: right; font-weight: bold; }
*.error_left_caption { text-align: right; font-weight: bold; color: red; }

*.form_field { vertical-align: top; align:left; }
*.template { color: red; font-size: 26px; }

*.required_right_caption { text-align: left; font-weight: bold; }
*.error_right_caption { text-align: left; font-weight: bold; color: red; }

*.required_center_caption { text-align: center; font-weight: bold; }
*.error_center_caption { text-align: center; font-weight: bold; color: red; }

span.required { font-weight: bold; }
span.error { font-weight: bold; color: red; }


/* GOOGLE MAPS API CSS FOLLOWS - define the CSS used to style the hotspots */
h4.hotspot {
  font-size : 100%;
  font-weight : normal;
  color : rgb(9, 122, 182);
  margin-left : 8px;
  margin-top : 0px;
  margin-bottom : 2px;
  font-style : normal;
  cursor : pointer;
}

h4.hotspot:hover {
  color : rgb(237, 92, 11);
  text-decoration : underline;
}

table.section , table.listing{
border-right:1px dashed grey;
border-top:1px dashed gray;
width:100%;
text-align:left;
margin-bottom: 10px;
}

table.section td {
background-color:#D6E6FC;
padding:2px;
font-size: 8pt;
}

table.listing td, table.listing th{
background-color:#D6E6FC;
padding:2px;
}

table.sub_section{
width:100%;
text-align:left;
background-color: white;
}

table.sub_section td {
background-color:#D6E6FC;
padding:2px;
font-size: 8pt;
}

div.breakdown-popups {
	display:none;
	position:absolute;
	background-color: #FAF4C5;
	border: 4px outset gray;
	margin-top: 0;
	margin-left:0;
	top: 0;
	left:0;
	z-index: 10;
	padding: 5px;
}


.breakdown-field {
	text-decoration: underline;
	color: #8C4820 !important;
	cursor: help;
}

a img {border:0px;}


/* DYNAMIC CONTENT DIV STYLES */
.page_body h3 {text-align:left;}

.page_body {width: 100%;}

#page_body_6 {width: 700px;}

ul.page_list li {margin-top: 10px;}

table.image_list { margin: auto;}

/* Width expansion styles */
#table-7 {width: 100%;}
#table-7 table {width: 100%;}