/*****************************
Company: MMSD
Site Developed by: Integrated New Media
Date: July 10, 2007
Author: Zak Weiland
******************************/

/*****************************
~~~~~~~~~~~~~~ Global ~~~~~~~~
*****************************/

* {
	margin:0;
	padding:0;
}
	
body, html {
	color:#FFF;
	background:#07142a url(/Assets/Images/Layout/BG_HTML.jpg) 0 0 repeat-x;
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;	
	font-size: 86%;
}

table, body, html, p, ul, li, textbox, textarea {
	line-height: 1.4em;
}

img {border:none;}
table td {vertical-align:top;}
.NoDisplay{display:none;}
	
/* ~~~~~~~~~~ HyperLinks ~~~*/

a       { color:#FF9; text-decoration:underline; outline: none; }
a:hover { color:#FFF; }

/* ~~~~~~~~~~~~ Titling ~~~*/

h1, h2, h3, .boldhightlight, .highlight { color:#ff9; }

h1 { font-size:1.6em; margin:0 0 15px 0; }
h2 { font-size:1.6em; margin:10px 0 10px 0; font-weight:lighter; }
h3 { font-size:1.2em; margin:10px 0 10px 0; }

.boldhighlight { /*See Below*/ }
.highlight     { font-size:1.1em; color:#ff9; }
.title		   { font-size:3.6em; color:#FFF; letter-spacing:-2px; }
.big		   { font-size:large; }
.tahoma		   { font-family:Tahoma; }

/* ~~~~~~~~~~ Specifics ~~~*/

searchBox, #treeMenu h1, .oneInTitle, 
#news h2,  #content h2, 
#footerTable h1, #footerTable h3, #topText { font-family:Trebuchet MS; }

p { margin:10px 0 10px 0; }
.clear { clear:both; }
.hidden { visibility:hidden; }
.noDisplay {display:none;}
.floatRight { float:right; margin-right:-2px; }
.floatLeft {float:left;}

ol { margin:10px 0; }
ul { margin:10px 0; }

/*****************************
~~~~~~~~~~~ Container ~~~~~~~~
*****************************/

#container {
width:774px;
height:auto;
background:url(/Assets/Images/Layout/BG_Wrap.jpg) 0 125px no-repeat;
min-height:750px;
margin:0 auto;
}

/*****************************
~~~~~~~~~~~ Header ~~~~~~~~
*****************************/

#header {
width:774px;
height:135px;
}

#logo {
float:left;
position:relative; 
top:25px; left:12px;
height:87px;
width:209px;
}
.PrintLogo{display:none;}

#topNav {
float:right;
position:relative;
top:60px; right:10px;
width:489px;
height:58px;
}

#topText {
color:#FF9; 
float:right;
font-size:1.1em; 
font-weight:bold;
position:relative;
top:33px; right:10px;
}

/*****************************
~~~~~~~~~~~~ Left Col ~~~~~~~~
*****************************/

#leftColumn {
float:left;
width:225px;
height:auto;
padding-left:10px;
padding-bottom:20px;
margin-bottom:-10px;
}

#search {
background:transparent url(/Assets/Images/Layout/BG_Search.gif) 0 0 no-repeat; 
width:214px;
height:44px;
}

.searchBox {
color:#69c;
font-size:1.4em;
border:1px solid #4b76b1;
height:1.3em;
width:140px;
padding:1px 0 0 3px;
}

/*****************************
~~~~~~~~~~~ Right Col ~~~~~~~~
*****************************/

#rightCol {
float:right;	
width:535px;
height:auto;
}

#contWrap {
width:100%; 
height:auto;
}

