/********************************************
 General HTML
 ********************************************/

html {
    height:100%;
}

body {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:10pt;
    color:#666666;
    background-color:#999999;
    height:100%;
}

h1 {
	font-size:16pt;
	color:#336699;
}

a {
    text-decoration:none;
    color:#1e5791;
}

a:hover {
    color:#ff3220;
}


b.see_more {
	font-size:16pt;
}

li {
    list-style: circle outside;
}

#section ul, #content ul {
	margin-left:2px;
	_margin-left:25px;
}

div.inline {
	float:left;
}
.clearInlineDivs { clear:both; }

p.warning {
	font-weight:bold;
	color:#dd0000;
}

b.title {
	min-width:400px !important;
}

ul.dash {
  list-style-type: none;
}
ul.dash > li {
  text-indent: -5px;
  padding: 15px 0px 0px 0px;
  list-style-type: none;
}
ul.dash > li:before {
  content: "- ";
  text-indent: -5px;
}
ul.dash > li:first-child {
  margin-top: -10px;
  margin-bottom: 0px;
}

.c1 {
	border-left-style:solid;
	border-left-color:#000000;
	border-left-width:0pt;
	border-right-style:solid;
	border-right-color:#000000;
	border-right-width:0pt;
	border-top-style:solid;
	border-top-color:#000000;
	border-top-width:0pt;
	border-bottom-style:solid;
	border-bottom-color:#000000;
	border-bottom-width:0pt;
	background-color:#000080;
	width:305px;
}

.c2 {
	border-left-style:solid;
	border-left-color:#ffffff;
	border-left-width:1pt;
	border-right-style:solid;
	border-right-color:#ffffff;
	border-right-width:1pt;
	border-top-style:solid;
	border-top-color:#ffffff;
	border-top-width:1pt;
	border-bottom-style:solid;
	border-bottom-color:#ffffff;
	border-bottom-width:1pt;
	padding:5pt 5pt 5pt 5pt;
	vertical-align:top;
	width:300px;
}

/********************************************
 Specific divs
 ********************************************/

#pageBody
{
	margin: 0 auto;
	width: 1000px;
	background: #ffffff;
	min-height:100%;
}

#header
{
	background: #ffffff;
	height:95px;
	padding: 10px;
}

#horizontal_navigation
{
	float: left;
	width: 984px;
	background: #ffffff;
	border-left:#ffffff 5pt solid;
}

#pageContent
{
	width: 1000px;
	background: #ffffff;
}

#left_panel
{
	margin-left:5px;
	float: left;
	width: 180px;
	display: inline;
}

#content
{
	float: left;
	width: 890px;
	padding: 5px 5px;
        margin-left:0px;
	text-align:left;
}

#section {
	color:#333333;
}

#right_panel {
	float: right;
	width: 240px;
	padding: 10px 0;
	margin: 0 0 0 0;
	display: inline;
	text-align:left;
}

#project_sheet {
        float: right;
        width: 235px;
        height: 540px;
        padding:2px 2px 2px 2px;
	margin-right:6px;
	margin-top:10px;
        display: inline;
        background:#ffffff url('../img/bg_vertical_black_fade.jpg');
	text-align:left;
}

#project_sheet table {
	color:#333333;
	font-size:10pt;
	margin-left:3px;
	padding-top:5px;
	width:225px;
        background:#ffffff url('../img/bg_horiz_black_fade.jpg');
}

#project_sheet td {
	text-align:left;
}

#project_sheet h1 {
	color:#ffffff;
	font-size:12pt;
	padding-bottom:10px;
	margin-right:15px;
	margin-top:6px;
	margin-left:5px;
	border-bottom:solid 1pt #ff9900;
}

#project_sheet h1 img {
	margin-bottom:-10px;
}

#project_sheet a {
	color:#dfdfdf;
	text-decoration:none;
	font-weight:normal;
}

#project_sheet a:hover {
	text-decoration:underline;
}

#more_info a {
	color:#333333;
	text-decoration:none;
	font-weight:normal;
}


.clearfooter {
        /* height:40px; */
        clear:both;
}

#mhl-footer {
	margin: 0 auto;
        height:80px;
        _height:60px;
        position:relative;
	_left:0px;
	max-width:1000px;
	background-color:#ffffff;
}

#mhl-footer table {
	position:relative;
	left:20px;
	_left:0px;
	top:10px;
}

#mhl-footer a {
	color:#333333;
}

#mhl-footer a:hover {
	text-decoration:underline;
}

.dfs-footer {
	background-color:#f47b20;
	color:#ffffff;
	text-align:left;
	height:22px;
	padding-left:5px;
	padding-top:2px;
}

.footer-message {
	text-align:left;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:10px;
	height:50px;
}

#left_nav {
	background-color:#000000;
	padding-top:20px;
	margin-top:10px;
	z-index:10;
}

#nav_item {
	padding: 5 5 15 15px;
	max-height:30px;
	display:block;
	text-align:left;
	border-bottom:#dd6600 1px solid;
	border-top:#ffffff 1px solid;
}

