/*---------------------------------------
Basic Style Sheet

Author: 	Paul Hetherington
Email:		p.hetherington@brahm.com
Website:	http://www.brahm.com
---------------------------------------*/

/* Import styles
---------------------------------------*/
@import url("layout.css");
@import url("typography.css");

/* Global
---------------------------------------*/
body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    text-align: center;
    min-width: 810px;
    color: #4A4D3F;
}

a:link, a:visited
{
    text-decoration: none;
    color: #00A2E2;
}
a:hover, a:active
{
    text-decoration: underline;
}

*
{
    margin: 0;
    padding: 0;
}

p
{
    padding-bottom: 10px;
}


/* New home page
 ***************************************************************/
.HomePage-LeftColumn
{
    float: left;
    width: 600px;
    padding: 20px 0 0 0;
}

.HomePage-RightColumn
{
    float: right;
    width: 325px;
    padding: 20px 0 0 0;
}

a.Grey-Arrow-Right, .Grey-Arrow-Right
{
    float: left;
    margin: 0 0 10px 0;
    padding: 0 13px 0 0 !important;
    background: no-repeat right 7px url(../images/home/grey-arrow.gif);
    font-weight: normal !important;
    text-decoration: none;
    color: #4a4d3f !important;
}

.Grey-Arrow-Right a:link, .Grey-Arrow-Right a:visited, .Grey-Arrow-Right a
{
    color: #4a4d3f !important;
}

a.Grey-Arrow-Right:hover
{
    text-decoration: underline;
}

a.Small-White-Arrow, .Small-White-Arrow
{
    padding: 0 10px 0 0;
    background: no-repeat right 5px url(../images/home/white-arrow.gif);
    font-size: 0.75em;
    line-height: 0.9em;
    color: #fff;
}

.Small-White-Arrow a
{
    color: #fff;
}

.Large-White
{
    font-family: Tahoma;
    font-size: 1.5em;
    color: #fff;
}

a.Small-Grey, .Small-Grey
{
    font-size: 0.8em;
    color: #a4a69f;
}

a.Small-Blue, .Small-Blue
{
    font-size: 0.8em;
    color: #00a1e1;
}

.Dark-Blue
{
    font-size: 1.1em;
    color: #00466c;
}

/* Help agent
 ***************************************************************/
.HelpAgent
{
    position: relative;
    width: 303px;
    margin: 0 0 20px 0;
}

.HelpAgent-Active
{
    margin: 0 0 32px 0;
    padding: 0 10px 6px 10px;
    background: no-repeat left bottom url(../images/home/help-agent-background.jpg);
    border-bottom: solid 1px #e5e5e5;
}

.HelpAgent .Title
{
    display: none;
}
.HelpAgent-Active .Title
{
    display: block;
}

.HelpAgent .Title-Arrow
{
    float: left;
    margin: 0 0 10px 0;
    padding: 0 13px 0 0 !important;
    background: no-repeat right 9px url(../images/home/grey-arrow.gif);
    font-weight: normal !important;
    color: #4a4d3f !important;
    cursor: pointer;
}

.HelpAgent .ContactUs
{
    float: left;
    margin: 0 0 10px 0;
    padding: 0 13px 0 0 !important;
    background: no-repeat right 9px url(../images/home/grey-arrow.gif);
    font-size: 1.2em;
    font-weight: normal !important;
    color: #4a4d3f !important;
}

.HelpAgent-Active .ContactUs
{
    float: right;
    padding: 0 !important;
    background: none;
    font-size: 0.75em;
    color: #00A2E2 !important;
}

.HelpAgent .TextBox
{
    width: 200px;
    padding: 3px;
    border: solid 1px #99c5aa;
}

.Popup-Container .redButton
{
    background: url(../images/generic/buttonBGRed.png) no-repeat right top;
    border: 2px solid #fff;
    padding: 3px 8px 3px 8px;
    color: #FFFFFF !important;
    clear: both;
    text-decoration: none !important;
    font-size: .9em !important;
    line-height: 4.3em;
}

.Popup-Container .redButton:hover
{
    border: 2px solid #88110D;
}

.Popup-Container .blackButton
{
    background:none;
    border: 2px solid #fff;
    padding: 3px 8px 3px 8px;
    color: #FFFFFF !important;
    clear: both;
    text-decoration: none !important;
    font-size: .9em !important;
    line-height: 4.3em;
}

.Popup-Container .blackButton:hover
{
    border: 2px solid #999999;
    color:#999999;
}


.Popup-Container .orangeButton
{
    background: url(../images/generic/buttonBGOrange.jpg) no-repeat left top;
    border: 2px solid #fff;
    padding: 3px 8px 3px 8px;
    color: #FFFFFF !important;
    clear: both;
    text-decoration: none !important;
    font-size: .9em !important;
    line-height: 4.3em;
    
}

.HelpAgent .orangeButton
{
    background: url(../images/generic/buttonBGOrange.jpg) no-repeat left top;
    border: 2px solid #fff;
    padding: 3px 8px 3px 8px;
    color: #FFFFFF !important;
    clear: both;
    text-decoration: none !important;
    font-size: .9em;
    line-height: 4.3em;
}

.Popup-Container .orangeButton:hover
.HelpAgent .orangeButton:hover
{
    border: 2px solid #FF9D53;
}

.HelpAgent .PopularQuestions
{
    width: 200px;
}

.HelpAgent .PopularQuestions h4
{
    margin: 0 0 4px 0;
    font-size: 0.9em;
    font-weight: normal;
    color: #4a4d3f;
}

.HelpAgent .PopularQuestions ul
{
    padding: 0 !important;
    list-style: none;
}

.HelpAgent .PopularQuestions li
{
    margin: 0 0 4px 0;
    font-size: 0.7em;
}

.HelpAgent .PopularQuestions a
{
    text-decoration: none;
    color: #00a2e2 !important;
}

.HelpAgent .PopularQuestions a:hover
{
    text-decoration: underline;
}

/* Help agent - sidebar adjustments
 ***************************************************************/
.HelpAgent-SideBar
{
    width: 177px;
    margin: 12px 0 30px 0;
    padding: 0;
}

.HelpAgent-SideBar .Title-Arrow
{
    background-position: right 25px;
    font-size: 1em !important;
}

.HelpAgent-SideBar .HelpAgent-Inner
{
    padding: 167px 10px 25px 10px;
    background: no-repeat top left url(../images/home/help-agent-sidebar-background.jpg) #f6fcf8;
    clear: both;
}

* html .HelpAgent-SideBar .HelpAgent-Inner
{
    padding: 84px 10px 25px 10px;
}

.HelpAgent-SideBar .TextBox
{
    width: 146px;
}

.HelpAgent-SideBar .PopularQuestions
{
    width: auto;
}

.HelpAgent-SideBar .PopularQuestions h4
{
    font-size: 0.75em;
}

.HelpAgent-SideBar .PopularQuestions ul
{
    border-bottom: none !important;
}

.HelpAgent-SideBar .PopularQuestions li
{
    margin: 0 0 7px 0;
    padding: 0 !important;
    font-size: 0.85em !important;
}

/* How To Guides
 ***************************************************************/
.HowToGuides
{
    margin: 0 0 30px 0;
}

.HowToGuides .Title
{
    float: left;
    margin: 0 0 10px 0;
    padding: 0 13px 0 0 !important;
    background: no-repeat right 9px url(../images/home/grey-arrow.gif);
    font-weight: normal !important;
    margin-bottom: 10px;
}

.HowToGuides .Title a
{
    color: #4a4d3f !important;
}

.HowToGuides div
{
    font-size: 0.8em;
    color: #009fdf;
}

/* Latest incients
 ***************************************************************/
.LatestIncidents
{
    width: 560px;
    margin: 0 0 45px 0;
    padding: 20px;
    background: #f1faf5;
}

.LatestIncidents h3
{
    margin: 0 0 10px 0;
    font-weight: normal;
}

.LatestIncidents .Incident, .LatestIncidents .Walk
{
    position: relative;
    margin: 20px 0 0 0;
    padding: 0 160px 20px 146px;
    background: no-repeat -20px bottom url(../images/home/incidents-hr.png);
}

.LatestIncidents .Walk
{
    padding: 0 160px 20px 0;
}

.LatestIncidents .Last
{
    background: none;
}

.LatestIncidents .Incident .GoogleMap
{
    position: absolute;
    top: 0;
    left: 0;
    border: solid 1px #fff;
    overflow: hidden;
}

* html .LatestIncidents .Incident .GoogleMap
{
    left: -146px;
}

.LatestIncidents .Incident .Fault
{
    padding-bottom: 15px;
    font-size: 0.8em;
}

.LatestIncidents .Incident .AffectedArea, .LatestIncidents .Incident .TimeOfIncident
{
    font-size: 0.8em;
    color: #07557e;
}

.LatestIncidents .Incident .AffectedArea
{
    padding-bottom: 3px;
    font-weight: bold;
}

.LatestIncidents .Walk .Walk-Info, .LatestIncidents .Incident .Description
{
    font-size: 0.7em;
}

.LatestIncidents .Incident .ReadMore
{
    font-size: 0.7em;
    text-decoration: none;
    color: #00a1e1;
}

.LatestIncidents .Incident .ReadMore:hover
{
    text-decoration: underline;
}

.LatestIncidents .Status
{
    position: absolute;
    top: 0;
    right: 0;
    width: 124px;
    padding: 13px 0 0 0;
    background: no-repeat url(../images/home/status-box-top.gif) #e7f4ed;
}

* html .LatestIncidents .Status
{
    right: 20px;
}

.LatestIncidents .Status-Inner
{
    width: 100px;
    padding: 0 12px 32px 12px;
    background: no-repeat left bottom url(../images/home/status-box-bottom.gif);
}

.LatestIncidents .Status .Status-Text
{
    font-size: 0.7em;
    color: #07557e;
}