#splash {
background-repeat: no-repeat; 
background-position:top;
height:180px;	
}
#titleOneCol 
{
height:1.15em;
position:relative;
font-size:2.0em;
color:#FF9;
line-height:1.1em;
margin-top:152px;
}
#titleLeft, #titleRight, .titleOneCol {
height:1.15em;
position:relative;
font-size:2.0em;
color:#FF9;
line-height:1.1em;
padding-bottom:1px;
vertical-align:bottom;
}
.first  { float:left; margin-right:10px; width:290px; background:transparent url(/Assets/Images/Layout/BG_hr.gif) 0 100% repeat-x;}
.second { float:right; margin-right:10px; width:218px; background:transparent url(/Assets/Images/Layout/BG_hr.gif) 0 100% repeat-x;}

#titleLeft  { float:left;  width:290px; top:152px; left:0;}
#titleRight { float:right; width:222px;	top:124px; right:-74px;}

#promo {
float:right;
height:80px; 
width:80px;
position:relative;
top:82px; right:14px;
}

.valignmid td {vertical-align:middle;}
.one {width:110px; text-align:right; padding-right:15px; }

/* News
~~~~~~~~~~~~~~~~~~~~~~~*/
#news {	width:229px; padding-right:10px; }
#news h2, .newsFull h2 { color:#FFF; font-size:1.3em; font-weight:lighter; }
#news h3, .newsFull h3 a, .boldhighlight { color:#FF9; margin-top:8px; }
#news p  { width:295px; }
#news a {text-decoration:none;}

.more  {
float:right;
background:url(/Assets/Images/Layout/BG_NewsLinks.gif) 100% 30% no-repeat; 
padding:0px 12px 10px 0; 
margin-right:10px; 
}
.hr {
clear:both;
height:1.5px;
background:transparent url(/Assets/Images/Layout/BG_hr.gif) 0 50% repeat-x;	 
}
.hr hr {display:none;}

/* Features
~~~~~~~~~~~~~~~~~~~~~~~*/
#feature { width:219px; }
#feature img { padding-top:7px; }

/* ~~~~~~~~~~ Legend ~~~*/

.legend { 
background:#3d5f7a;
border:1px solid #1f3145;
padding:10px;
width:215px;
}

/* ~~~~~~~~~~ Admin Login/Logout ~~~*/

.adminLogout {
position:relative;
width:210px; height:40px;
line-height:45px;
text-align:center;
}

/* ~~~~~~~~~~ Content ~~~*/

#content    {padding:5px 0 0 5px; }
#content_inner {padding:5px 10px 0 5px; width:512px;}
#content ul {margin-left:15px; margin-bottom:20px; }
#content ol {margin-left:35px; margin-bottom:20px; }
#content ul li {
	background:url(/Assets/Images/Layout/BG_NewsLinks.gif) 0 5px no-repeat; 
	list-style:none; 
	padding:0 0 5px 15px; 
}
#content h2 { color:#FFF; font-size:1.4em; margin-bottom:10px; margin-top:0px; font-weight:lighter; }
#content h3 { color:#ff9; font-size:1.0em; font-weight:bold; }