#left_nav div {
        height:25px;
	padding-top:10px;
	padding-left:4px;
        display:block;
        text-align:left;
        border-bottom:#f47b20 1px solid;
        border-top:#ffffff 1px solid;
}

#dataNav h3 {
	font-size:12pt;
}

img.leftNavMapIcon {
	float:right;
	margin-top:-4px;
	margin-right:15px;
}

a.left_nav {	
	color:#ffffff;
	font-weight:bold;
	width:170px;
}

a.left_nav:hover {
	color:#000000;
	font-weight:bold;
}


#dataNav {
	background-color:#ffffff;
	margin-top:20px;
}

#dataNav div {
	padding-top: 5px;
	height:25px;
	text-align:left;
	border-bottom:#dd6600 1px solid;
}

a.data_nav {
	color:#666666;
}

a.data_nav:hover {
	height:25px;
}

#right_panel h1 {
	margin-top:5px;
        color:#ffffff;
        font-size:14pt;
}

#right_panel h3 {
	margin-top:-10px;
	color:#ff9900;
}

#right_panel h4 {
	margin-top:5px;
	color:#ffffff;
}

#right_panel p {
        color:#dfdfdf;
}

#right_panel h1, h2, h3, h4, p, a, ul, img, li {
	margin-left:5px;
}

#mhlnews {
        position:relative;
        background-color:#000000;
        width:235px;
        height:420px;
        border:solid 1pt #cccccc;
        border-bottom:#dd6600 1px solid;
}

#feature_panel {
        border:solid 1pt #cccccc;
        border-bottom:#dd6600 1px solid;
	    margin-bottom:10px;
        position:relative;
        top:0px;
        width:235px;
        height:320px;
        background-color:#000000;
}


#feature_heading {
 	position:relative;
	float:left;
	display:inline;
	padding: 10 10 10 10;
	height:50px;
	height:60px;
        background-color:#000000;
	color:#00ff00;
}

#feature_head {
	display:inline;
	float:right;
	text-align:bottom;
	padding: 5 5 5 5;
	background-color:#000000;
}

#feature_title {
	font-size:14pt;
	color:#ffffff;
}

#feature_subtitle {
        font-size:12pt;
        color:#dd6600;
	margin-top:4px;
	_margin-top:8px;
}

#feature_logo {
	font-size:18pt;
	color:#ffffff;
	font-weight:bold;
	margin-right:200px;
	_margin-right:190px;
	margin-top:-6px;
}

#feature_section_heading {
	overflow:auto;
	position:relative;
	background-color:#f47b20;
	color:#ffffff;
	font-size:12pt;
	padding: 10 5 5 5;
	width:540px;
	_margin-top:-10px;
}

#feature_img img {
	width:500px;
}

#quicklinks {
        position:relative;
        background-color:#ffffff;
        margin-top:20px;
        height:325px;
        width:235px;
}


#groupIntro {
	width:520px; 
}

#intropage {
	width:520px;
}

#intropage p {
	padding-left:20px;
}

#content h1.nswpw {
	margin-top: 1px;
	_margin-top: 2px;
	margin-left:5px;
	margin-bottom: 5px;
	padding: 5 5 5 5px;
	padding-left:20px;
	padding-top:4px;
	width:545px;
	_width:540px;
	height:36px;
	font: 16pt arial, verdana, sans-serif;
	color: #ffffff;
	border: #333333 1pt solid;
	border-bottom: #ff9900 3pt solid;
	background: #000000;
}

#content h4 {
	color : #ff9900;
}

#content h5 {
	color : #073f77;
	font-weight:bold;
	font-size:10pt;
        margin-bottom:-1px;
}

#content h1 img {
	height:27px;
        margin-bottom:-5px;
}

#content table {
	font-size:10pt;
}

#drop-shadow {
	margin:20px;
	width:200px;
	background:url('../css/drop_border.png') top left no-repeat;
	float:right;
}

#drop-shadow img {
	margin:0px;
	padding:5px;
	width:180px;
}

#contacts {
	display:inline;
 	margin: 0 1em 0 1em;
}

#contacts h3 {
	margin-bottom:-0px;
	_margin-bottom:-0px;
}

#contact-box {
	margin-left:20px;
	width:240px;
	float: left;
}

td.def {
  	font-weight:bold;
	min-width:200px;
}

input.disabled {
	border-style:solid;
	border-color:white;
	color:#000066;
	padding:1px;
	background-color:#dfdfdf;
	font-size:10pt;
}

input.bg_blue_img {
	background: url('/img/button_blue.jpg');
	height:24px;
	width:120px;
	color:#000033;
	margin-top:5px;
}

div.datePicker {
	position:absolute;
	top:0px;
	right:0px;
	height:18px;
	width:18px;
}

input.style_white {
        border-color:#999999;
        background:#ffffff url('/srv/www/htdocs/img/button_blue.jpg');
        color:#6699cc;
        padding:2px;
        font-weight:bold;
	min-width:140px;
}

input.disabled {
	border-style:solid;
	border-color:#ffffff;
	color:#000066;
	background-color:#dfdfdf;
	font-size:10pt;
	width:80px;
}

