/*********** STANDARD HTML STYLES ***********/
body{
	font-size: 0.7em;
	color: #575757;
	font-family: verdana;
	margin: 0px;
	padding: 0px;
	background: #e5edf6 url(/images/structure/body/bodybg26052009.gif) center top repeat-y;  
}

img{
	border: 0px;
}

a{
	text-decoration: none;
	color: #33bef2;
}

a:hover{
	text-decoration: underline;
	color: #33bef2;
}

hr{
	height: 0px;
	border-top: 1px solid #e3e2e1;
	margin-top: 0px;
}

p{
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
}

form{
	margin: 0;
	float: left;
}

h1, h2, h3, h4, h5, h6, h7{
	font-weight: bold;
	color: #1e2774;
	padding: 10px 10px 0px 0px;
	margin-bottom: 0px;
	margin-top: 0px;
}

h1{
	font-size: 18px;
}
h2{
	font-size: 14px;
}
/*********** STANDARD HTML STYLES ***********/



/*********** FUNCTION BAR STYLES ************/
#functionBar{
	height:24px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	height: 28px;
}

#functionBar, 
#functionBar a, 
#siteSearch .SearchLabel{
	color: #4980bc;
}

#displayVersion, 
#dateDisplay{
	padding-top: 3px;
}

#displayVersion{
	padding: 9px 0px 0px 155px;
}

.homePage #displayVersion{
	padding-left: 212px;
}

#keyLinks{
	width: 307px;
	padding-right: 178px;
	margin: 9px 0px 0px 0px;
}

.homePage #keyLinks{
	width: 250px;
}

#keyLinks a{
	padding-right: 20px;
}

#siteSearch {
	margin-top: 6px;
}

#siteSearch form{
	padding: 0px 5px 0px 0px;
	position: relative;
}

#siteSearch .searchLabel{
	padding-right: 5px;
	position: absolute;
	top: 4px;
	right: 164px;
}

#siteSearch input{
	font-size: 1.2em;
	width: 121px;
	height: 15px;
	/*margin-left: 2px;	
	padding: 0;
	margin: 0px 32px 0px 0px;*/
	position: absolute;
	top: 1px;
	right: 41px;
	border: 1px solid #7f9db9;	
}

#siteSearch .submit{
	border: none;
	width: 32px;
	height: 17px;
	cursor: pointer;
	color: #ffffff;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	background: url(/images/structure/header/2009/searchGo002.gif) no-repeat;
	top: 2px;
	right: 6px;
}
/*********** FUNCTION BAR STYLES ************/



/************** HEADER STYLES **************/
div#innerHeader{
	background: #ffffff;
	padding-bottom: 5px;		
}

div#innerHeader .headerMenu{
	padding-left: 7px;
}

div#innerHeader .headerMenu img{
	margin-right: 1px;
}
/************** HEADER STYLES ***************/



/************ CRUMBTRAIL STYLES *************/
div#crumbtrail{
	padding: 0px 0px 5px 0px;
	background-color: #ffffff;
	text-align: right;
	color: #a6b0d4;
}

div#crumbtrail .contents{
	padding: 0px 15px 0px 0px;
}

div#crumbtrail a, div#crumbtrail a:hover{
	color: #00aeef;
}
/************ CRUMBTRAIL STYLES *************/



/********** CENTRAL LAYOUT STYLES ***********/
#innerContainer00, #innerContainer01, #innerContainer10, #innerContainer11{
	background-color: #ffffff;
	padding-top: 10px;
}

div#innerLeftColumn{
	padding-left:10px;
	padding-top:0px;
}


div#innerRightColumn {
	padding-right:10px;
	padding-top:0px;
}


div#center{
	padding:0px 10px 0px 10px;
}

#innerContainer10 div#center{
	padding-left: 5px;
}
/*	FIX IE 6 ABOVE */	/* Hides from IE5-mac \*/* html div#center{padding:0px 5px 0px 5px;}/* End hide from IE5-mac */

div.pageTitle{
	font-weight: normal;
	font-size: 18px;
	color: #595959;
	padding: 0px 0px 15px 0px;
}

div.pageCopy{
	overflow: hidden;
}