.oneInTitle { color:#FF9; margin:161px 0 25px 10px; }

.yellow { background:#ff9; color:#369; padding:2px 5px; }
.yellowHighlight { color:#ff9; }

.textBox {
border:1px solid #4b76b1;
height:1.5em;
padding:3px 0 0 3px;
color:#369;
margin:2px 0 2px 19px;
}

/*/News.aspx/*/
.newsFull {
border:none; 
width:100%;
}
.newsFull h2 a {margin-top:0; text-decoration:none; color:#fff;}
.newsFull .ImgRow { width:90px; margin-top:15px; float:left; }
.newsFull .summary { width:430px; float:right; margin:15px 0; }
.newsImg { border: 1px solid #ffffff; margin-top:3px; width:75px; height:60px; }

/*/StormUpdate.aspx/*/
.section { clear:both; width:100%; height:auto;}
.sectionLeft { float:left; width:18%; }
.sectionRight { float:right; width:80%; padding-top:10px; }

/*/VendorRegistration.aspx/*/
.vendorReg				{width:95%;}
.vendorResponse			{color:#ff9;}
.vendorResponse ul		{margin-left:20px;}
.vendorRow				{float:left;display:block;width:100%;}
.vendorRow2				{float:left;display:block;width:65%;}
.vendorLbl				{float:left;padding-top:3px;margin:3px;}
.vendorText				{width:320px;float:right;padding:3px;margin:3px;}
.vendorText2			{float:right;padding:3px;margin:3px;}
.vendorList				{text-align:left;}

/*/Form Elements/*/
.formContainer			{width:95%;clear:both;}
.formRow				{float:left;display:block;width:95%;text-align:right;}
.formLbl				{float:left;padding-top:3px;margin:3px;}
.formText				{float:left;padding:3px;margin:3px;color:#369;}
.sContainer				{width:80%;clear:both;}
.sRow					{clear:both;text-align:right;}
.sRow2					{clear:both;text-align:left;width:30%;}
.sRow3					{clear:both;text-align:left;width:60%;}
.sLbl					{clear:both;float:left;padding:2px;margin:3px;}
.sText					{float:right;width:60%;padding:2px;margin:3px;}
.sText2					{float:right;width:40%;padding:2px;margin:3px;}
.sDrop					{float:right;width:61%;height:23px;padding:3px;margin:3px;}
.sList					{text-align:left;clear:both;}
.formCal			    {float:right;background:white;color:Black;}

.pTextBox				{ width:500px; }
.pTextArea				{ width:500px;height:200px; }
#ctl00__mainContent_NewFile { width:400px; }

/*****************************
~~~~~~~~~~~~~~ Footer ~~~~~~~~
*****************************/

#footerWrap {
background:transparent url(/Assets/Images/Layout/BG_Footer.gif) 50% 40% no-repeat;
margin-top:30px;
height:300px;
width:776px;
}

#contactUs {
width:725px;
height:auto;
margin:auto;
margin-top:30px;
}

#contactUs h1 {
color:#FF9;
font-size:2.0em; 
font-weight:lighter; 
border-bottom:1px dotted #485162;
padding-bottom:5px;
padding-top:2px;
width:100%;
}

#contactUs h3 { color:#FF9; margin-top:5px; }
#contactUs p  { margin-bottom:10px; }

.footerOne   { width:193px; }
.footerTwo   { width:258px; padding-left:35px; }
.footerThree { padding-left:35px; }

.footerInput {
color:#aaa;
font-size:1.3em;
background:#4a5464;
border:2px solid #131f34;
padding-left:5px;
padding-top:2px;
margin-bottom:5px; 
height:1.3em;
width:140px;
}

/*Developed by INM Logo*/
.inm-logo{
clear:both;
float:right;
width:136px;height:23px;
background:url(/Assets/Images/Icons/INMLogo.gif) 0 0 no-repeat;
margin-top:25px;
text-indent:-9999px;
}

/*Extras*/
.multimedia_wrap{
background:url(/Assets/Images/Layout/featureBtn_Multimedia.gif) 0 0 no-repeat;
padding-top:46px;
height:auto;width:216px;
margin-top:10px;
}
.multimedia_inner{
background:url(/Assets/Images/Layout/MultimediaInner.gif) 0 0 repeat-y;
overflow:hidden;
width:100%;
text-align:center;
}
.multimedia_foot{
background:url(/Assets/Images/Layout/featureBtn_MultimediaBottom.gif) 0 0 no-repeat;
width:201px; height:25px;
text-align:right;
line-height:25px;
padding-right:15px;
}.multimedia_foot a{text-decoration:none;color:#fff;}

#UpdateProgress1 {
   background-color:#CF4342;
   color:#fff;
   top:0px;
   right:0px;
   position:fixed;
 }

#UpdateProgress1 img {
   vertical-align:middle;
   margin:2px;
 }

.fPasswordPanel tr td table tr td { text-align:left; }

/* Rain gauge data */
.rainData td { border-right:dotted 1px white;border-bottom:dotted 1px white; }