.LatestIncidents .Status .LastUpdated, .LatestIncidents .Walk .Status
{
    font-size: 0.7em;
    color: #07557e;
}

.LatestIncidents .SearchForMore
{
    padding: 0 9px 0 0;
    background: no-repeat right 5px url(../images/home/small-blue-arrow.gif);
    font-size: 0.75em;
    color: #07557e;
}

.LatestIncidents .CMSMessage
{
    display: block;
    margin: 10px 0 0 0;
    padding: 3px;
    background: #07557e;
    font-size: 0.7em;
    color: #fff;
}

/* Local Area
 ***************************************************************/
.LocalArea
{
    position: relative;
    background: #a9cfb8;
}

.LocalArea .LocalArea-Inner
{
    height: 96px;
    padding: 0 0 0 20px;
    background: no-repeat left bottom url(../images/home/incidents-hr-on-green.png);
}

.LocalArea .LocalArea-Inner h2
{
    padding: 6px 0 6px 0;
    font-size: 1.1em;
    font-weight: normal;
}

.LocalArea .LocalArea-Inner .Form
{
    float: left;
    width: 286px;
    background: no-repeat right center url(../images/home/vertical-divider.gif);
    margin:0 0 7px 0;
}

.LocalArea .TextBox
{
    float: left;
    width: 194px;
    margin: 0 5px 0 0;
    padding: 4px 7px;
    border: solid 1px #99c5aa;
}

.LocalArea .Submit
{
    margin: 2px 0 0 0;
}

.LocalArea .LocalArea-Inner .SearchByTopic
{
    float: left;
    display: block;
    width: 116px;
    height: 23px;
    margin: 2px 0 0 20px;
    background: no-repeat url(../images/home/search-by-topic.png);
    text-indent: -10000px;
    overflow: hidden;
}

.LocalArea .LocalArea-Inner .SearchByTopic-Expanded, .LocalArea .LocalArea-Inner .SearchByTopic:hover
{
    background-position: 0 -23px;
}

.LocalArea .LocalArea-Inner .ReservoirLevels
{
    float: right;
    width: 133px;
    height: 91px;
    padding: 5px 5px 0 0;
    background: no-repeat right 24px url(../images/home/reservoir.png);
}
/*
*:first-child+html .LocalArea .LocalArea-Inner .ReservoirLevels { height: 91px; padding: 5px 5px 0 0; }
* html .LocalArea .LocalArea-Inner .ReservoirLevels { height: 91px; padding: 5px 5px 0 0; }
*/
.LocalArea .Filters
{
    position: relative;
}

.LocalArea .Filters .FiltersInner
{
    position: relative;
    width: 570px;
    padding: 20px 15px;
}

.LocalArea .Filters .SelectATopic
{
    position: absolute;
    top: 20px;
    left: 15px;
    font-size: 0.8em;
    font-weight: bold;
    color: #fff;
}

.LocalArea .Filters .FilterList
{
    float: left;
    margin: 0 0 0 125px;
}

* html .LocalArea .Filters .FilterList
{
    margin: 0 0 0 62px;
}

.LocalArea .Filters li
{
    position: relative;
    float: left;
    width: 167px;
    margin: 0 0 12px 0;
    padding: 0 20px 0 25px;
    list-style: none;
}

.LocalArea .Filters li .RadioButton
{
    position: absolute;
    top: 0;
    left: 0;
}

.LocalArea .Filters .Label
{
    display: block;
    font-size: 0.7em;
}

.LocalArea .Filters .Label strong
{
    font-size: 1.2em;
}

.LocalArea .Filters .FilterForm
{
    margin: 0 0 0 125px;
}

/* Social media icons
 ***************************************************************/
.SocialMedia
{
    margin: 0 0 13px 0;
    padding: 0 0 0 20px;
}

.SocialMedia h3
{
    margin: 0 0 13px 0;
    font-size: 1.05em;
    font-weight: normal;
}

.SocialMedia ul
{
    margin: 0;
    padding: 0;
}

.SocialMedia li
{
    float: left;
    height: 34px;
    font-size: 0.8em;
    list-style: none;
}

.SocialMedia li a
{
    float: left;
    display: block;
    height: 34px;
    padding: 0 20px 0 37px;
    background: no-repeat top left url(../images/home/social-media-icons.png);
}

.SocialMedia li.MailingList a
{
}

.SocialMedia li.Twitter a
{
    height: 24px;
    padding: 10px 20px 0 37px;
    background-position: left -34px;
}

.SocialMedia li.Facebook a
{
    height: 24px;
    padding: 10px 20px 0 37px;
    background-position: left -68px;
}

.SocialMedia li.YouTube a
{
    height: 24px;
    padding: 10px 20px 0 37px;
    background-position: left -136px;
}

.SocialMedia li.Flickr a
{
    height: 24px;
    padding: 10px 20px 0 37px;
    background-position: left -102px;
}

/* Strategic Slideshow
 ***************************************************************/
.StrategicSlideshow
{
    position: relative;
    width: 600px;
    height: 277px;
    margin: 0 0 25px 0;
    background: url(../images/home/slideshow-background.jpg);
}

/* Controls */
.StrategicSlideshow .Controls
{
    position: absolute;
    top: 0;
    right: 0;
    width: 151px;
    height: 277px;
    background: no-repeat url(../images/home/slideshow-buttons.jpg);
}

.StrategicSlideshow .Controls a
{
    display: block;
    width: 125px;
    height: 40px;
    padding: 15px 10px 0 16px;
    background: no-repeat url(../images/home/slideshow-buttons.jpg);
    font-size: 0.7em;
    color: #c2e4f2;
}

.StrategicSlideshow .Controls a:hover
{
    text-decoration: none;
    color: #fff;
}

.StrategicSlideshow .Controls a.LinkOne
{
    height: 41px;
    background-position: 0 0;
}
.StrategicSlideshow .Controls a.LinkOne-Selected, .StrategicSlideshow .Controls a.LinkOne:hover
{
    background-position: -151px 0;
}

.StrategicSlideshow .Controls a.LinkTwo
{
    background-position: 0 -56px;
}
.StrategicSlideshow .Controls a.LinkTwo-Selected, .StrategicSlideshow .Controls a.LinkTwo:hover
{
    background-position: -151px -56px;
}

.StrategicSlideshow .Controls a.LinkThree
{
    background-position: 0 -111px;
}
.StrategicSlideshow .Controls a.LinkThree-Selected, .StrategicSlideshow .Controls a.LinkThree:hover
{
    background-position: -151px -111px;
}

.StrategicSlideshow .Controls a.LinkFour
{
    background-position: 0 -166px;
}
.StrategicSlideshow .Controls a.LinkFour-Selected, .StrategicSlideshow .Controls a.LinkFour:hover
{
    background-position: -151px -166px;
}

.StrategicSlideshow .Controls a.LinkFive
{
    height: 41px;
    background-position: 0 -221px;
}
.StrategicSlideshow .Controls a.LinkFive-Selected, .StrategicSlideshow .Controls a.LinkFive:hover
{
    background-position: -151px -221px;
}

/* Slides */
.StrategicSlideshow .Viewport
{
    position: relative;
    width: 448px;
    height: 277px;
    overflow: hidden;
}

.StrategicSlideshow .Viewport .Slides
{
    position: absolute;
    top: 0;
    left: 0;
    width: 10000px;
    height: 277px;
}

.StrategicSlideshow .Viewport .Slide
{
    position: relative;
    float: left;
    width: 448px;
    height: 277px;
}

.StrategicSlideshow .Viewport .Slide img
{
    width: 448px;
    height: 277px;
}

.StrategicSlideshow .Viewport .Slide .Overlay
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 448px;
    height: 75px;
}

.StrategicSlideshow .Viewport .Slide .Overlay .Overlay-Background
{
    position: absolute;
    top: 0;
    left: 0;
    width: 448px;
    height: 75px;
    background: #0c74a7;
}

.StrategicSlideshow .Viewport .Slide .Overlay .Overlay-Content
{
    position: absolute;
    top: 0;
    left: 0;
    width: 408px;
    height: 65px;
    padding: 10px 20px 0 20px;
}

.StrategicSlideshow .Viewport .Slide .Overlay .Overlay-Content h3
{
    margin: 0 0 10px 0;
    font-size: 1.2em;
    font-weight: normal;
    color: #fff;
}

.StrategicSlideshow .Viewport .Slide .Overlay .Overlay-Content p
{
    margin: 0 125px 0 0;
    font-size: 0.75em;
    color: #fff;
}

.StrategicSlideshow .Viewport .Slide .Overlay .Overlay-Content .FindOutMore
{
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: block;
    width: 106px;
    height: 25px;
    background: no-repeat url(../images/home/find-our-more.png);
    overflow: hidden;
    text-indent: -10000px;
}

.StrategicSlideshow .Viewport .Slide .Overlay .Overlay-Content .FindOutMore:hover
{
    background-position: 0 -25px;
}

.StrategicSlideshow .Viewport .Slide .ie6-flash-error
{
    padding: 50px 50px 0 50px;
}
.StrategicSlideshow .Viewport .Slide .ie6-flash-error p
{
    font-size: 0.8em;
    color: #fff;
}
.StrategicSlideshow .Viewport .Slide .ie6-flash-error p a
{
    font-weight: bold;
    text-decoration: none;
    color: #fff;
}
.StrategicSlideshow .Viewport .Slide .ie6-flash-error p a:hover
{
    text-decoration: underline;
}

* html .StrategicSlideshow .Viewport .Slide .Overlay .Overlay-Content .FindOutMore
{
    background: no-repeat url(../images/home/find-our-more.gif);
}

/* Dark site */
.StrategicSlideshow .Emergency-Information
{
    width: 386px;
    height: 247px;
    padding: 30px 0 0 214px;
    background: no-repeat url(../images/home/darksite/ds-generic-warning.png) #333;
}