/* Hide from IE5-mac. Only IE-win sees this. \*/

* html div.pageCopy .content{
	height: 1%;
}
 
/* End hide from IE5/mac */
/********** CENTRAL LAYOUT STYLES ***********/



/************** FOOTER STYLES ***************/
div#innerFooter{
	margin-top: 0px;
	font-size: 0.9em;
	padding: 5px 0px 0px 0px;
	text-align: center;
	color: #034ea2;
	
}

div#innerFooter .waterNotice{
	font-size: 17px;
	font-weight: bold;
	margin-left: 8px;
	display:inline;
	padding-top: 1px;
}


div#innerFooter .waterNotice a{
	color: #034ea2;
}

div#innerFooter a, 
div#innerFooter a:hover{
	color: #6f708b;
	text-decoration: underline;
}

div#innerFooter .boxharryDetails,
div#innerFooter .boxharryDetails a{
	color: #034ea2;
	display: none;
}
/************** FOOTER STYLES ***************/



/********** GLOBAL WIDGET STYLES ***********/
.widget{
	float: left;
	text-align: left;
	border-bottom: 3px #ffffff solid;
	width: 100%;
}

.widget .widgetHeader, .widget .widgetHeader .widgetLeftBorder, .widget .widgetHeader .widgetRightBorder, .widget .widgetHeader .widgetContent, .widget .widgetFooter, .widget .widgetFooter .widgetLeftBorder, .widget .widgetFooter .widgetRightBorder, .widget .widgetFooter .widgetContent{
	float: left;
}

.widget .widgetBody, .widget .widgetBody .widgetLeftBorder, .widget .widgetBody .widgetRightBorder, .widget .widgetBody .widgetContent, .widget .body{
	float: left;
	width: 100%;
}

.widget .title{ 
	padding: 12px 0px 0px 7px;
	font-weight: bold;
	font-size: 1em;
	height: 28px;
	color: #2c4f77;
	margin-bottom: 0px;
}

.widget .body p{
	margin: 0px 7px 7px 7px;
}

.widget a, .widget a:hover{
	color: #f4512d;
	font-weight: bold;
}
/********** GLOBAL WIDGET STYLES ***********/

/****** ADVANCED WEB MENU ********/
.webMenu{
	width: 180px;
	margin-bottom: 20px;
}

.webMenu .menuItem{
	padding: 6px 0px 6px 0px;
	border-bottom: solid 1px #d3d3d3;
	color: #0774ad;
	width: 160px;
}

.webMenu .active, .webMenu .activeChild{
	background-color:#cdeffb;
}

.webMenu .deactivate{
	background-color:#ffffff;
}

.webMenu .menuItem a{
	color: #0774ad;
	font-weight: normal;
}

.webMenu .menuItem a:hover{
	color: #0774ad;
	font-weight: normal;
}

.webMenu .child{
	padding-left: 25px;
	width: 135px;
}

.webMenu .child{
	padding-left: 25px;
	font-weight: normal;
}

.webMenu .child a{}

.webMenu .child a:hover{}

.childMenu .active{
	background-color:#cdeffb;
}

.BH2009HomeMenuItem{
	margin-bottom: -3px;
	padding-bottom: 0px;
}

.BH2009HomeMenuItem .menuItem{
	padding: 6px 0px 6px 0px;
	border-bottom: solid 1px #d3d3d3;
	color: #0774ad;
	width: 160px;
}

.BH2009HomeMenuItem .active{
	background-color:#cdeffb;
}

.BH2009HomeMenuItem .menuItem a, .BH2009HomeMenuItem .menuItem a:hover{
	color: #0774ad;
	font-weight: normal;

}

/****** ADVANCED WEB MENU ********/



/******** GLOBAL ACTIVE FORM STYLES ********/
fieldset, legend{
	border: 0;
	padding: 0;
	margin: 0;
}

form .requiredLabel{
	font-weight: 700;
}

form .errorFlag{
	color: red;
}

.activeForm{
	width: 100%;
	float: left;
}

.activeForm .formItemWrapper{
	float:left;
	padding: 0;
	width: 100%;
}

.activeForm .formText{
	padding: 5px 0px 5px 0px;
	float: left;
}

