﻿/* new styles to this document */

/*removes borders from linked images*/
img, a   { border-style : none; border-width : 0px;}
img, area { border: 0px;}



/* top right form */
#homeTopRightTwo label {display:none;}

#homeTopRightTwo fieldset {border:0px solid #ccc; background: url(../images/home/home_searchfield.gif) no-repeat left 18px;padding:18px 0 15px 0;}

#homeTopRightTwo input.SearchIt {width:118px; border:0px; padding:2px 2px 0px 10px;margin-top:0px; color:#191919; font-size: 0.7em; background:transparent;display:block;float:left;/*line-height:20px;*/ }

#homeTopRightTwo input.submit { margin: 0px 0 0 2px;display:block;float:left;}

/*water quality search form*/

#water_quality3 label {display:none;}

#water_quality3 fieldset {border:0px solid #000;background: url(../images/home/quality_search_field.gif) no-repeat left top; margin:0 0 0 0px;padding:0 0 0 10px;}

#water_quality3 input.QualitySearch {width:112px; border:0px; margin:5px 0 0 0px;padding:0 0 0 0px; color:#191919; font-size: 0.85em; background:transparent;display:block;float:left; }
#water_quality3 input.submit { margin:0;padding:0;border:0px;display:block;float:left;}
#formnudge{margin-left:20px;float:left;display:inline;}