.StrategicSlideshow .Caution
{
    background: no-repeat url(../images/home/darksite/ds-caution.png) #333;
}
.StrategicSlideshow .Attention
{
    background: no-repeat url(../images/home/darksite/ds-attention.png) #333;
}
.StrategicSlideshow .Warning
{
    background: no-repeat url(../images/home/darksite/ds-flood-warning.png) #333;
}

.StrategicSlideshow .Emergency-Information h2
{
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 2em;
    color: #e04f0f;
}

.StrategicSlideshow .Emergency-Information h4
{
    margin: 0 0 5px 0;
    color: #e04f0f;
}

.StrategicSlideshow .Emergency-Information p
{
    margin: 0 20px 20px 0;
    padding: 0;
    font-size: 0.9em;
    color: #fff;
}

.StrategicSlideshow .Emergency-Information .Information-Link
{
    width: 330px;
    padding: 10px 10px 0 10px;
    background: #e04f0f;
}

.StrategicSlideshow .Emergency-Information .Information-Link p
{
    float: left;
    width: 149px;
    margin: 0 10px 10px 0;
    padding: 2px 0 2px 6px;
    background: repeat-y url(../images/home/darksite/information-link-gradient.png) #bf440e;
}

.StrategicSlideshow .Emergency-Information .Information-Link p a
{
    display: block;
    margin: 0 6px 0 0;
    padding: 0 10px 0 0;
    background: no-repeat right center url(../images/home/darksite/information-link-arrow.gif);
    font-size: 0.8em;
    color: #fff;
}

/* Non-javascript */
.StrategicSlideshow .NoScript-Background
{
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
    height: 277px;
    background: url(../images/home/slideshow-background.jpg);
}

.StrategicSlideshow .Column
{
    position: relative;
    top: 10px;
    float: left;
    width: 99px;
    height: 237px;
    padding: 10px;
    border-right: solid 1px #68bbde;
}

* html .StrategicSlideshow .Column
{
    overflow-x: hidden;
}

.StrategicSlideshow .Column h4
{
    margin: 0 0 10px 0;
    font-size: 0.9em;
    color: #fff;
}

.StrategicSlideshow .Column p
{
    margin: 0 0 10px 0;
    font-size: 0.75em;
    color: #c2e4f2;
}

.StrategicSlideshow .Column .FindOutMore
{
    display: block;
    width: 106px;
    height: 25px;
    background: no-repeat url(../images/home/find-our-more.png);
    overflow: hidden;
    text-indent: -10000px;
}

.StrategicSlideshow .Column .FindOutMore:hover
{
    background-position: 0 -25px;
}

.StrategicSlideshow .Column-Five
{
    border-right: none;
}

/* Tactical Campaign Panel
 ***************************************************************/
.TacticalCampaignPanel
{
    width: 600px;
    margin: 0 0 20px 0;
    background: #f2fafd;
}

.TacticalCampaignPanel .Header
{
    height: 35px;
    padding: 0 20px;
    background: no-repeat url(../images/home/campaign-panel-header.png);
}

.TacticalCampaignPanel .Header p
{
    font-size: 0.9em;
    line-height: 35px;
    color: #fff;
}

.TacticalCampaignPanel .Column-One, .TacticalCampaignPanel .Column-Two
{
    float: left;
    width: 270px;
    margin: 20px 20px;
    font-size: 0.8em;
}

.TacticalCampaignPanel .Column-Two
{
    margin: 20px 20px 20px 0;
}

* html .TacticalCampaignPanel .Column-One
{
    margin: 20px 20px 20px 10px;
}
* html .TacticalCampaignPanel .Column-Two
{
    margin: 20px 10px 20px 0;
}

/* Transactions
 ***************************************************************/
.Transactions
{
    width: 325px;
    margin: 0 0 30px 0;
}

.Transactions ul
{
    margin: 0 0 10px 0;
    padding: 0 0 0 15px;
    clear: both;
}

.Transactions li
{
    font-size: 0.75em;
    color: #3fb8e8;
}

.Transactions .Account, .Transactions .MovingHome
{
    padding: 0 0 1px 0;
    background: no-repeat left bottom url(../images/home/hr-grey-gradient.png);
}

.Transactions .Account .Account-Inner
{
    min-height: 65px;
    padding: 15px 100px 0 0;
    background: no-repeat right center url(../images/home/account.png);
}

* html .Transactions .Account .Account-Inner
{
    height: 80px;
}

.Transactions .MovingHome .MovingHome-Inner
{
    min-height: 65px;
    padding: 15px 100px 0 0;
    background: no-repeat right center url(../images/home/moving-home.png);
}

* html .Transactions .MovingHome .MovingHome-Inner
{
    height: 80px;
}

.Transactions .WaterMeters .WaterMeters-Inner
{
    min-height: 65px;
    padding: 15px 100px 0 0;
    background: no-repeat right center url(../images/home/water-meters.png);
}

* html .Transactions .WaterMeters .WaterMeters-Inner
{
    height: 80px;
}

/* Twitter feed
 ***************************************************************/
.TwitterFeed
{
    position: relative;
    padding: 32px 0 0 0;
    border-top: solid 1px #e7f6fc;
}

.TwitterFeed .Title
{
    float: left;
    margin: 0 0 5px 0;
    padding: 0 13px 0 0 !important;
    background: no-repeat right 9px url(../images/home/grey-arrow.gif);
    font-weight: normal !important;
}

.TwitterFeed .Title a
{
    color: #4a4d3f !important;
}

.TwitterFeed .Twitter-Link
{
    margin: 0 0 23px 0;
    font-size: 0.8em;
    clear: both;
}

.TwitterFeed .Twitter-Link a
{
    color: #00A2E2;
}

.TwitterFeed .Twitter-RSS
{
    position: absolute;
    top: 32px;
    right: 0;
    display: block;
    width: 18px;
    height: 18px;
    background: no-repeat url(../images/home/rss.png);
    overflow: hidden;
    text-indent: -10000px;
}

.TwitterFeed ol
{
    margin: 0;
    padding: 0;
}

.TwitterFeed li
{
    margin: 0 0 10px 0;
    padding: 12px;
    background: #f8fcfa;
    font-size: 0.8em;
    list-style: none;
    color: #006c9d;
}

.TwitterFeed li span
{
    display: block;
}

.TwitterFeed li span.Text
{
    margin: 0 0 10px 0;
}

.TwitterFeed li span.Time
{
    font-size: 0.8em;
}

.TwitterFeed li a
{
    color: #f89f19;
}

/* Navigation
 ***************************************************************/
.Navigation
{
}

.Navigation ul
{
    margin: 0;
    padding: 0;
}

/* Top level */
.Navigation li
{
    position: relative;
    float: left;
    height: 50px;
    list-style: none;
}

.Navigation li a
{
    position: relative;
    z-index: 0;
}

.Navigation li a, .Navigation .Sub-Navigation .Tab
{
    display: block;
    height: 50px;
    background: no-repeat url(../images/navigation/navigation.png);
    overflow: hidden;
    text-indent: -10000px;
}

.Navigation .Your-Account a, .Navigation .Your-Account .Sub-Navigation .Tab
{
    width: 109px;
}
.Navigation .Your-Account a.Selected
{
    background-position: 0 -150px;
}
.Navigation .Your-Account a:hover, .Navigation .Your-Account a.Selected:hover
{
    background-position: 0 -50px;
}

.Navigation .Your-Water-Services a, .Navigation .Your-Water-Services .Sub-Navigation .Tab
{
    width: 135px;
    background-position: -109px 0;
}
.Navigation .Your-Water-Services a.Selected
{
    background-position: -109px -150px;
}
.Navigation .Your-Water-Services a:hover, .Navigation .Your-Water-Services a.Selected:hover
{
    background-position: -109px -50px;
}

.Navigation .Save-Money-And-Water a, .Navigation .Save-Money-And-Water .Sub-Navigation .Tab
{
    width: 132px;
    background-position: -244px 0;
}
.Navigation .Save-Money-And-Water a.Selected
{
    background-position: -244px -150px;
}
.Navigation .Save-Money-And-Water a:hover, .Navigation .Save-Money-And-Water a.Selected:hover
{
    background-position: -244px -50px;
}

.Navigation .Extra-Services a, .Navigation .Extra-Services .Sub-Navigation .Tab
{
    width: 119px;
    background-position: -376px 0;
}
.Navigation .Extra-Services a.Selected
{
    background-position: -376px -150px;
}
.Navigation .Extra-Services a:hover, .Navigation .Extra-Services a.Selected:hover
{
    background-position: -376px -50px;
}

.Navigation .Walks-And-Leisure a, .Navigation .Walks-And-Leisure .Sub-Navigation .Tab
{
    width: 127px;
    background-position: -495px 0;
}
.Navigation .Walks-And-Leisure a.Selected
{
    background-position: -495px -150px;
}
.Navigation .Walks-And-Leisure a:hover, .Navigation .Walks-And-Leisure a.Selected:hover
{
    background-position: -495px -50px;
}

.Navigation .Education-And-Learning a, .Navigation .Education-And-Learning .Sub-Navigation .Tab
{
    width: 126px;
    background-position: -622px 0;
}
.Navigation .Education-And-Learning a.Selected
{
    background-position: -622px -150px;
}
.Navigation .Education-And-Learning a:hover, .Navigation .Education-And-Learning a.Selected:hover
{
    background-position: -622px -50px;
}

/* Second level */
.Navigation .Sub-Navigation
{
    position: absolute;
    top: 47px;
    left: 12px;
    display: none;
    width: 185px;
    padding: 15px 18px 40px 18px;
    background: #fff;
    border: solid 1px #d0dee5;
    z-index: 50;
}

