/* CSS Document */


  #thousand { position:relative;top:5px; width: 1000px; background-color: #033968; margin-left:auto; margin-right:auto; }
  #side_pane {position:absolute;top:40px; bottom:30px;left:5px; width:230px; padding: 5px; background: url(../images/menu_gradient.png) repeat-x; background-color: White;}

  .title	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#ffffff;
	font-weight:bold;
}

  .description	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
}


A:link
{
    COLOR: #0033cc;
    TEXT-DECORATION: none
}
A:visited
{
    COLOR: #0033cc;
    TEXT-DECORATION: none
}
A:active
{
    TEXT-DECORATION: none
}
A:hover
{
    TEXT-DECORATION: underline
}

body	
{
    font-size:12px; 
    font-family:Arial, Helvetica, sans-serif;
	background-color:#033968;
	margin:0px;
}

#OuterWrapper	{ 
	background-color:#FFFFFF;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
	
#HeaderImageWrapper	{ 
	height:76px;
	width:1000px;
	background-color:#033968;
}

#Left5pxSpacer	{
	width:5px;
	float:left;
}

#Right5pxSpacer	{
	width:5px;
	float:right;
}
	
#MenuBar	{ 
	width:1000px;
	height:39px;
	margin:0px;
	padding:0px;
	clear:both;
	background-image:url(images/button_gradient.png);
	background-repeat:repeat-x;
}

#MenuBarFull	{ 
	width:100%;
	height:39px;
	margin:0px;
	padding:0px;
	clear:both;
	background-image:url(images/button_gradient.png);
	background-repeat:repeat-x;
}

.header { border-bottom-style: solid;
           border-bottom-width: 2px;
            border-bottom-color:#de9611;
            background-color:#033968;
            position: relative;
            font-size: 11px;
            font-weight: bold;
            color:White;
            top: expression(this.offsetParent.scrollTop-3); /*this works fine with IE only, but FireFox seems to be ignoring this*/ 
        }

#FeatureWrapper	{
	width:990px;
	height:300px;
	background-color:#FFFFFF;
	clear:both;
	margin:0px;
	padding:0px;
}

#FeatureMain	{
	width:530px;
	height:300px;
	background-color:#000000;
	float:left;
}

#video_desc_control_wrapper	{
	background-color:#033968;
}

#FeatureDescription	{
	width:400px;
	height:200px;
	color:#FFFFFF;
	background-color:#033968;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	float:left;
	padding-top:25px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
}

#FeatureControls	{
	width:460px;
	height:40px;
	background-color:#033968;
	float:left;
	text-align:center;
	padding-bottom:15px;
}

	
#BodyContent3ColHome	{ 
	background-color:#FFFFFF;
	width:990px;
	float:left;
	background-image:url(images/gradient_3col_homepage.png);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	min-height:600px;
}

#BodyContent3ColSub	{ 
	background-color:#FFFFFF;
	width:990px;
	float:left;
	background-image:url(images/gradient_3col_subpages.png);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	min-height:600px;
}

#BodyContent2ColSub	{ 
	background-color:#FFFFFF;
	width:990px;
	float:left;
	background-image:url(images/gradient_2col_subpages.png);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	min-height:600px;
}

#BodyContent1ColSub	{ 
	background-color:#FFFFFF;
	width:990px;
	float:left;
	margin:0px;
	padding:0px;
	min-height:600px;
}

#EditBar	{ 
	color:#FFFFFF;
	text-align:right;
	background-image:url(images/footer_gradient.png);
	background-repeat:repeat-y;
	height:24px;
	width:1000px;
	clear:both;
	padding-right:0px;
}

#Footer	{ 
	height:33px;
	width:1000px;
	clear:both;
	background-color:#033968;
	text-align:center;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#AlertBanner	{
	background-color:#FF0000;
	color:#FFFFFF;
	width:984px;
	text-align:center;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.HomepageOmniColHeadingsRiversLakes	{
	background-image:url(images/homepage_omni_col_headings_90px.png);
	background-repeat:repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

.HomepageOmniColHeadingsCurWeather	{
	background-image:url(images/homepage_omni_col_headings_125px.png);
	background-repeat:repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

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

.HomepageOmniHeadlines	{
	background-image:url(images/homepage_omni_headline_gradient.png);
	background-repeat:repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#033968;
	text-align:left;
}

.HomepageNewsHeadlines	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#033968;
	font-weight:bold;
}

.HomepageColumnHeadings	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#999999;
}

.HeadingWhite	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#ffffff;	
}

.SerifFont	{
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
}

#HomepageOmniContent	{
	width:220px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #e6ebf1;
}

#HomepageOmniWrapper	{
	width:100%;
}

#HomepagePromoWrapper	{
	width:100%;
}

#SubpagePromoWrapper	{
	width:100%;
}

#Top5NewsStoriesWrapper	{
	width:100%;
}

#NavAbout	{
	float:left;
}

#NavEnergy	{
	float:left;
}