.activeForm .formLabelH{
	padding: 5px 0px 5px 0px;
	float:left;
	width: 38%;
	text-align: right;
}

.activeForm .formSummaryH{
	padding: 5px 0px 5px 0px;
	float:left;
	width: 60%;
	text-align: left;
}

.activeForm .formInputH{
	padding: 2px 0px 5px 0px;
	width: 60%;
	float:right;
}

.activeForm .formLabelV{
	float: left;
	padding: 0px 0px 5px 0px;
	clear:left;
}

.activeForm .formInputV, .activeForm .formSummaryV, .activeForm .formButton{
	float:left;
	clear:left;
}
/******** GLOBAL ACTIVE FORM STYLES ********/
.greyinfopanel{
	width: 179px;
}

.greyinfopanel .title{
	background: url(/images/environment/inYourArea/sussex/BandH2009/greyWidgetTitleBG001.gif) no-repeat left top !important;
	
}

.greyinfopanel .body{
	background: url(/images/environment/inYourArea/sussex/BandH2009/greyWidgetBodyBG001.gif) no-repeat left bottom !important;
	background-color: #cad6e1 !important;
	min-height: 162px;
}
/* FIX IE 6 ABOVE \*/* html .greyinfopanel .body{height: 162px;}
.greyinfopanel .body p{
	margin: 7px 7px 15px 7px;
}

.Twitter #twitter_div ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.Twitter #twitter_div li{
	padding-bottom: 10px;
}

.Twitter #twitter_div{
	padding: 0px 5px 15px 5px;
}


/* TABED WIDGETS */
.toolsWidgetSet001Tabs{
	position: relative;
	height: 250px;
}
/* FIX IE 6 ABOVE \*/* html .toolsWidgetSet001Tabs{height: 265px;}


.toolsWidgetSet001Tabs .tabs{
	position: absolute;
	top: 204px;
}

/* FIX IE 6 ABOVE \*/* html .toolsWidgetSet001Tabs .tabs{top: 217px;}

.toolsWidgetSet001Tabs .tab{
	width: 129px;
	height: 42px;
	float: left;
	padding: 10px 0px 0px 10px;
}

.toolsWidgetSet001Tabs .tab1, .toolsWidgetSet001Tabs .tab2, .toolsWidgetSet001Tabs .tab3{
	padding: 10px 0px 0px 13px;
}

.toolsWidgetSet001Tabs .tab a, .toolsWidgetSet001Tabs .tab a:hover{
	color: #ffffff;
	font-size: 1.4em;
	font-weight: normal;

}

.toolsWidgetSet001Tabs .inactivetab1{
	background: url(/images/environment/inYourArea/sussex/BandH2009/homepage/tab1_off.gif) no-repeat left top;
}

.toolsWidgetSet001Tabs .activetab1{
	background: url(/images/environment/inYourArea/sussex/BandH2009/homepage/tab1_on.gif) no-repeat left top;
}

.toolsWidgetSet001Tabs .inactivetab2{
	background: url(/images/environment/inYourArea/sussex/BandH2009/homepage/tab2_off.gif) no-repeat left top;
}

.toolsWidgetSet001Tabs .activetab2{
	background: url(/images/environment/inYourArea/sussex/BandH2009/homepage/tab2_on.gif) no-repeat left top;
}

.toolsWidgetSet001Tabs .inactivetab3{
	background: url(/images/environment/inYourArea/sussex/BandH2009/homepage/tab3_off.gif) no-repeat left top;
}

.toolsWidgetSet001Tabs .activetab3{
	background: url(/images/environment/inYourArea/sussex/BandH2009/homepage/tab3_on.gif) no-repeat left top;
}

.toolsWidgetSet001Tabs .inactivetab4{
	background: url(/images/environment/inYourArea/sussex/BandH2009/homepage/tab4_off.gif) no-repeat left top;
}

.toolsWidgetSet001Tabs .activetab4{
	background: url(/images/environment/inYourArea/sussex/BandH2009/homepage/tab4_on.gif) no-repeat left top;
}
/* TABED WIDGETS */



