/*==============================================
Basic Styles
===============================================*/
* { padding: 0; margin: 0; }



body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px; 
 color: #000000;
 text-align: center;
 background-color: #ccdedb;

}



a:link {color:#009999} /* unvisited link */
a:visited {color:#009999} /* visited link */
a:hover {color:#009999} /* mouse over link */
a:active {color:#009999} /* selected link */

a.white:link {
    color: #000000;
	text-decoration: none;
}





p {
	padding: 6px 6px 6px 6px;
}

/*==============================================
Main UI DIV Styles
===============================================*/
/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 11px Arial;
padding: 5px 5px 0px 5px;
margin: 0px 0px 0px 0px;
}

.indentmenu ul{
float: left;
/* width: 100%; width of menu*/
border-top: 0px solid white; /*white border*/
background: teal url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 5px 0px 5px;
text-decoration: none;
border-right: 1px solid #ccdedb; /*green divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: teal !important;
padding: 5px 5px 0px 5px; /*shift text down 1px*/
background: #ccdedb url(indentbg2.gif) center center repeat-x;
}


.tabcontentstyle{ /*style of tab content container*/
border: 1px solid gray;
margin-bottom: 1em;
padding: 5px;
}

.tabcontent{
display:none;
}




#login{
	text-align: center;
	border: 2px solid #000000;
	background-color: #000000;
}

#wrapper{
 display:block;
 margin-left: auto;
 margin-right: auto;
 margin: 0 auto;
 width: 890px;
  background: #FFFFFF;

}
#header {
 color: #333;
 width: 890px;
 float: left;
 padding: 0px;
 border: 0px solid #CCC000;
 height: 87px;
 margin: 0px 0px 0px 0px;
 background: #FFFFFF;
 vertical-align:middle;
}
#header_left { 
	 text-align: left;
	 vertical-align:middle;
	 float:left;
	 margin: 0px 0px 0px 0px;
}
#header_right { 
	 text-align: right;
	 vertical-align:middle;
	 float: right;
	 margin: 0px 0px 0px 0px;
	 background-color: #FFFFFF;
}
#navigation {
 color: #333000;
 width: 890px;
 float: left;
 padding: 0px;
 border: 0px solid #ccc;
 list-style : none;
 margin: 0px 0px 0px 0px;
 background: #EAF1F1;
 clear:both;
}
#subnavigation { 
 color: #333000;
 border: 0px solid #ccc;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 190px;
 float: left;
 clear:left;
 
}
#content { 
 float: left;
 color: #333000;
 border: 0px solid #ccc;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 700px;
 display: inline;
}
.white_content { 
 color: #ffffff;
 border: 0px solid #ccc;
 background: #009999;
 margin: 0px 0px 0px 0px;
 padding: 4px 4px 4px 4px ;
}
#homepagecontent { 
 float: left;
 color: #333000;
 border: 0px solid #ccc;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 890px;
 display: inline;
}
#footer { 
 width: 890px;
 clear: both;
 color: #333000;
 border: 0px solid #ccc;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}

#errorContent { 
 width: 890px;
 color: #000000;
 border: 0px solid #ccc;
 background: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}
/*==============================================
Ticker Symbol Component Styles
===============================================*/
#tickerDiv
{
	width:230px;
	height:400px;
	background: #EEEEEE;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 1px solid #000000;
	overflow:auto;
}
.tickerTable
{
	width:230px;
	height:400px;
	background: #ccdedb;
	border: 1px solid #000000;
}
.tickerTableRow
{
	
}
.tickerTableLabelCell
{
	
	font-weight:bold;
	text-align:right;
}
.tickerTableValueCell
{
	
	font-weight:normal;
	text-align:left;
}


/*==============================================
RSS Feed Styles
===============================================*/
.rssFeedRow
{
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: Black;
	text-align:left;	 
}

.rssFeedRow a
{
	color: #009999;
}

.rssFeedRow td
{
	padding: 0px 0px 10px 0px;
}

#rssDiv
{
	width:410px;
	background: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px solid #000000;
	overflow:auto;
}

/*==============================================
Survey Styles
===============================================*/

#surveyDiv
{
	background-color: #ffffff;
	width: 400px;
	border: solid 1px Black;
}

.answerStyle
{
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	 
}

.questionStyle
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
}

.buttonStyle
{	
background-color: #009997;
border: 1px #009997 outset;
padding: 0 2px;
color: white;
text-decoration: none;
font: bold 11px Arial;
	
}