#NavWater	{
	float:left;
}
#logo	{
	float:left;
}
#NavParks	{
	float:left;
}

#NavJobs	{
	float:left;
}

#NavContactUs	{
	float:left;
}

#NavDivider	{
	float:left;
}

#SearchBoxWrapper	{
	float:right;
	height:39px;
	width:250px;
}

#SearchBox	{
	text-align:right;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:39px;
	line-height:39px;
}

.NavButtons	{
	background-image:url(images/button_gradient.png);
	background-repeat:repeat-x;
}

.SearchInput	{
	background-image:url(images/searchbox_background.png);
	background-repeat:no-repeat;
}

#Top5NewsStories	{
	width:210px;
	background:#FFF;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #e6ebf1;
}

a.WhiteLinks:link { color:#FFFFFF; text-decoration:none; }
a.WhiteLinks:visited { color:#FFFFFF; text-decoration:none; }
a.WhiteLinks:hover { color:#FFFFFF; text-decoration:underline; }
a.WhiteLinks:active { color:#FFFFFF; text-decoration:none; }

a.BlueLinks:link { color:#044885; text-decoration:none; }
a.BlueLinks:visited { color:#044885; text-decoration:none; }
a.BlueLinks:hover { color:#044885; text-decoration:underline; }
a.BlueLinks:active { color:#044885; text-decoration:none; }

.FeatureImageButtons	{
	border-color:#FFF;
}

#SubpagePromoHeader	{
	width:180px;
	margin-left:auto;
	margin-right:auto;
	padding:5px 5px 0px 5px;
	font-weight:bold;
}

#SubpagePromoBody	{
	width:180px;
	margin-left:auto;
	margin-right:auto;
	padding:5px 5px 0px 5px;
}

/* Elements from base css */

.no-records
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

.smallcaps
{
    FONT-SIZE: smaller;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}
.smallcaps A
{
    FONT-SIZE: 10px;
    COLOR: #0033cc;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}

.headings
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #1f2c52;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
     
}

.tooltip {
		TEXT-ALIGN: left;
		FONT-FAMILY: "Arial";
		FONT-SIZE: 12px;
		WIDTH: 200px;
		COLOR: #000000;
		OPACITY: .80;
		-MOZ-OPACITY: .80;
		FILTER: alpha(opacity=80);
		PADDING: 5px;
		DISPLAY: block;
		BORDER: 1px solid #000000;
		BACKGROUND: #fff;
		POSITION: absolute;
}


DIV.infoDivMain 
{
      position:absolute;
      z-index:1000;                       
      visibility:hidden;
      top: 0px;
      right:0px;

		TEXT-ALIGN: left;
		FONT-WEIGHT:normal;
		FONT-FAMILY: "Arial";
		FONT-SIZE: 12px;
		WIDTH: 250px;
		COLOR: #000000;
		PADDING: 5px;
		BORDER: 1px solid #000000;
		BACKGROUND: #fff;		
}

DIV.infoDiv 
{
      position:absolute;
      z-index:1000;                       
      visibility:hidden;
      top: 125px;
		TEXT-ALIGN: left; 
		left:40%;
		FONT-WEIGHT:normal;
		FONT-FAMILY: "Arial";
		FONT-SIZE: 12px;
		WIDTH: 250px;
		COLOR: #000000;
		PADDING: 5px;
		BORDER: 1px solid #000000;
		BACKGROUND: #fff;		
}

.layers
{
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
    COLOR: #58595b;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    vertical-align:text-top;
    
}

DIV.LabeledMarker_markerLabel  { COLOR: #000; BACKGROUND-COLOR: #ffffff; padding: 0px 2px 0px 2px; border: 1px solid #6d6e71; border-bottom: 2px solid #000000; border-right:2px solid #000000; font-weight:bold; font-size: 10px; font-family:Verdana;}

DIV.markerTooltip {
		TEXT-ALIGN: left;
		FONT-WEIGHT: bold;
		FONT-FAMILY: "Arial";
		FONT-SIZE: 10px;
		WIDTH: 150px;
		COLOR: #000000;
		OPACITY: .95;
		-MOZ-OPACITY: .95;
		FILTER: alpha(opacity=95);
		PADDING: 5px;
		DISPLAY: block;
		BORDER: 1px solid #000000;
		BACKGROUND: #fff;
}   

DIV.tocTooltip 
{

      position:absolute;
      z-index:1000;                       
      visibility:hidden;
      top: 80px;
      left: 333px;
		TEXT-ALIGN: left;
		FONT-WEIGHT:normal;
		FONT-FAMILY: "Arial";
		FONT-SIZE: 12px;
		WIDTH: 250px;
		COLOR: #000000;
		PADDING: 5px;
		BORDER: 1px solid #000000;
		BACKGROUND: #fff;
}

.content-subhead	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#033968;
	font-weight:bold;
}

.login
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
     
}

.specialhead
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color: #dcdcdc;
    text-align:center;    
}

.special
{
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align:center;
    vertical-align:top;    
}