/** image gallery **/
/*****************************************************************************/
.webImageGallery001{
	padding-bottom: 10px;
	float: left;
	width: 100%;
}

.webImageGallery001 .imagesHTMLOutput{
	padding: 0px 0px 3px 10px;
	width: 370px;
}

 .webImageGallery001 .captionHTMLOutput{
	font-weight: normal;
	font-size: 0.8em;
	padding: 0px 10px 6px 10px;
 }

.webImageGallery001 .navLinks{
	float: left;
	width: 100%;
	padding: 8px 0px 8px 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.webImageGallery001 .prevPageLink{
	float: left;
	width: 66px;
	padding: 0px;
}

.webImageGallery001 .pageNumbers{
	width: 240px;
	padding: 0px;
	text-align: center;
	float: left;
}

.webImageGallery001 .pageNumber{
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 0px 1px;
	background-color: #ffffff;
}

.webImageGallery001 .currentImage{
	background-color: #dedede;
}

.webImageGallery001 .nextPageLink{
	float: right;
	width: 44px;
	padding: 0px;
	text-align: right;
}

.webImageGallery001 .nextPageLink a, .webImageGallery001 .prevPageLink a, .webImageGallery001 .pageNumber a{
	text-decoration: none;
	color: #33bef2;
	font-weight: normal;
}

/*****************************************************************************/

/* ***************** PRINT OPTIONS ******************/
@media print {
	div#functionBar, div#innerWrapper, div#innerHeader, div#crumbtrail, div#innerContainer11{float: none;}
   	#innerFooter { display: none}
	#innerContainer11{width: 775px; margin: 0px 0px 0px 0px;}
	#innerContainer11 #center{width: 370px; margin: 0px 0px 0px 190px;}
	#innerContainer11 #center .pageCopy{overflow: visible;}
	#innerContainer11 #innerRightColumn{display: none;}
	div#center, .pageCopy, .swim, .activeForm, .activeForm .formItemWrapper, .activeForm .textFormItemWrapper{float: none;}
}
/* ***************** PRINT OPTIONS ******************/


/** standard asset browser **/
#innerContainer10 .assetBrw001{
	float: left;
}

.assetBrw001 .tableItem{
	width: 100%;
	padding: 5px 0px 30px 0px;
	float: left;
	margin-bottom: 20px;
	border-bottom: solid 1px #cccccc;
}

.assetBrw001 .assetName{
	font-weight: bold;
	padding:3px 0px 3px 0px;
	float: left;
}

.assetBrw001 .thumbNail{
	width:230px;
	float:left;
}

.assetBrw001 .moreLink{
	font-weight: bold;
	padding:3px 0px 3px 0px;
	float: left;
}

.assetBrw001  a, .assetBrw001 a:hover{
	color:#3c74c9;
}

.webMediaPlayer001  .backButton{
	text-align: right;
	padding: 0px 0px 10px 0px;
}

.webMediaPlayer001PlaybackScreen .assetName{
	font-weight: bold;
	padding:3px 0px 3px 0px;
	float: left;
	font-size:1.3em;
}

.webMediaPlayer001 a, .webMediaPlayer001 a:hover{
	color:#3c74c9;
}

.assetBrw001 .assetTagLine{
	float:left;
}


.videoBrowser  .assetTagLine{
	float:left;
	width: 340px;
}
/** standard asset browser **/


/** news article browser **/
.cleanerseasNews .tableItem{
	padding: 5px 0px 0px 0px;
	float: left;
	border-bottom: none;
}

.cleanerseasNews .assetName{
	font-weight: bold;
	padding: 3px 0px 0px 0px;
	width: 100%;
	float: left;
	font-size: 1.2em;
}

.cleanerseasNews .assetTagLine{
	width: 100%;
	float: left;
}

.cleanerseasNews .created{
	width: 100%;
	padding: 3px 0px 10px 0px;
}
/** news article browser **/

/** news article details **/
.cleanerseasNews .assetBrw001AssDet .backButton{
	text-align: right;
	padding-right: 20px;
}


.cleanerseasNews .assetBrw001AssDet .Article_title{
	font-weight: bold;
	padding: 3px 0px 0px 0px;
}