.logOffBtn
{	
background-color: #ffffff;
border: 1px #009997;
padding: 1 2px;
color: 009997;
text-decoration: none;
font: bold  12px Arial;
	
}
/*==============================================
Auth popup Window (modal dialog) Styles
===============================================*/
div.auth_popup { z-index: 1; }

div.auth_popup div.menu_form_header
{
  border: 1px solid black;
  border-bottom: none;
  width: 442px;
  height:      20px;
  line-height: 19px;
  vertical-align: middle;
  background: url('/Images/form_header.png') no-repeat;
  text-decoration: none;
  font-family: Times New Roman, Serif;
  font-weight: 900;
  font-size:  13px;
  color:   #206040;
  cursor:  default;
  z-index: 60; 
}

div.auth_popup div.menu_form_body
{
  width: 474px;
  height: 544px;
  border: 0px solid black;
  background: url('/Images/Login.png') no-repeat left bottom;
  z-index: 60;
}

div.auth_popup img.menu_form_exit
{
  float:  right;
  margin: 4px 5px 0px 0px;
  cursor: pointer;
  z-index: 60;
}

div.auth_popup table
{
  width: 100%;
  border-collapse: collapse;
  z-index: 60;
  margin: 70px 10px 10px 4px;
}

div.auth_popup th
{
  width: 30%;
  padding: 0px 5px 1px 20px;
  text-align: left;
  font-family: Times New Roman, Serif;
  font-weight: 900;
  font-size:  13px;
  color:   #004060;
  z-index: 60;
}

div.auth_popup td
{
  width: 70%;
  padding: 0px 0px 1px 0px;
  z-index: 60;
  text-align: left;
}

div.auth_popup form
{
  margin:  0px;
  padding: 8px 10px 10px 10px;
  z-index: 60;
}

div.auth_popup input.field
{
  width: 55%;
  border: 1px solid #808080;
  font-family: Verdana, Sans-Serif;
  font-size: 12px;
  z-index: 60;
}

div.auth_popup input.btn
{
  margin: 10px 10px 10px 10px;
  border: 1px solid #039998;
  background-color: #039998;
  color: #FFFFFF;
  font-family: Verdana, Sans-Serif;
  font-size: 14px;
  font-weight: bold;
  z-index: 60;
}


/*==============================================
SPI Group Styles
===============================================*/



#text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align : left;
	padding: 8px;
}    

.textSize {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}      

.textSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align : left;
} 

.textMid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}   

.textLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}  
.searchText {
	font-family: Arial, Helvetica, sans-serif;
	color: #009999;
	font-size: 12px;
}
#headerNav {
    background: #eaf1f1;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
		padding-right: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 12px;
	text-decoration: none;
}

a.headerNav:link {
    background: #eaf1f1;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
		padding-right: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 12px;
	text-decoration: none;
}
a.headerNav:visited {
    background: #eaf1f1;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
		padding-right: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 12px;
	text-decoration: none;
}
a.headerNav:hover {
    background: #999999;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
		padding-right: 12px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 12px;
	text-decoration: none;
}  
a.headerNav:active {
    background: #eaf1f1;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	text-decoration: none;
}

#searchPageNav {
    background: #eaf1f1;
}
#headerNav2 {
    background: #eaf1f1;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #666666;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	text-decoration: none;
}
a.headerNav2:link {
    background: #eaf1f1;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #666666;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	text-decoration: none;
}
a.headerNav2:visited {
    background: #eaf1f1;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #666666;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	text-decoration: none;
} 
a.headerNav2:hover {
    background: #999999;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #666666;
		padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	text-decoration: none;
} 
a.headerNav2:active {
    background: #eaf1f1;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #666666;
		padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 15px;
	text-decoration: none;
} 
















.leftNav {
	background: #ffffff;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	float : left;
	text-align : left;
}
.leftNav li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	list-style : none;
}

.leftNav li#navHeader {
	color: #a60821;
	display: block;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	font-weight:bold;
	padding-top: 8px;
	padding-right: 30px;
	padding-bottom: 8px;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #F5F5F5;
}

.leftNav a {
	color: #666666;
	display: block;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	font-weight:bold;
	padding-top: 8px;
	height: 1%;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color: #F5F5F5;
}
.leftNav a:hover {
	color: #a60821;
	padding-bottom: 8px;
	background-color: #E8E8E8;
}
.contentTitle {
	font-family: "Times New Roman", Times, serif;
	color: #009999;
	font-size: 15px;
	font-weight: bold;
}   