.Navigation .Your-Account .Sub-Navigation
{
    left: 5px;
}
.Navigation .Your-Water-Services .Sub-Navigation
{
    left: 13px;
}
.Navigation .Save-Money-And-Water .Sub-Navigation
{
    left: 14px;
}
.Navigation .Extra-Services .Sub-Navigation
{
    left: 15px;
}
.Navigation .Walks-And-Leisure .Sub-Navigation
{
    left: 14px;
}
.Navigation .Education-And-Learning .Sub-Navigation
{
    left: auto;
    right: 1px;
}

.Navigation .Sub-Navigation .Tab
{
    position: absolute;
    top: -48px;
    left: -12px;
    display: block;
}

.Navigation .Your-Account .Sub-Navigation .Tab
{
    left: -5px;
    background-position: 0 -100px;
}
.Navigation .Your-Water-Services .Sub-Navigation .Tab
{
    left: -13px;
    background-position: -109px -100px;
}
.Navigation .Save-Money-And-Water .Sub-Navigation .Tab
{
    left: -14px;
    background-position: -244px -100px;
}
.Navigation .Extra-Services .Sub-Navigation .Tab
{
    left: -15px;
    background-position: -376px -100px;
}
.Navigation .Walks-And-Leisure .Sub-Navigation .Tab
{
    left: -14px;
    background-position: -495px -100px;
}
.Navigation .Education-And-Learning .Sub-Navigation .Tab
{
    left: auto;
    right: 0px;
    background-position: -622px -100px;
}

.Navigation ul ul
{
    z-index: 0;
}
#mainNav .Sub-Navigation ul
{
    padding: 0;
}

.Navigation .Start ul
{
    left: 4px;
}
.Navigation .End ul
{
    left: auto;
    right: 1px;
}

.Navigation li li
{
    float: none;
    height: auto;
    margin: 0 0 6px 0;
    background: none;
    font-size: 0.75em;
    color: #53574a;
}

.Navigation li .Summary
{
    margin: 0 0 10px 0;
    font-style: italic;
    font-weight: bold;
    color: #00486e;
}

.Navigation li li a
{
    display: inline;
    width: auto;
    height: auto;
    background: none;
    text-indent: 0;
    color: #53574a;
}

#mainNav .Sub-Navigation li
{
    float: none;
}
#mainNav .Sub-Navigation li a
{
    float: none;
    text-indent: 0;
}

.Navigation li li .Plus
{
    margin: 0 0 0 10px;
}

.Navigation .Sub-Navigation
{
    position: absolute;
    top: 47px;
    left: 12px;
    display: none;
    width: 185px;
    padding: 15px 18px 40px 18px;
    background: repeat-x url(../images/navigation/overlay-gradient.png) #e4f1f7;
    border: solid 1px #d0dee5;
    z-index: 10000;
}

.Navigation .Sub-Navigation .Summary
{
    margin: 0 0 10px 0;
    font-style: italic;
    font-weight: bold;
    color: #00486e;
}

.Navigation .Sub-Navigation li
{
    float: none;
    height: auto;
    margin: 0 0 6px 0;
    background: none;
    font-size: 0.75em;
    color: #53574a;
}

.Navigation .Sub-Navigation li a
{
    display: inline;
    width: auto;
    height: auto;
    background: none;
    text-indent: 0;
    color: #53574a;
}

.Navigation .Sub-Navigation .Plus
{
    margin: 0 0 0 10px;
}

.Navigation .Sub-Navigation-Your-Account
{
    left: 4px;
}
.Navigation .Sub-Navigation-Your-Account .Tab
{
    width: 109px;
    left: -5px;
    background-position: 0 -100px;
}

.Navigation .Sub-Navigation-Your-Water-Services
{
    left: 121px;
}
.Navigation .Sub-Navigation-Your-Water-Services .Tab
{
    width: 135px;
    left: -13px;
    background-position: -109px -100px;
}

.Navigation .Sub-Navigation-Save-Money-And-Water
{
    left: 257px;
}
.Navigation .Sub-Navigation-Save-Money-And-Water .Tab
{
    width: 132px;
    left: -14px;
    background-position: -244px -100px;
}

.Navigation .Sub-Navigation-Extra-Services
{
    left: 390px;
}
.Navigation .Sub-Navigation-Extra-Services .Tab
{
    width: 119px;
    left: -15px;
    background-position: -376px -100px;
}

.Navigation .Sub-Navigation-Walks-And-Leisure
{
    left: 508px;
}
.Navigation .Sub-Navigation-Walks-And-Leisure .Tab
{
    width: 127px;
    left: -14px;
    background-position: -495px -100px;
}

.Navigation .Sub-Navigation-Education-And-Learning
{
    left: 524px;
}
.Navigation .Sub-Navigation-Education-And-Learning .Tab
{
    width: 126px;
    left: auto;
    right: -2px;
    background-position: -622px -100px;
}

/* Sub navigation
 ***************************************************************/
.Sub-Navigation
{
    padding: 10px 0;
    border: solid 1px #ddd;
    border-width: 1px 0;
}

.Sub-Navigation ul
{
    padding: 0 0 0 13px;
}

#yw_left .Sub-Navigation ul
{
    padding: 0 0 0 13px;
    border-bottom: none;
}

.Sub-Navigation li
{
    margin: 0 0 5px 0;
    font-size: 0.9em;
    list-style: none;
    color: #52574a;
}

#yw_left .Sub-Navigation li
{
    padding: 0;
    line-height: normal;
    color: #52574a;
}

.Sub-Navigation li a
{
    color: #52574a;
}

#yw_left .Sub-Navigation li a
{
    color: #52574a;
}

.Sub-Navigation li .Plus
{
    margin: 0 0 0 10px;
}

.Sub-Navigation .Current
{
    margin: 0 0 15px 0;
    border-bottom: solid 1px #ddd;
}

.Sub-Navigation .Current li
{
    float: left;
}

.Sub-Navigation .Current li a
{
    padding: 0 16px 0 0;
    background: no-repeat right 6px url(../images/navigation/grey-arrow-up.gif);
    color: #a4a59f;
}

#yw_left .Sub-Navigation .Current li a
{
    color: #a4a59f !important;
}

.Sub-Navigation .Current h3
{
    margin: 0 0 10px 13px;
    padding: 0;
    font-size: 1em;
    font-weight: normal;
    color: #e7794a !important;
    clear: both;
}

#yw_left .Sub-Navigation .Current h3
{
    margin: 0 0 10px 13px;
    padding: 0;
    font-size: 1em;
    font-weight: normal;
    color: #e7794a !important;
}

/* Flickr feed
 ***************************************************************/
.FlickrFeed
{
    position: relative;
    width: 880px;
    margin: 20px 0 0 0;
    padding: 15px 40px;
    background: #f1faf5;
}

.FlickrFeed .Grey-Arrow-Right
{
    font-size: 1em;
}

.FlickrFeed p
{
    margin: 15px 0 0 0;
    padding: 0;
    font-size: 0.7em;
}

.FlickrFeed .FlickrAPI
{
    margin: 0 0 0 22px;
}

.FlickrFeed .Next, .FlickrFeed .Previous
{
    position: absolute;
    top: 50%;
    left: 5px;
    display: none;
    width: 20px;
    height: 21px;
    margin: -10px 0 0 0;
    background: no-repeat url(../images/home/disc-arrows.png);
    overflow: hidden;
    text-indent: -10000px;
}

.FlickrFeed .Next
{
    left: auto;
    right: 5px;
    background-position: -20px 0;
}

.FlickrFeed .Next:hover
{
    background-position: -20px -21px;
}
.FlickrFeed .Previous:hover
{
    background-position: 0 -21px;
}

.FlickrFeed .Viewport
{
    position: relative;
    width: 870px;
    height: 90px;
    overflow: hidden;
    clear: both;
}

.FlickrFeed .Viewport .Slides
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100000px;
    height: 90px;
}

.FlickrFeed .Viewport .Slide
{
    position: relative;
    float: left;
    width: 280px;
    height: 90px;
    padding: 0 10px 0 0;
}

.FlickrFeed .Viewport .Slide img
{
    float: left;
    margin: 0 10px 0 0;
    border: solid 1px #fff;
}

.FlickrFeed .Viewport .Slide .Title
{
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 0.8em;
    color: #00a2e2;
}

.FlickrFeed .Viewport .Slide .Details
{
    margin: 0;
    padding: 0;
    color: #999;
}

.FlickrFeed .Viewport .Slide .Details a
{
    color: #999;
}

/* Contact Us New 2011
 ***************************************************************/

.Contact-Us-Left
{
    float: left;
    width: 449px;
    padding: 0 40px 0 0;
}
.Contact-Us-Right
{
    float: left;
    width: 258px;
    margin: 35px 0 0 0;
}

.Contact-Us-Left .HelpAgent-Active
{
    background: url("../images/contact/help-agent-contact-us-background.jpg") no-repeat scroll left bottom transparent;
    padding: 0 20px 25px;
    margin: 0 0 25px;
}

.Contact-Us-Left .HelpAgent
{
    width: 408px;
    margin: 15px 0 0 0;
}

#yw_right .Contact-Us-Left .HelpAgent p
{
    clear: both;
    font-size: 12px;
    margin: 0 0 20px 0;
}
.Contact-Us-Left .HelpAgent .HelpAgent-Inner
{
    position: relative;
}

.Contact-Us-Left .HelpAgent .HelpAgent-Inner input, .Contact-Us-Left .HelpAgent .HelpAgent-Inner .orangeButton
{
    position: absolute;
}
.Contact-Us-Left .HelpAgent .HelpAgent-Inner input
{
    left: -1px;
    top: -18px;
}
.Contact-Us-Left .HelpAgent .HelpAgent-Inner .orangeButton
{
    left: 185px;
    top: -19px;
    line-height: normal;
}
.Contact-Us-Left .HelpAgent .PopularQuestions
{
    width: 310px;
}
.Contact-Us-Left .HelpAgent .TextBox
{
    width: 170px;
}
.Contact-Us-Left .HelpAgent .PopularQuestions li
{
    margin: 0;
}