.cleanerseasNews .assetBrw001AssDet p{
	margin: 7px 0px;
	padding: 7px 0px;
}
/** news article details **/


/** mini news article browser **/
.miniNewsBrowser .tableItem{
	padding: 5px 0px 0px 0px;
	border-bottom: none;
}

.miniNewsBrowser .assetName{
	font-weight: bold;
	padding: 0px 5px 0px 5px;
	font-size: 1em;
}

.miniNewsBrowser .assetTagLine{
	padding: 10px 5px 0px 5px;
}

.miniNewsBrowser .moreLink{
	padding: 0px 5px 0px 5px;
}

.miniNewsBrowser .moreLink a, .miniNewsBrowser .moreLink a:hover{
	color: #f4512d;
}
/** mini news article browser **/


/** timeline asset browser **/
.timelineAssetBrowser .tableItem{
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}

.timelineAssetBrowser .assetName{
	width: 500px;
	font-size: 1.2em;
}

.timelineAssetBrowser .assetImage{
	clear: left;
	width: 160px;
	float: left;
}

.timelineAssetBrowser .assetCaption, .timelineAssetBrowser .assetTagLine{
	width: 400px;
	float: right;
	text-align: left;
}

.timelineAssetBrowser .assetCaption{
	color: #4d6588;
	font-size: 1.1em;
	font-weight: bold;
}

/** timeline asset browser **/




/** blogs **/
/*****************************************************************************/
.webBlog a{
	color:#3c74c9;
}

.webBlog .backButton {
	text-align: right;
	padding-bottom: 5px;
}

.webBlog .webBlog001PostList .title, .webBlog .webBlog001PostDetails .title{
	font-weight: bold;
	font-size: 14px;
	color: #595959;
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
}

.webBlog .webBlog001PostList .content{
	display: none;
}

.webBlog .webBlog001PostList .more, .webBlog .webBlog001PostList .firstItem .content{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cdcdcd;
} 

.webBlog .webBlog001PostList .firstItem .content, .webBlog .webBlog001PostList .soleItem .content {
	display: block;
	padding-top: 5px;
}

.webBlog .webBlog001PostList .firstItem .more{
	display: none;
}

.webBlog .publishName, .webBlog .publishDate, .webBlog .publishTime {
	font-weight: bold;
}
/*****************************************************************************/


/** blogs **/
/*****************************************************************************/
.webBlog001PostList .bloggerTitleHTML{
	font-weight: normal;
	font-size: 18px;
	color: #595959;
	padding: 0px 0px 10px 0px;
	display: none;
}

.webBlog001PostList .blogArticle{
	margin: 0px 0px 25px 0px;
}

.webBlog001PostList .blogArticleTitle{
	font-weight: bold;
	font-size: 14px;
	color: #595959;
	padding: 0px 0px 5px 0px;
}

.webBlog001PostList .blogArticleContent{
	padding: 0px 0px 5px 0px;
}

.webBlog001PostList .blogArticleFooter{
	padding: 2px 3px 6px 0px;
	color: #33bef2;
	border-bottom: solid 1px #e3e2e1;
}
/*****************************************************************************/


/********** web blog ******************/
.webBlogger001 .itemDetails{
	padding: 0px 0px 20px 0px;
}

.webBlogger001 .itemDetails .title, .webBlogger001 .itemDetails .content, .webBlogger001 .itemDetails .title a{
	background-color: #fff;
	color: #595959;
}

.webBlogger001 .itemDetails .title{
	font-weight: normal;
	font-size: 14px;
	padding: 0px 0px 5px 0px;
}

 .webBlogger001BlogList .middleItem .content,  .webBlogger001BlogList .lastItem .content,  .webBlogger001BlogList .lastItem .date_published,  .webBlogger001BlogList .middleItem .date_published{
	display: none;
 }

.date_published .inlineLabel{
	float: left;
	padding: 0px 5px 0px 0px;
}

.date_published .inlineValue{
	float: left;
}

.more{
	clear: both
}

.webBlog001PostDetails .itemDetails{
	padding: 0px 0px 25px 0px;
	border-bottom: solid 1px #e3e2e1;
	margin: 0px 0px 25px 0px;
}

/********** web blog ******************/