h1 {
	font-family: "Times New Roman", Times, serif;
	color: #009999;
	font-size: 18px;
	font-weight: bold;
	width: 630px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding: 6px;
	margin: 0px 0px 12px 0px;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	color: #009999;
	font-size: 18px;
	font-weight: bold;
	width: 850px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding: 6px;
	margin: 0px 0px 12px 0px;
}
h3 {
	font-family: "Times New Roman", Times, serif;
	color: #009999;
	font-size: 18px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding: 6px;
	margin: 0px 0px 12px 0px;
}
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin : 2px;
	padding : 2px;
}
li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style : disc;
	margin : 3px 3px 3px 18px;
	padding : 3px;
}

.homepageCallout{
	font-family: "Times New Roman", Times, serif;
	color: #009999;
	font-size: 16px;
	font-weight: bold;
	width: 184px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	text-align: center;
	display: block;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

.homepageCalloutMiddle{
	font-family: "Times New Roman", Times, serif;
	color: #009999;
	font-size: 16px;
	font-weight: bold;
	width: 432px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	text-align: center;
	display: block;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.homepageCalloutMiddle2{
	font-family: "Times New Roman", Times, serif;
	color: #ffffff;
	font-size: 1px;
	font-weight: bold;
	width: 432px;
	text-align: center;
	display: block;

}

.contentTitle {
	font-family: "Times New Roman", Times, serif;
	color: #009999;
	font-size: 15px;
	font-weight: bold;
	padding: 0px 0px 8px 6px;
}

.sectionTitle {
	font-family: "Times New Roman", Times, serif;
	color: #009999;
	font-size: 15px;
	font-weight: bold;
	width: 399px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	display: block;
	margin: 10px 0px 0px 0px;
}
.sidesectionTitle {
	font-family: "Times New Roman", Times, serif;
	color: #009999;
	font-size: 15px;
	font-weight: bold;
	width: 206px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	display: block;
}

.fullsectionTitle {
	font-family: "Times New Roman", Times, serif;
	color: #009999;
	font-size: 15px;
	font-weight: bold;
	width: 630px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	display: block;
}

.pageSeparator {
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #E0E0E0;
}
.sidebox {
	padding: 3px;
	width: 205px;
	border: 1px solid #CCCCCC;
	background-color: #EFF5F4;
}

.sidebox p {
	padding: 6px;
}

.sideboxCallout {
	padding: 3px;
	width: 95%;
	border: 1px solid #CCCCCC;
	background-color: #EFF5F4;
}


.disclaimer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align : left;
	color: #333333;
	padding: 6px;
}
.linkAlpha  {
	font-family: "Times New Roman", Times, serif;
	color: #009999;
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;

	padding: 6px 3px 6px 3px;
	text-decoration: none;
}



.linkAlpha a:hover {
	color: #a60821;
	padding-bottom: 8px;
	background-color: #E8E8E8;

.contactsLink {
	font-family: "Times New Roman", Times, serif;
	color: #009999;
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
}



.cssPager td
{
	 background-color : #009997;
	 color: #FFFFFF;
	 font-size : large;
	 text-align:center;
     padding-left: 6px;      
     padding-right: 6px;     
}

/* Search Page Pager Styles*/
.cssPager td a
{
     background-color : #009997;
     text-decoration: none;
     color: #FFFFFF;
     font-size : large;
     text-align:center;
     padding-left: 6px;      
     padding-right: 6px;     
}

.pagerOuterTable
{
    border-collapse: collapse;
    border: 1px solid #4d5c93;
    background-color: #029899;
    color: #39437e;
}

.pageCounter
{
    font-family: Tahoma;
    font-size: 10pt;
    color: #ffffff;
    background-color: #39437e;
    text-align: center;
    vertical-align: middle;
}

.pageFirstLast
{
    font-family: Tahoma;
    font-size: 12pt;
    color: #4d5c93;
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;  
    padding: 0px 5px 0px 5px;  
}

.pagePrevNextNumber
{
    font-family: Tahoma;
    font-size: 12pt;
    color: #4d5c93;
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;    
    width: 20px;
    padding: 0px 5px 0px 5px;
}

.pageCurrentNumber
{
    font-family: Tahoma;
    font-size: 12pt;
    color: #4d5c93;
    font-weight: bold;
    background-color: #d6cde2;
    text-align: center;
    vertical-align: middle;    
    width: 20px;
}

.pageGroups
{
    font-family: Tahoma;
    font-size: 10pt;
}

.pagerLink, .pagerLink#hover, .pagerLink#active, .pagerLink#visited
{
    font-family: Tahoma;
    font-size: 10pt;
    color: #4d5c93;
    text-decoration: none; 
      
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */




.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}




.tabcontentstyle{ /*style of tab content container*/
border: 1px solid gray;
width: 300px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}