.Contact-Us-Left .Latest-Incident-Container
{
    background: #F1FAF5;
    padding: 20px;
    margin: 0 0 25px;
}

.Contact-Us-Left .How-To-Guide-Container
{
    background: url("../images/contact/contact-us-divider.png") no-repeat scroll left bottom transparent;
    padding: 0 20px 20px;
    margin: 0 0 25px;
}

.Contact-Us-Left .How-To-Guide-Container img, .Contact-Us-Left .Helping-Hands-Container img
{
    float: left;
    margin: 0 15px 15px 0;
}

.Contact-Us-Left .Helping-Hands-Container
{
    padding: 0 20px 20px;
    margin: 0 0 25px;
}

.Contact-Us-Left .Contact-Us-Numbers-Tab
{
    float:left;
    width:746px;
    height:auto;
    background:#F2FAFD;
    margin-bottom:20px;
}

.Contact-Us-Left .Contact-Us-Numbers-Tab .Tab1,
.Contact-Us-Left .Contact-Us-Numbers-Tab .Tab2
{
        background-color:#F2FAFD;
        height:255px;
        width:746px;
}

.Contact-Us-Left .Contact-Us-Numbers-Tab .Tab1
{
        display:block;
}

.Contact-Us-Left .Contact-Us-Numbers-Tab .Tab2
{
        display:none;
}

.Contact-Us-Left .Contact-Us-Numbers-Tab .Tab1 .Tab1-Header
{
    float:left;
    width:746px;
    height:35px;
    background: url("../images/contact/contact-us-tab-bg.jpg") no-repeat scroll left top transparent;
    background-color:#F2FAFD;
    text-indent:-5000px
}

.Contact-Us-Left .Contact-Us-Numbers-Tab .Tab2 .Tab2-Header
{
    float:left;
    width:746px;
    height:35px;
    background: url("../images/contact/contact-us-tab-bg.jpg") no-repeat scroll left top transparent;
    background-position:0 -35px;
    background-color:#F2FAFD;
    text-indent:-5000px
}

.Contact-Us-Left .Contact-Us-Numbers-Tab .Tab1 .Tab1-Header .contact-list,
.Contact-Us-Left .Contact-Us-Numbers-Tab .Tab2 .Tab2-Header .contact-list
{
    width:253px;
    height:35px;
    float:left;
}

.Contact-Us-Left .Contact-Us-Numbers-Tab .Tab1 .Tab1-Header .useful-contacts,
.Contact-Us-Left .Contact-Us-Numbers-Tab .Tab2 .Tab2-Header .useful-contacts
{
    width:200px;
    height:35px;
        float:left;
}

.Contact-Us-Left .Contact-Us-Numbers-Tab .Tab1 .left, .Contact-Us-Left .Contact-Us-Numbers-Tab .Tab1 .right,
.Contact-Us-Left .Contact-Us-Numbers-Tab .Tab2 .left, .Contact-Us-Left .Contact-Us-Numbers-Tab .Tab2 .right
{
    width:280px;
    margin:20px 65px 20px 20px;
    float:left;
}

.Contact-Us-Pods
{
    background: url("../images/contact/contact-us-pods-background.jpg") no-repeat scroll left bottom transparent;
    padding: 20px;
    margin: 0 0 25px;
    width: 711px;
    height: 110px;
}

.Useful-Numbers .Blue-Box-Header, .Other-Contact .Blue-Box-Header
{
    background: url("../images/contact/blue-box-header-small.jpg") no-repeat scroll left bottom transparent;
    width: 243px;
    height: 29px;
    color: #FFFFFF;
    padding: 7px 0 0 15px;
}

.Latest-News .Blue-Box-Header
{
    background: url("../images/contact/blue-box-header-large.jpg") no-repeat scroll left bottom transparent;
    width: 243px;
    height: 49px;
    color: #FFFFFF;
    padding: 7px 0 0 15px;
}

.Blue-Box-Header h3
{
    font-size: 16px;
    font-weight: normal;
}

.Contact-Us-Right .Other-Contact, .Contact-Us-Right .Useful-Numbers, .Contact-Us-Right .Latest-News
{
    background: #F2FAFD;
}

.Contact-Us-Right .Latest-News
{
    padding: 0 0 1px 0;
}

.Contact-Us-Left .Grey-Arrow-Right
{
    font-size: 16px;
    color: #4A4C3F;
}

.Contact-Us-Left .LatestIncidents
{
    width: 408px;
    margin: 0;
    border-bottom:1px solid white;
    padding: 0;
}

.Contact-Us-Left .LocalArea-Inner .TextBox
{
    width: 307px;
    margin: 0 10px 0 0;
}

.Contact-Us-Left .LocalArea, .Contact-Us-Left .LocalArea .LocalArea-Inner
{
    background: none;
}
.Contact-Us-Left .LocalArea .LocalArea-Inner
{
    padding: 0;
}
.Contact-Us-Left .LocalArea .LocalArea-Inner .Form
{
    background: none;
    width: 395px;
}

.Latest-News .Email
{
    background: url("../images/contact/contact-us-email.jpg") no-repeat scroll left bottom transparent;
    padding: 0 0 0 38px;
    color: #19ACF0;
    line-height: 23px;
    margin: 20px 0 0 10px;
}
.Latest-News .Twitter
{
    background: url("../images/contact/contact-us-twitter.jpg") no-repeat scroll left bottom transparent;
    padding: 0 0 0 38px;
    color: #19ACF0;
    line-height: 23px;
    margin: 10px 0 0 10px;
}
.Latest-News .Facebook
{
    background: url("../images/contact/contact-us-facebook.jpg") no-repeat scroll left bottom transparent;
    padding: 0 0 0 38px;
    color: #19ACF0;
    line-height: 23px;
    margin: 10px 0 25px 10px;
}


.Contact-Us-Pods .Manage
{
    background: url("../images/contact/manage-your-account.png") no-repeat scroll right 31px transparent;
    width: 223px;
    float: left;
    min-height: 100px;
    margin: 0 20px 0 0;
}

.Contact-Us-Pods .Moving
{
    background: url("../images/contact/moving-home.jpg") no-repeat scroll right 24px transparent;
    width: 223px;
    float: left;
    min-height: 100px;
    margin: 0 20px 0 0;
}

* html .Contact-Us-Pods .Moving, * html .Contact-Us-Pods .Manage, * html .Contact-Us-Pods .Meters
{
    height: 100px;
}

.Contact-Us-Pods .Meters
{
    background: url("../images/contact/water-meters.jpg") no-repeat scroll right 23px transparent;
    width: 223px;
    float: left;
    min-height: 100px;
}
.Contact-Us-Pods .Grey-Arrow-Right
{
    float: none;
}

.Contact-Us-Right .Useful-Numbers-Content, .Contact-Us-Right .Other-Contact-Content, .Contact-Us-Right .Latest-News-Content
{
    padding: 30px 10px 20px 10px;
    color: #19acf0;
}

.Contact-Us-Pods .Manage ul li, .Contact-Us-Pods .Moving ul li, .Contact-Us-Pods .Meters ul li
{
    color: #3FB8E8;
    font-size: 12px;
}

.Contact-Us-Pods .Manage h3, .Contact-Us-Pods .Moving h3, .Contact-Us-Pods .Meters h3
{
    margin: 0 0 15px 0;
}

.Contact-Us-Pods .Manage ul, .Contact-Us-Pods .Moving ul, .Contact-Us-Pods .Meters ul
{
    width: 140px;
    padding: 0 0 0 15px;
}

.Contact-Us-Blue-Box ul li
{
    list-style: none;
    font-size: 12px;
    margin: 0 0 0 5px 0;
}

.Contact-Us-Left .LatestIncidents .Status-Inner
{
    background: url("../images/contact/contact-us-status-box-bottom.gif") no-repeat scroll left bottom transparent;
    width: 202px;
}

#yw_right .Contact-Us-Left .LatestIncidents .Status-Inner .Status-Text, #yw_right .Contact-Us-Left .LatestIncidents .Status-Inner .LastUpdated
{
    padding: 0;
    font-size: 11px;
}

.Contact-Us-Left .LatestIncidents .Incident .Fault, 
.Contact-Us-Left .LatestIncidents .Incident .TimeOfIncident,
.Contact-Us-Left .LatestIncidents .Incident .Description 
{
    padding-bottom:3px;
}

.Contact-Us-Left .LatestIncidents .Status
{
    background: url("../images/contact/contact-us-status-box-top.gif") no-repeat scroll 0 0 #E7F4ED;
    width: 226px;
    position: relative;
    margin: 10px 0 0 0;
    right: 0px;
}

.Contact-Us-Left .LatestIncidents .Indident .Fault, .Contact-Us-Left .LatestIncidents .Indident .AffectedArea, .Contact-Us-Left .LatestIncidents .Indident .TimeOfIncident, .Contact-Us-Left .LatestIncidents .Indident .Description
{
    padding: 0;
}

.Contact-Us-Left .LatestIncidents .Incident
{
    padding: 0 0 15px 146px;
}

.Contact-Us-Sidebar
{
    border-bottom: 1px solid #DDDDDD;
    padding: 10px 13px 0 13px;
}

.Contact-Us-Sidebar p
{
    font-size: 12px;
}

.Contact-Us-Sidebar img
{
    margin: 0 0 10px 0;
}

.Contact-Us-Sidebar p .OrangeText
{
    font-size: 14px;
}

#yw_right .Blue-Text
{
    font-size: 12px;
    color: #19ACF0;
}

/*Dark Site Contact Us */