b.project_sheet {
	color:#f47b20;
	font-size:12pt;
}

img.align-right {
	float:right;
	margin: 0 0 10 10;
	width:200px;
}

img.float-right {
	float:right;
	margin : 0 0 10 10;
}

table.mailform {
	margin-left:10px;
	color:#333333;
}

table.mailform td {
	font-weight:bold;
}

table.mailform input, textarea {
	background-color:#cccccc;
	border:solid 1pt #000000;
}

table.mailform em {
	color:#f47b20;
}

#clientPagePlot h1 {
	width:664px;
}

table.clientPagePlot {
	border:solid 1pt #cccccc;
	margin-left:8px;
	width:600px;
}

table.right_panel {
	color:#dfdfdf;
	background-color:#000000;
	min-height:400px;
}


table.right_panel h3 {
	color:#ffffff;
	border-bottom:solid 1pt #f47b20;
} 

table.right_panel b {
	color:#f47b20;
}

table.right_panel a {
	color:#dfdfdf;
}

table.right_panel p {
	color:#dfdfdf;
}	
table.histogram {
	color:#666666;
}

table.histogram td {
	padding-left:2px;
	padding-right:2px;	
	border-bottom:solid 1pt #cccccc;
	text-align:center;
	width:55px;
}

h1.section {
	padding-left:5px;
	font-size:14pt;
	color:#ff0000;
	max-width:524px;
}

#raw_data {
	margin-left:10px;
	color:#666666;
	font-size:8pt;
}

#quote-text {
	color:#990000;
}


#link-cell {
	overflow:hidden;
	padding-top:15px;
	width:500px;
	border-bottom:solid 1pt #000000;
}

#link-cell div {
	float:left;
}

#link-cell-img {
	width:100px;
}

#link-cell-img img {
	max-width:75px;
	margin-right:5px;
	-ms-interpolation-mode: bicubic; /* Isn't IE a dog */
}

#link-cell-text { 
	width:350px;
	vertical-align:top;
	margin-top:-15px;
	_margin-top:-0px;
}
	
#link-cell-text h3 { 
	margin-top:15px;
	margin-bottom:-1px;
	color:#f47b20;
	font-size:12pt;
}

#link-cell-text p { 
	margin-left:5px;
}

#link-cell-text a { 
	color:#f47b20;
}

#link_list {
	margin-left:20px;
	margin-top:-15px;
}


input.bg_blue_img {
    background:url('../img/button_blue.jpg');
    height:24px;
    color:#000033;
    margin-top:5px;
 }


/*----------------------------------------------------------------------------
 Table listing
----------------------------------------------------------------------------*/
.listing {
  font-size: 9pt;
  margin-left:5px;
  margin-top:10px;
  border: #000 solid;
  border-width: 1px 1px 1px 1px;
}

.listing th {
  margin: 0px;
  padding: 0px 5px 0px 5px;
  height:25px;
  white-space: nowrap;
  background-color: #cccccc;
  color:#333333;
  border-right: #666666 1px;
  border-right-style: solid;
  border-bottom: #666666;
  border-bottom-style: double;
  text-align: left;
}

.listing a {
  text-decoration: none;
}

.listing td {
  margin: 0px;
  padding: 2px;
  white-space: nowrap;
  border: #666666 solid;
  border-width: 0px 1px 1px 0px;
}

.listing tr {
  background: #fff;
}

.listing tr:hover {
  background: #dfdfdf;
}

div.picture-caption div {
  color:#666666;
  padding:1px;
  padding-left:4px;
  border-bottom: 1px solid #999999;
}

div.picture-caption img {
}

div.linkbox div {
		padding:5px;
}

#infoWindow {
    width: 450px;
}


/*----------------------------------------------------------------------------
 Image Pop-up
----------------------------------------------------------------------------*/
ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:10px 10px 0 20px;
}
ul.enlarge img{
background-color:#cde6ff;
padding: 6px;
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-webkit-border-radius: 4px; 
-moz-border-radius: 4px; 
border-radius: 4px; 
}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color:#cde6ff;
padding: 10px;
font-family: 'Arial', sans-serif;
font-size:12pt;
text-align: center; 
color: #666666; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
}
ul.enlarge span img{
padding:2px;
background:#ccc;
}
ul.enlarge li:hover span{ 
top: -500px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: 20px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: 100px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: 100px; 
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img, ul.enlarge span{
behavior: url(/css/PIE.htc); 
}


/*----------------------------------------------------------------------------
 Image Pop-up (*IE : friendly)
----------------------------------------------------------------------------*/
#thumbwrap {
	margin:15px auto;
	width:800px; height:100x;
}
.thumb {
	float:left; /* must be floated for same cross browser position of larger image */
	position:relative;
	margin:3px;
}
.thumb img { 
	border:1px solid #cccccc;
	vertical-align:bottom;
}
.thumb:hover {
	border:0; /* IE6 needs this to show large image */
	z-index:1;
}
.thumb span { 
	position:absolute;
	visibility:hidden;
}
.thumb:hover span { 
	visibility:visible;
	top:-400px; left:37px;