/* cream bottom right form */
.homeBot fieldset {border:0px solid #ccc;font-size:0.8em;padding:0;margin:0;}
.homeBot label {display:none;}

.homeBot button {background: url(../images/generic/buttonBG.jpg) no-repeat left top;border: 2px solid #fff; font-size:1.0em;font-family:arial;margin:0px !important; padding: 2px 5px 2px 5px !important;color: #FFFFFF ! important; text-decoration: none !important;cursor:pointer;

overflow:auto !important; overflow:visible; width:auto !important;

}

.homeBot button:hover { background: url(../images/generic/buttonBGOrange.jpg) no-repeat left top;}

.bluerButton {background: url(../images/generic/buttonBG.jpg) no-repeat left top;border: 2px solid #fff; font-size:0.8em;font-family:arial;padding: 3px 8px 3px 8px !important;color: #FFFFFF !important; text-decoration: none !important;float:left;display:inline;

overflow:auto !important; overflow:visible; width:auto !important;
}

.bluerButton:hover { background:url(../images/generic/buttonBGOrange.jpg) no-repeat left top;}

.submitBorderCream{padding: 0px !important;margin:0px !important;border-width: 1px;border-style: solid;border-top-color: #f0eedd;border-right-color: #dfddcd;border-bottom-color: #dfddcd;border-left-color: #f0eedd;}

div .submitBorderCream {display:inline;float:left;margin:0px !important;padding:0px !important;

}

/*font stuff*/



#homeTopRightThree p {font-size:0.8em;padding:0}
#homeTopRightThree p a {color:#ffffff;}
#lineIt{color:#89E8E4 ! important;}

.yourAccountLinks { font-size: .8em; text-decoration: none; color:#FFFFFF!important; background:url(../images/home/homeBlueArrorw.gif) no-repeat right 6px; padding: 0 10px 10px 0!important;}

.duck_egg_blue {color:#A5C9DA;font-size:0.75em;}

.homeMediumLink { font-size: 1.2em; text-decoration: none; font-weight:bold;color:#FFFFFF!important; background:url(../images/home/homeBigWhite.gif) no-repeat right 7px; padding: 0 13px 0 0;line-height:1.5em; }
.homeMediumLink:hover { text-decoration: underline; }

/*
#homeMiddle h2 {float:left;display:inline;background: url(../images/home/only_available.gif)
 no-repeat top left;text-indent: -9000px;font-size:0px;width:311px;height:26px;margin:0px;padding:3px 0 3px 0px;}
*/





#homeMiddle p {font-size:0.75em;color:#004a6f;margin:0;padding:0;}
.homeMiddleLink { font-size:1.0em; text-decoration: none; font-weight:bold;color:#FFFFFF!important; background:url(../images/home/homeLittleWhite.gif) no-repeat right 7px; padding: 0 13px 0 0;line-height:1.5em; }



.homeMiddleLink:hover { text-decoration: underline; }
#homeMiddle .title{font-weight:bold;color:#ffffff;font-size:1em;padding-bottom:5px;}
 .big_percent {color:#357390;font-size:3.5em;}
 .big_percent sup {font-size:0.5em;font-weight:bold;vertical-align:top;}
.orange_title_oncream {color:#e04f0f;font-size:1.4em;}
.warning_title_oncream{color:#4A4D3F;font-size:1.4em;}
.homeBottomLink { font-size:1.2em; text-decoration: none; font-weight:bold;color:#007eb4!important; background:url(../images/home/homeBlueCreamArrorw.gif) no-repeat right 5px; padding: 0 13px 0 0;margin:0; }
.homeBottomLinkSmall{ font-size:0.9em; text-decoration: none; font-weight:bold;color:#007eb4!important; background:url(../images/home/homeBlueCreamArrorw.gif) no-repeat right 5px; padding: 0 13px 0 0;margin:0; }
#homeBot_right_smallertxt {font-size:0.9em;}
#homeBot_right_smallertxt a {font-size:1em;}


p .news_link {color:#4a4d3f ! important;text-decoration:underline ! important;}

.howtoHeadline {font-size:1.2em;font-weight:bold;}


/*layout*/
.center{text-align:center;}

/*#homeTop {  background:#336666; background: url(../images/home/top_back.gif) repeat-y top left;margin: 10px 0 0 0;  border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #fff; color:#FFFFFF;float:left;display:inline;}*/
#homeTop {  background:#336666; background-color:#9FBF00;margin: 10px 0 0 0;  border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #fff; color:#FFFFFF;float:left;display:inline;}

/*#homeFlash { width: 572px; min-height:257px;height:auto !important;height:257px; background:#333333; float:left;display:inline; }*/
#homeFlash { width: 572px; height:257px; background:#333333; float:left;display:inline; }

#homeTopRight {  float: left;display:inline; width: 390px; padding:0 0;margin:0;background-color:#006794;}

#blue_box_swoosh{float:left;display:inline; background:url(../images/home/blue_right_swoosh.jpg) no-repeat left bottom;width:390px;}

#homeTopRightOne { width: 180px; min-height:156px;height:auto !important;height:171px; float:left;display:inline; padding: 25px 0 0 20px; border-right-width: 1px; border-right-style: solid; border-right-color: #26688A;}

#homeTopRightOne p {padding:0;margin:0;}

#homeTopRightOneLinks {margin: -5px 0 0 0;}

#homeTopRightTwo { width: 158px; min-height:156px;height:auto !important;height:171px; float:left;display:inline; padding: 25px 14px 0 17px;}

#homeTopRightTwo p {padding:0;margin:0;}

#homeTopRightThree { float:left;display:inline;width: 370px; min-height:66px;height:auto !important;height:66px; padding: 10px 0 0 20px;background: #0f5879 url(../images/home/toy_street.gif) no-repeat right top; }

#homeMiddle { float:left;display:inline;width:962px;background: #9ccae0 url(../images/home/middle_back.gif) no-repeat left top;min-height:145px;height:auto !important;height:145px; }

#homeMiddle_right {float:left;display:inline;width:127px;margin:16px 0 0 0;}

#homeMiddle_middle {float:left;display:inline;width:180px;margin:16px 0 0 16px;padding:0 20px 0 0;}

.weather_graphic{float:right;display:inline;margin:0 0 0 5px;}

#homeMiddle_left{margin:16px 0 0 25px;padding:0 25px 0 0;float:left;display:inline;width:525px;}

.homeBot { background:#f8f6e4; float:left;display:inline;width:962px;min-height:235px;height:auto !important;height:235px;color:#4A4D3F;}
.homeBot p {font-size:0.8em;}
.homeBot_left{margin:16px 10px 0 25px;padding:0 40px 0 0;float:left;display:inline;width:540px;}
.homeBot_right{float:left;display:inline;margin:16px 0 0 0;padding:0 0px 0 0;width:320px;}
.lineRule hr {display:none;}
.lineRule {border-bottom:1px solid #D5D4C3;height:1px;margin: 10px 0px 15px 0px;}

.news_box {width:275px;float:left;display:inline;padding:16px 10px 0 25px;}
.news_box p {padding:0;margin:0;}
.dateEm{padding:0 0 10px 0;margin:0;display:block;font-size:0.9em;}
.newsfirst_para{font-size:1.1em;}

#water_quality1 {width:400px;float:left;display:inline;padding:16px 0 0 0;}
#water_quality2 {width:251px;float:left;display:inline;padding:16px 15px 0 15px;}
#water_quality3 {width:256px;float:left;display:inline;padding:16px 10px 0 15px;}

#water_quality2 img {float:left;margin:0 7px 0 0;}
.qualitystar{float:left;display:inline;margin:0 5px 0 0;}

.homeBot_left ol {padding-left:1.6em; margin:0 0 10px 0;}
.homeBot_left ol li {font-size:0.8em;}

.vidboxPos{position:relative;}
.vidbox {float:left;display:inline;margin-right:20px;}

.listFixer{margin:0;padding:0;display:inline;float:left;width:300px;}

/* tabs */


#homeTabs {float:left;display:inline; min-height:29px;height:auto !important;height:29px;background-color:#9ccae0;padding-left:20px;width:942px;}

.homeTabsBlueBG {background:#7eb3cd url(../images/tabs/homeblueOutL.gif) no-repeat left top; float: left; padding: 0 0 0 13px; height: 29px}

.homeTabsBlueBG div  {background:#7eb3cd url(../images/tabs/homeblueOutR.gif) no-repeat right top; padding: 0 13px 0 0; height: 29px ;float: left;}

#homeTabs .homeTabsBlueBG div a {font-weight:bold;color:#E5F0F5;line-height:1.7em;font-size:1em;text-decoration:none;}

#homeTabs .homeTabsBlueBG div a:hover{color:#e04f0f;text-decoration:none;}

#homeTabs .homeTabsBlueBGIn div a {font-weight:bold;color:#4a4d3f;line-height:1.9em;font-size:1em;}
#homeTabs .homeTabsBlueBGIn div a:hover {color:#e04f0f;text-decoration:none;}

.homeTabsBlueBGIn {background:#f8f6e4 url(../images/tabs/homecreamInL.gif) no-repeat left top; float: left; padding: 0 0 0 13px; height: 29px}
.homeTabsBlueBGIn div  {background:#f8f6e4 url(../images/tabs/homecreamInR.gif) no-repeat right top; padding: 0 13px 0 0; height: 29px; float: left;}

.tabstar{float:left;display:inline;margin:5px 5px 0 0;}



/*polaroid effect for images*/

.ImageBorderCream {padding: 4px;background:#FFFFFF;border-width: 1px;border-style: solid;border-top-color: #edebda;border-right-color: #d6d4c5;border-bottom-color: #d6d4c5;border-left-color: #edebda;}
div .ImageBorderCream {display:inline;float:left;margin-right:10px;}
.image_right .ImageBorderCream {float:right;display:inline;margin-left:10px;}

/*video icon overlay for images*/

.vidLay {position:relative;
z-index:1;padding: 4px;background:#FFFFFF;border-width: 1px;border-style: solid;border-top-color: #edebda;border-right-color: #d6d4c5;border-bottom-color: #d6d4c5;border-left-color: #edebda;}
.vidIcon{display:block;position:absolute;z-index:2;left:-3px;top:-3px;}

/* dark site panels */

.warning{float:left;display:inline;background: url(../images/home/ds_flood_warning.gif)
 no-repeat top left;text-indent: -9000px;font-size:0px;width:180px;height:257px;margin:0px;padding:0px;}

.warningBack{width: 572px; min-height:257px;height:auto !important;height:257px; background:#333333; float:left;display:inline;background: url(../images/home/warning_plate_back.gif) repeat-y top left;}

.warning_right {float:left;display:inline;width:362px;background-color:#333333;padding:15px 15px 5px 15px;min-height:227px;height:auto !important;height:227px;}

.warning_right p {margin:0;padding:0;}

#floodTitle {float:left;display:inline;background: url(../images/home/ds_flooding_title2.gif) no-repeat top left;text-indent: -9000px;font-size:0px;width:138px;height:38px;margin:16px 0 2px 0;padding:0px;}

#furtherInfoTitle{float:left;display:inline;background: url(../images/home/ds_furtherinfo_title.gif) no-repeat top left;text-indent: -9000px;font-size:0px;width:139px;height:14px;margin:22px 0 3px 0;padding:0;}

#orange_warningbox{background-color:#e04f0f;float:left;display:inline;width:342px;padding:10px 10px 10px 10px;}

#orange_warningbox a{color:#ffffff;padding: 0 10px 0 0;font-size:0.8em;margin:0;line-height:0.9em;} 
#orange_warningbox p{background-color:#c14610;padding:4px 5px 4px 5px;margin:0 0 3px 0;line-height:0.9em;}

.orange_holderL{float:left;display:inline;width:166px;padding:0 5px 0 0;}
.orange_holderR{float:left;display:inline;width:166px;padding:0 0 0 5px;}


.attention{float:left;display:inline;background: url(../images/home/ds_attention.gif)
 no-repeat top left;text-indent: -9000px;font-size:0px;width:180px;height:253px;margin:0px;padding:0px;}

.caution{float:left;display:inline;background: url(../images/home/ds_caution.gif)
 no-repeat top left;text-indent: -9000px;font-size:0px;width:180px;height:253px;margin:0px;padding:0px;}
 
.importantInfo{float:left;display:inline;background: url(../images/home/ds_generic_warning.gif)
 no-repeat top left;text-indent: -9000px;font-size:0px;width:180px;height:253px;margin:0px;padding:0px;}

#nowaterTitle {float:left;display:inline;background: url(../images/home/ds_nowater_title2.gif) no-repeat top left;text-indent: -9000px;font-size:0px;width:149px;height:28px;margin:16px 0 2px 0;padding:0px;}

#poorWater {float:left;display:inline;background: url(../images/home/ds_poorwater_title.gif) no-repeat top left;text-indent: -9000px;font-size:0px;width:300px;height:36px;margin:18px 0 0px 0;padding:0px;}

#importantInfoTitle {float:left;display:inline;background: url(../images/home/ds_generic_title.gif) no-repeat top left;text-indent: -9000px;font-size:0px;width:300px;height:36px;margin:18px 0 0px 0;padding:0px;}

#furtherInfoTitlePoorWater{float:left;display:inline;background: url(../images/home/ds_furtherinfo_title.gif) no-repeat top left;text-indent: -9000px;font-size:0px;width:139px;height:14px;margin:14px 0 3px 0;padding:0;}




/* CMS Changes */

#homeMiddle h2 {margin:-2px 0px 6px 0px;padding:0px; color:#004A6F;font-weight:bold;font-size:1.5em;}
#homeMiddle a { font-size:1.1em; text-decoration: none; font-weight:bold;color:#FFFFFF!important; background:url(../images/home/homeLittleWhite.gif) no-repeat right 6px; padding: 0 13px 0 0;line-height:1.5em; }
#homeMiddle a:hover { text-decoration:underline; }