.Contact-Us-Left .StrategicSlideshow
{
    width: 449px;
    height: 291px;
    margin: 7px 0 20px 0;
}
.Contact-Us-Left .StrategicSlideshow .Emergency-Information
{
    background: url("../images/contact/yw-warning-icon.jpg") no-repeat scroll 0 0 #333333;
    padding: 15px 5px 0 146px;
    height: 187px;
    width: 298px;
}

.Contact-Us-Left .StrategicSlideshow .Warning
{
    background: url("../images/contact/yw-flood-icon.jpg") no-repeat scroll 0 0 #333333;
}

.Contact-Us-Left .StrategicSlideshow .Caution
{
    background: no-repeat url(../images/contact/yw-caution-icon.jpg) #333;
}

.Contact-Us-Left .StrategicSlideshow .Attention
{
    background: no-repeat url(../images/contact/yw-nowater-icon.jpg) #333;
}


.Contact-Us-Left .StrategicSlideshow .Emergency-Information .Information-Link
{
    width: 273px;
    padding: 10px 0 0 10px;
}

.Contact-Us-Left .StrategicSlideshow .Emergency-Information .Information-Link p
{
    width: 120px;
}

.Contact-Us-Left .StrategicSlideshow .Emergency-Information p
{
    margin: 0 10px 10px 0;
}

.Contact-Us-Left .StrategicSlideshow .Emergency-Information h2
{
    font-size: 1.6em;
    font-weight: bold;
    margin: 0 0 2px;
}

.Contact-Us-Left .StrategicSlideshow .Emergency-Information .Contact-Us-Dark-Side-Copy
{
    margin: 0 10px 10px 0;
}

.Contact-Us-Left .StrategicSlideshow .Emergency-Information h4
{
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px;
}


/* FlickrFeed
 ***************************************************************/

.FlickrFeed-5Wide
{
    width: 708px;
    padding: 15px 20px;
}

.FlickrFeed-3Wide
{
    width: 458px;
    padding: 15px 20px;
}

.FlickrFeed-5Wide .Viewport
{
    width: 618px;
    margin: 0 0 0 45px;
    height: 150px;
}

.FlickrFeed-3Wide .Viewport
{
    width: 368px;
    margin: 0 0 0 45px;
    height: 150px;
}

.FlickrFeed-3Wide h3, .FlickrFeed-5Wide h3
{
    margin:0 0 25px 0;
}
.FlickrFeed-5Wide .Viewport .Slides, .FlickrFeed-3Wide .Viewport.Slides
{
    height: auto;
}

.FlickrFeed-5Wide .Viewport .Slide, .FlickrFeed-3Wide .Viewport .Slide
{
    width: 102px;
    padding: 0 27px 0 0;
    height: auto;
    text-align: center;
}

#yw_right .FlickrFeed-5Wide .Viewport .Slide .Title, #yw_right .FlickrFeed-3Wide .Viewport .Slide .Title
{
    font-size: 0.7em;
    text-align:left;
}

.FlickrFeed-5Wide .Viewport .Slide img, .FlickrFeed-3Wide .Viewport .Slide img
{
    margin:0 0 5px 0;
    float:none;
}

.FlickrFeed .Flickr-Link
{
    position: absolute;
    top: 15px;
    right: 20px;
    margin: 0;
}

.FlickrFeed-5Wide .Viewport .Slide .Thumbnail, .FlickrFeed-3Wide .Viewport .Slide .Thumbnail
{
    display:block;
    text-align:center;
}

#yw_right .Flickr-Footer
{
    font-size:0.7em;
    color:#999;
    text-align:center;
}


.Flickr-Footer .FlickrAPI
{
    margin:0;
}

.FlickrFeed-5Wide .Next, .FlickrFeed-3Wide .Next
 {
    right: 20px;
    top: 38%;
}
.FlickrFeed-5Wide .Previous, .FlickrFeed-3Wide .Previous
{
        left: 20px;
    top: 38%;
}


/* Twitter Feed
 ***************************************************************/
 
 .TwitterFeedContainer, #yw_cont_ind_BG .TwitterFeedContainer
 {
    background: repeat-x url(../images/twitter/background.jpg);
    background-color:#F1F8FB;
    width:708px;
    padding:15px 20px 0 20px;
    margin:0 0 35px 0;
    float:left;
 }
 
 .TwitterFeedContainer ul, #yw_cont_ind_BG .TwitterFeedContainer ul
 {
     border:none;
     margin:0 0 12px 0;
     padding:0;
     list-style:none;
     float:left;
 }
 
 .TweetsContainer ul li, #yw_cont_ind_BG .TweetsContainer ul li
 {
     background-color:#FFFFFF;
     width:403px;
     padding:13px;
     margin:0 0 10px 0;
     font-size:1em;
 }
 
 .TweetsContainer ul li a, #yw_cont_ind_BG .TweetsContainer ul li a
 {
     color:#F89F19;
 }
 
 .TwitterDivider, #yw_cont_ind_BG .TwitterDivider
 {
     background: no-repeat url(../images/twitter/twitter-divider.gif) top center;
     height:163px;
     width:2px;
     float:left;
     margin:0 30px 0 30px;
 }
 
 .SocialContainer li, #yw_cont_ind_BG .SocialContainer li
 {
      line-height:27px;
      padding:0 0 0 42px; 
      margin:0 0 5px 0;
      color:#19ACF0;
      font-size:1em;
 }
 
 .SocialContainer li a, #yw_cont_ind_BG .SocialContainer li a
 {
      font-size:0.8em;
 }
 
 .SocialContainer .email-signup, #yw_cont_ind_BG .SocialContainer .email-signup
 {
     background: no-repeat url(../images/twitter/email-signup.gif);
 }
 
 .SocialContainer .facebook, #yw_cont_ind_BG .SocialContainer .facebook
 {
     background: no-repeat url(../images/twitter/facebook.gif);
 }
 
 .SocialContainer .twitter, #yw_cont_ind_BG .SocialContainer .twitter
 {
     background: no-repeat url(../images/twitter/twitter.gif);
 }
 
 .SocialContainer .flickr, #yw_cont_ind_BG .SocialContainer .flickr
 {
     background: no-repeat url(../images/twitter/flickr.gif);
 }
 
 .SocialContainer .youtube, #yw_cont_ind_BG .SocialContainer .youtube
 {
     background: no-repeat url(../images/twitter/youtube.gif);
 }
 
 .Title-Arrow, #yw_cont_ind_BG .Title-Arrow
 {
    background: url("../images/twitter/grey-arrow.jpg") no-repeat scroll right 9px transparent;
    color: #4A4D3F !important;
    cursor: pointer;
    float: left;
    font-weight: normal !important;
    margin: 0;
    padding: 0 13px 0 0 !important;
}

.TweetsContainer h3 a, #yw_cont_ind_BG .TweetsContainer h3 a
    {
        margin:0 0 15px 0;
        float: left;
    }

    .TweetsContainer h3 a, #yw_cont_ind_BG .TweetsContainer h3 a
    {
        color:#4A4C3F;
        font-size:1em;
    }
    
    .TweetsContainer .Text, #yw_cont_ind_BG .TweetsContainer .Text
    {
        color:#006C9D;
        font-size:0.8em;
    }
    
    .TweetsContainer .Time, #yw_cont_ind_BG .TweetsContainer .Time
    {
        color:#006C9D;
        font-size:0.7em;
    }
    
    /* Current Vacancies Feed
     ***************************************************************/
     
     .CurrentVacanciesContainer
     {
         margin:0 0 20px 0;
     }
     
     #yw_cont_ind_BG .CurrentVacanciesContainer ul li
     {
         list-style:none;
         border-bottom: 1px dashed #C4CCCD;
         padding:10px 0;
         float:left;
     }
     
     #yw_cont_ind_BG .CurrentVacanciesContainer ul
     {
         border:none;
         margin:0;
         padding:20px 0 0 20px;
     }
     
     .CurrentVacanciesContainer ul .JobTitle-Header, .CurrentVacanciesContainer ul li .JobTitle
     {
         float:left;
         width:500px;
     }
     
     .CurrentVacanciesContainer ul .Details-Header, .CurrentVacanciesContainer ul li .JobLink
     {
         float:left;
         width:50px;
     }
     
     .CurrentVacanciesContainer ul .JobTitle-Header, .CurrentVacanciesContainer ul .Details-Header
     {
         font-weight:bold;
         font-size:0.9em;
         border-bottom: 1px dashed #C4CCCD;
         padding:0 0 10px 0;
     }
     
     .CurrentVacanciesContainer ul li .JobLink
     {
          color: #00A2E2;
     }
     
     .CurrentVacanciesErrorMessage
     {
         margin:0 0 20px 0;
     }
     
     .VacancyDetailsContainer
     {
         padding :0 0 0 20px;
     }
     
     .VacancyDetailsContainer .VacancyDetail-Title
     {
         margin :10px 0 20px 0;
     }
     
     .VacancyDetailsContainer .VacancyDetail-Title, .VacancyDetailsContainer .VacancyDetail-Description
     {
        font-size:0.7em;
     }
     
     #yw_right .VacancyDetailsContainer .VacancyDetail-Title p, #yw_right .VacancyDetailsContainer .VacancyDetail-Description p
     {
        font-size:1em;
     }
     
     .VacancyDetail-Header
     {
         margin:0 20px 20px 0;
         font-weight:bold;
         float:left;
     }
     
     /* Campaign Header
     ***************************************************************/
     
     .CampaignHeaderContainer, #yw_cont_ind_BG .CampaignHeaderContainer
     {
         background: url("../images/CampaignHeader.png") no-repeat scroll 0 0 transparent;
         padding: 285px 20px 20px 20px;
         width:708px;
         margin:20px 0 0 0;
     }
     
     .CampaignHeaderText, #yw_cont_ind_BG .CampaignHeaderContainer
     {
         width:344px;
         float:left;
         margin:0 16px 0 0;
     }
     
     .CampaignHeaderMediaPlugin, #yw_cont_ind_BG .CampaignHeaderMediaPlugin
     {
         width:314px;
         float:left;
         background-color:White;
         padding:15px;
     }
     
     .CampaignHeaderMediaPlugin .ImageAndCopyImage, #yw_cont_ind_BG .CampaignHeaderMediaPlugin .ImageAndCopyImage
     {
         background: url("../images/CampaignHeaderImage.png") no-repeat scroll 0 0 transparent;
         Height:151px;
         width:315px;
         float:left;
         margin:0 0 10px 0;
     }
     
     .CampaignHeaderMediaPlugin .ImageAndCopyText, #yw_cont_ind_BG .CampaignHeaderMediaPlugin .ImageAndCopyText
     {
         float:left;
         width:315px;
     }
     
     .MediaPanelsContainer .Title a, .MediaPanelsContainer .Title
     {
         color:#4A4C3F;
         font-size:0.9em;
         float:left;
         font-weight:normal;
     }
     
     .MediaPanelsContainer .Title-Arrow, #yw_cont_ind_BG .MediaPanelsContainer .Title-Arrow
     {
         line-height:23px;
     }
     
     .MediaPanelsContainer ul, #yw_cont_ind_BG .MediaPanelsContainer ul
     {
       padding:0;
       margin:0 0 10px 0;
       border:none;    
     }
     
     .MediaPanelsContainer ul li, #yw_cont_ind_BG .MediaPanelsContainer ul
     {
       list-style:none;
       background-color:#E4F1F7;
       padding:12px;
       margin:0 0 10px 0;
     }
     
     .articles, #yw_cont_ind_BG .articles
     {
        background-color:#E4F1F7; 
        padding:12px ;
        margin:0 0 10px 0;
     }
     
     #yw_right .articles .article-date
     {
        padding:0;
        margin:0 0 2px 0;
        color:#006C9D;
        font-style:normal;
        font-weight:bold;
        font-size:0.7em;
     }
     
     #yw_right .articles p, #yw_right .articles p a
     {
        padding:0;
        margin:0 0 15px 0;
        color:#006C9D;
        font-size:0.9em;
     }
     
     .MediaPanelsContainer ul .Text, #yw_cont_ind_BG .MediaPanelsContainer ul .Text
     {
       color:#006C9D;  
       font-size:0.8em;
     }
     
     .MediaPanelsContainer ul .Text a, #yw_cont_ind_BG .MediaPanelsContainer ul .Text a
     {
       color:#F89F19; 
     }
     
     .MediaPanelsContainer ul .Time, #yw_cont_ind_BG .MediaPanelsContainer ul .Time
     {
        color:#006C9D; 
       font-size:0.7em; 
       float:left;
       margin:5px 0 0 0;
     }
     
     .MediaPanelsContainer .SocialMediaContainer .Social-Media-Icon, #yw_cont_ind_BG .MediaPanelsContainer .SocialMediaContainer .Social-Media-Icon
     {
         background: url("../images/campaign-header-social-media-icons.jpg") no-repeat scroll 0 0 transparent;
         width:20px;
         height:22px;
         float:left;
         margin:0 0 0 12px;
     }
     
     .SocialMediaContainer, #yw_cont_ind_BG .SocialMediaContainer
     {
         float:right;
         margin: 0 0 10px 0;
     }
     
     .MediaPanelsContainer .SocialMediaContainer .Twitter, #yw_cont_ind_BG .MediaPanelsContainer .SocialMediaContainer .Twitter
     {
         background-position: 0 0;
     }
     
     .MediaPanelsContainer .SocialMediaContainer .Facebook, #yw_cont_ind_BG .MediaPanelsContainer .SocialMediaContainer .Facebook
     {
         background-position: -20px 0;
     }
     
     .MediaPanelsContainer .SocialMediaContainer .Youtube, #yw_cont_ind_BG .MediaPanelsContainer .SocialMediaContainer .Youtube
     {
         background-position: -40px 0;
     }
     
     .MediaPanelsContainer .SocialMediaContainer .Flickr, #yw_cont_ind_BG .MediaPanelsContainer .SocialMediaContainer .Flickr
     {
         background-position: -60px 0;
     }
     
     .MediaPanelsContainer .SocialMediaContainer .Email, #yw_cont_ind_BG .MediaPanelsContainer .SocialMediaContainer .Email
     {
         background-position: -80px 0;
     }
      
     .MediaPanelsContainer .SocialMediaContainer .Rss, #yw_cont_ind_BG .MediaPanelsContainer .SocialMediaContainer .Rss
     {
         background-position: -100px 0;
     }
     
     .YouTubeContainer, #yw_cont_ind_BG .YouTubeContainer
     {
         float:left;
         margin:0 0 20px 0;
     }
     
     .CampaignHeaderMediaPlugin .MediaPanelsContainer, #yw_cont_ind_BG .CampaignHeaderMediaPlugin .MediaPanelsContainer
     {
         margin:0 0 0 0;
     }
     
     .MediaPanelsContainer, #yw_cont_ind_BG .MediaPanelsContainer
     {
         margin:0 0 20px 0;
     }
     
     a.btnApply, #yw_cont_ind_BG a.btnApply
     {
        background: url("../images/generic/buttonBGOrange.jpg") no-repeat scroll left top transparent;
        color: #FFFFFF !important;
        font-size: 12px;
        font-weight: normal;
        margin: 10px;
        padding: 3px 8px;
        float:left;
    }
    
    a.btnBack, #yw_cont_ind_BG a.btnBack
    {
        color: #00A2E2;
        font-size: 12px;
        font-weight: normal;
        margin: 10px;
        float:left;
        line-height: 22px;
    }
    
    
    /* Facebook
    ---------------------------------------*/

    /* Facebook
    ---------------------------------------*/
    
    .facebook-body
    {
        min-width: 0px;
        overflow: hidden;
    }
    
    .facebook-container
    {
        width:490px;
        text-align:left;
    }
    
    .facebook-likeus-bg
    {
        height:457px;
        width:347px;
        padding:65px 105px 0 38px;
    }
    
    .facebook-likeus-bg h1
    {
        color:#FFFFFF;
        font-weight:bold;
        font-size:1.7em;
        margin:0 0 15px 0;
    }
    
    .facebook-likeus-bg p
    {
        color:#FFFFFF;
        font-size:1em;
        margin:0 0 15px 0;
        padding:0 0 0 5px;
    }
    
    .facebook-campaign-header
    {
        width:310px;
        height:256px;
        padding:65px 40px 75px 140px;
    }
    
    .facebook-campaign-header h2
    {
        font-weight:bold;
        color:#FFFFFF;
        font-size:1.6em;
        margin:0 0 15px 0;
    }
    
    .facebook-campaign-header p
    {
        color:#FFFFFF;
    }
    
    .facebook-dirty-campaign
    {
        width:450px;
        padding:20px 20px 25px 20px;
        background-color:#F6F6E7;
    }
    
    .facebook-dirty-campaign-thanks
    {
        width:450px;
        padding:20px 20px 25px 20px;
        background-color:#F6F6E7;
    }
    
    .facebook-saving-water-campaign
    {
        background: url("../images/facebook/saving-water-campaign-bg.jpg") no-repeat;
        width:340px;
        height:288px;
        padding:300px 125px 25px 25px;
    }
    
    .facebook-saving-water-campaign p
    {
        color:#FFFFFF;
        font-size:0.95em;
    }
    
    .facebook-saving-water-campaign p.WhiteTitle
    {
        color: #FFFFFF;
        font-size: 1.1em;
        font-weight:normal;
    }
       
    .facebook-manage-account
    {
        background: url("../images/facebook/manage-account-bg.png") no-repeat;
        height:497px;
        width:450px;
        padding:72px 20px 20px 20px
    }
    
    .facebook-manage-account .column-container
    {
        width:450px;
    }
    
    .facebook-manage-account .column-container ul
    {
        margin:0 0 0 25px;
        clear: both;
    }
    
    .facebook-manage-account .column-container ul li
    {
        font-size:0.8em;
    }
    
    .facebook-manage-account .column-container .left
    {
        width:205px;
        margin:0 20px 0 0;
        float:left;
    }
    
    .facebook-manage-account .column-container .right
    {
        width:205px;
        margin:0 0 0 20px;
        float:right;
    }
    
    .facebook-manage-account .column-container a.Grey-Arrow-Right, .facebook-manage-account .column-container .Grey-Arrow-Right
    {
        background: url("../images/home/grey-arrow.gif") no-repeat scroll right 4px transparent;
    }
    
    .facebook-manage-account h2
    {
        font-size:0.9em;
        font-weight:bold;
        padding:0 0 10px;
    }
    
    .facebook-manage-account p
    {
        font-size:0.8em;
    }
    
    .facebook-manage-account #divHeaderText
    {
        margin:0 0 20px 0;
    }
    
    .facebook-manage-account #divLeftPod1,
    .facebook-manage-account #divLeftPod2,
    .facebook-manage-account #divRightPod1,
    .facebook-manage-account #divRightPod2
    {
        float:left;
        height:178px;
    }
    
    .facebook-competition-form .statusError,
    .facebook-dirty-campaign .statusError
    {
        background: url("../images/facebook/form-error-icons.png") no-repeat;
        background-position:0 0;
        width:15px;
        height:15px;
        margin:3px 0 0 0;
    }
    
    .facebook-competition-form .statusOK,
    .facebook-dirty-campaign .statusOK
    {
        background: url("../images/facebook/form-error-icons.png") no-repeat;
        background-position:0 -15px;
        width:15px;
        height:15px;
        margin:3px 0 0 0;
    }
    
    .avoid-doing-dirty-button
    {
        display: block;
        background: url("../images/facebook/avoid-doing-dirty-rollover.png") no-repeat;
        width:457px;
        height:115px;
        text-indent:-5000px;
        cursor:pointer;
        margin:0 0 0 -8px;
    }
    
    .avoid-doing-dirty-button:hover
    {
        background-position:0 -115px;
    }
    
    .facebook-dirty-campaign #divFooterText
    {
        padding:20px 0 0 0;
        margin:10px 0 0 0;
        border-top:1px solid #AFACA8;
    }
    
    .facebook-competition-form
    {
        padding:20px;
        background-color: #E4F1F7;
        border: 1px solid #9FBECE;
    }
    
    .facebook-competition-form p, .facebook-dirty-campaign p
    {
        font-size:0.9em;
    }
    
    .facebook-competition-form table table
    {
        padding:0px;
    }
    
    .facebook-competition-form fieldset
    {
        padding:0;
        border:none;
    }
    
    .facebook-competition-form .small-text, .facebook-dirty-campaign .small-text
    {
        padding:0;
        text-align:right;
        font-size:0.6em;
    }
    
    .facebook-competition-form .small-text-left, .facebook-dirty-campaign .small-text-left
    {
        padding:0;
        text-align:left;
        font-size:0.7em;
    }
    
    .facebook-dirty-campaign ol
    {
        margin:0 50px 20px 20px;
    }
    
    .current-vacancies-text
    {
        margin:0 0 20px 0;
        font-size:0.75em;
    }
    
    .facebook-dirty-campaign ol li
    {
        margin:0 0 10px 0;
        font-size:0.75em;
    }
    
    .facebook-dirty-campaign ol li a
    {
        color: #00A2E2;
        text-decoration: none;
        cursor:pointer;
    }
    
    .facebook-container a
    {
        color: #00A2E2;
        text-decoration: none;
        cursor:pointer;
    }
    
    .facebook-container a:hover
    {
        text-decoration: underline;
        cursor:pointer;
    }
    
    .facebook-dirty-campaign ol li a:hover
    {
        text-decoration: underline;
    }
    
    .facebook-dirty-campaign fieldset
    {
        border-bottom:none;
        border-left:none;
        border-right:none;
        border-top: 1px solid #AFACA8;
        padding:20px 0 0 0;
    }
    
    .facebook-dirty-campaign h2,
    .facebook-competition-form h2
    {
        font-size:1em;
        margin-bottom: 10px;
    }
    
    .facebook-dirty-campaign #formtable h2
    {
        font-size:1.1em;
        margin-bottom: 0;
    }
    
    #divFooterText p
    {
        margin:0 0 10px 0;
    }
    
    .facebook-current-vacancies-container
    {
        margin:0 0 20px 0;
        width:490px;
        padding:288px 0 10px 0;
    }
       
    .facebook-careers-pod
    {
        background: url("../images/facebook/careers-pod-bg.jpg") no-repeat;
        height:86px;
        width:306px;
        padding:15px 165px 10px 20px;
    }
    
    .facebook-careers-footer
    {
        background: url("../images/facebook/careers-bg-fade-small.png") no-repeat;
        min-height:130px;
        width:450px;
        padding:20px 20px 20px 20px;
    }
    
    .facebook-careers-pod h2, .facebook-careers-header h2
    {
        font-size:0.9em;
        font-weight:bold;
    }
    
    .facebook-careers-header 
    {
        background: url("../images/facebook/careers-bg-fade-blue.png") no-repeat scroll 0 0 transparent;
        min-height: 212px;
        padding: 20px 20px 10px;
        width: 450px;
    }
    
    .facebook-current-vacancies-container-small
    {
        margin: 0 0 20px;
        padding: 0 20px;
    }
    
    .facebook-careers-header p
    {
        font-size:0.75em;
    }
    
    .facebook-careers-footer h2
    {
        font-size:1.2em;
        font-weight:bold;
        margin:0 0 10px 0;
    }
    
     .facebook-careers-pod a, .facebook-careers-pod p
    {
        font-size:0.75em;
        text-decoration:underline;
        color:#009FDF;
    }
    
    .facebook-careers-feed
    {
        background: url("../images/facebook/careers-bg-fade.png") no-repeat;
        width:490px;
        min-height:222px;
        padding:20px 0 0 0;
    }
    
    .facebook-careers-feed-header
    {
        background: url("../images/facebook/latest-vacancies-header.jpg") no-repeat;
        width:479px;
        height:15px;
        padding:10px 10px 10px 0;
        margin:20px 0 0 0;
        text-indent:-5000px;
    }
    
    .competition-footer-nav
    {
        margin:20px 0 0 0;
    }
    
    .facebook-careers-feed-header a
    {
        color:#FFFFFF;
        text-decoration:underline;
        float:right;    
        font-size:0.8em;
    }
        
    .facebook-current-vacancies-container .CurrentVacanciesList li
    {
        list-style:none;
        float:left;
        padding:5px 0 5px 0;
        border-bottom: 1px dashed #B0B1AD;
        
    }
    
    .facebook-current-vacancies-container ul .JobTitle-Header, .facebook-current-vacancies-container ul li .JobTitle
     {
         float:left;
         width:397px;
         font-size: 0.75em;
     }
     
     .facebook-current-vacancies-container ul .Details-Header, .facebook-current-vacancies-container ul li .JobLink
     {
         float:left;
         width:50px;
     }
     
     .facebook-current-vacancies-container ul .JobTitle-Header, .facebook-current-vacancies-container ul .Details-Header
     {
         font-weight:bold;
         border-bottom: 1px dashed #B0B1AD;
         font-size:0.9em;
         padding:0 0 10px 0;
     }
     
     .facebook-current-vacancies-container ul li .JobLink
     {
          color: #00A2E2;
          font-size: 0.75em;
     }
     
     .CurrentVacanciesErrorMessage
     {
         margin:0 0 20px 0;
     }
     
     .facebook-careers-footer-right,
     .facebook-careers-footer-middle,
     .facebook-careers-footer-left
     {
        float:left;
        width:143px;
        font-size:0.85em;
        margin-right:8px;
     }
     
     .facebook-careers-footer-right
     {
        margin-right:0;
     }
     
     .facebook-footer-nav
     {
        background: url("../images/facebook/footer-bg.png") no-repeat;
        min-height:155px;
        width:450px;
        padding:20px 20px 20px 20px;
     }
     
     .facebook-thanks-text
     {
         background-color:#E4F1F7;
         border:1px solid #9FBECE;
         padding:20px;
     }
     
     .facebook-thanks-text h2
     {
         margin:0 0 10px 0;
     }
     
     .facebook-footer-nav-left
     {
         float:left;
         width:203px;
         padding:0 20px 0 0;
         border-right:1px solid #E8DECE;
     }
     
    .facebook-footer-nav-right
    {
        float:left;
        width:201px;
        padding:0 0 0 20px;
        border: 1px solid transparent;
    }

     
    .facebook-footer-nav a.Grey-Arrow-Right, .facebook-footer-nav .Grey-Arrow-Right 
    {
        float: none;
        font-size:1.1em;
        background: url("../images/home/grey-arrow.gif") no-repeat scroll right 5px transparent;
    }
    
    
    .facebook-footer-nav p
    {
        font-size:0.9em;
    }


/**************** NEW DARK SITE BANNER *********************/

.CustomDarkSiteBanner
{
    
}

.DarkSiteImageContainer
{
    float:left;
    width:250px;
    height:277px;
}

.DarkSiteImageContainer img
{
    width:250px;
    height:277px;
}

.DarkSiteContentContainer
{
    background-color: #000000;
    float: left;
    height: 241px;
    padding: 9px 20px 27px 18px;
    width: 312px;
}

.DarkSiteContentContainer h2
{
    color: #FFFFFF;
    font-size: 1.7em;
    font-weight: bold;
}

.DarkSiteContentContainer p
{
    color:#FFFFFF;
    font-size:0.7em;
}

.DarkSiteContentContainer h4
{
    color:#FFFFFF;
    font-weight:bold;
    font-size:0.8em;
    margin:0 0 10px 0;
}

.DarkSiteInformationLinks
{
    background-color:#CC0000;
    width:298px;
    height:137px;
    padding:7px;
}

.DarkSiteInformationLinks p
{
    margin:0;
    padding:0;
}

.DarkSiteInformationLinks p a
{
    padding:0 0 0 8px;
    margin:0 0 7px 0;
    background: url("../images/dark-site-bg-fade.jpg") no-repeat right top;
    width:290px;
    height:29px;
    color:#FFFFFF;
    float:left;
    line-height:29px;
    font-size:1.1em;
}

.Contact-Us-Content .DarkSiteImageContainer
{
    float:left;
    width:139px;
    height:291px;
}

.Contact-Us-Content .DarkSiteImageContainer img
{
    width:139px;
    height:291px;
}

.Contact-Us-Content .DarkSiteContentContainer
{
    background-color: #000000;
    float: left;
    height: 275px;
    padding: 10px 7px 6px 7px;
    width: 296px;
}

.Contact-Us-Content .DarkSiteContentContainer p
{
    font-size:0.7em !important;
}

.Contact-Us-Content .DarkSiteContentContainer h4
{
    margin:0 0 8px 0;
}

.Contact-Us-Content .DarkSiteInformationLinks
{
    background-color:#CC0000;
    width:284px;
    height:143px;
    padding:6px;
}

.Contact-Us-Content .DarkSiteInformationLinks p
{
    margin:0;
    padding:0;
}

.Contact-Us-Content .DarkSiteInformationLinks p a
{
    padding:0 0 0 8px;
    margin:0 0 7px 0;
    background: url("../images/dark-site-bg-fade.jpg") no-repeat right top;
    width:274px;
    height:31px;
    color:#FFFFFF;
    float:left;
    line-height:31px;
    font-size:1.1em;
}