/*========================================================

Global CSS file for Chichester Harbour Concervancy

Created by Strawberrysoup - www.strawberrysoup.co.uk

=========================================================*/
body {
	color:#fff;
}

#wrapper {
	width:950px;
	margin:0 auto 50px auto;
	position:relative;
}

table caption {
	display:  none;
}

/*===================================================================
BRANDING CONTAINER
===================================================================*/
#branding_container {
	background:url('../cssimages/banner_home.jpg');
	height:634px;
}

/*--------------------------subpages--------------------------*/
.sub_page #branding_container {
	background:url('../cssimages/content_image.jpg');
	height:420px;
}

/*===================================================================
BRANDING
===================================================================*/
#branding {
	width:940px;
	height:153px;
	background:url('../cssimages/branding_background.png');
	padding:10px 0 0 10px;
}

#branding h1 {
	width:639px;
	height:117px;
	background:url('../cssimages/branding_logo.png') no-repeat;
	text-indent:-9999em;
}

/*===================================================================
NAVIGATION
===================================================================*/
#main_navigation {
	width:940px;
	height:29px;
	margin:0 auto;
	padding:0 0 0 10px;
	list-style:none;
	background:url('../cssimages/navigation_background.jpg') repeat-x;
	position: absolute;
	z-index:300;
}

#main_navigation li {
	float:left;
	margin:6px 14px 0 0;
	font-size:1.12em;
}

#main_navigation li li {
	font-size: 1.15em;
}

#main_navigation li a {
	color:#fff;
	padding:0 0 10px 0;
	display:block;
}

#main_navigation ul li a:hover {
	background:#192544;
}

/*===================================================================
SUB NAVIGATION WITH HOVER
===================================================================*/

#main_navigation ul {
	display:none;
	position:absolute;
	list-style:none;
	margin-top:-10px;
/*	background:url('../cssimages/subnav_background.png');*/
	background: #39416E;
/*	width:169px;*/
	width: 200px;
	z-index:999;
/*	border-top: solid 1px #fff;*/
}

#main_navigation ul li {
	float:none;
	font-size:0.9em;
}

/*--------------------------SECOND LEVEL NAVIGATION--------------------------*/

#main_navigation li:hover ul.subnavigation_2 {
	display:block;
}

#main_navigation li:hover ul.subnavigation_2 li {
	margin-right:0;
}

#main_navigation li:hover ul.subnavigation_2 li {
	margin:0;
}

#main_navigation li:hover ul.subnavigation_2 a {
	padding:0 10px 5px 10px;
}

/*====================================IE6 FIX====================================*/

*html #main_navigation li.msieFix ul.subnavigation_2 {
	display:block;
}

*html #main_navigation li.msieFix ul.subnavigation_2 li {
	margin-right:0;
}

*html #main_navigation li.msieFix ul.subnavigation_2 li {
	margin:0;
}

*html #main_navigation li.msieFix ul.subnavigation_2 a {
	padding:0 10px 5px 10px;
}

/*====================================END FIX====================================*/


/*--------------------------THIRD LEVEL NAVIGATION--------------------------*/

#main_navigation li ul.subnavigation_2 li:hover ul.subnavigation_3 {
	display:block;
	margin:-25px 0 0 200px;
}

#main_navigation li ul.subnavigation_2 li:hover ul.subnavigation_3 a {
	padding: 5px 10px 5px 10px;
}

/*====================================IE6 FIX====================================*/
*html #main_navigation li ul.subnavigation_2 li.msieFix ul.subnavigation_3 {
	display:block;
	margin:-27px 0 0 169px;
}
/*====================================END FIX====================================*/

/*--------------------------FOURTH LEVEL NAVIGATION--------------------------*/

#main_navigation li ul.subnavigation_3 li:hover ul.subnavigation_4 {
	display:block;
	margin:-26px 0 0 200px;
}

#main_navigation li ul.subnavigation_3 li:hover ul.subnavigation_4 a {
	padding: 5px 10px 5px 10px;
}

#breadcrumb {
	display:block;
	background:#B0C0D7;
}

/*====================================IE6 FIX====================================*/
*html #main_navigation li ul.subnavigation_3 li.msieFix ul.subnavigation_4 {
	display:block;
	margin:-26px 0 0 169px;
}
/*====================================END FIX====================================*/

/*===================================================================
CONTENT CONTAINER
===================================================================*/
#content_container {
	background:url('../cssimages/content_container_background.jpg') repeat-x #304B7B;
	padding:10px 10px 30px 10px;
}

/*===========================IE6 FIX ===========================*/

*html #content_container {
	padding:10px 1px 30px 10px;
}

/*--------------------------sub pages--------------------------*/
.sub_page #content_container {
	padding:0px 0px 0px 0;
	margin:0 0 0px 0;
	border-left:solid 3px #0F1930;
	min-height: 1030px;
}

#additional_content a, #homepage_content_sections div a {
	color:#fff;
	text-decoration:underline;
}

#content a:hover, #additional_content a:hover, #homepage_content_sections div a:hover {
	color:#7E7E7E;
	text-decoration:none;
}

/*===========================IE6 FIX ===========================*/
*html .sub_page #content_container {
	height: 1000px;
}

/*==================================================================================
HOME PAGE CONTENT SECTIONS (Will also style parts of the sidebar in the subpages)
====================================================================================*/

#homepage_content_sections div {
	width:298px;
	float:left;
	border:solid 1px #fff;
	padding:0 0 10px 0;
	margin:0 10px 10px 0;
	min-height:410px;
	font-size:0.9em;
} 

#homepage_content_sections div p, #homepage_content_sections div h5, #additional_content div p, #additional_content div h5 {
	padding:5px;
	margin:0;
}

#homepage_content_sections div h3, #additional_content div h3 {
	background-color:#0D1932;
	padding:5px 0 5px 30px;
}

#homepage_content_sections div img {
	border-top:solid 1px #fff;
	border-bottom:solid 1px #fff;
}

#homepage_content_sections div ul {
	list-style:none;
}

/*====================================IE6 FIX====================================*/

*html #homepage_content_sections div {
	height:410px;
}

/*===================================================================
STYLING OF INDIVIDUAL CONTENT SECTIONS ON HOME PAGE
===================================================================*/

/*----------------------------------News-------------------------------*/

#news h3 {
	background:url('../cssimages/latest_news_bullet.jpg') left no-repeat;
}

/*----------------------------------What's on-------------------------------*/

#homepage_content_sections div#whats_on {
	background:#2A5440;
}

#whats_on h3 {
	background:url('../cssimages/whats_on_bullet.jpg') left no-repeat;
}

/*----------------------------------Links-------------------------------*/

#links h3, .links h3 {
	margin-bottom:10px;
	background:url('../cssimages/links_bullet.jpg') left no-repeat;
}

#links li, .links li {
	list-style:none;
	background:#192544;
	padding:5px 0 5px 10px;
	margin:0 0 3px 0;
}

/*----------------------------------Links-------------------------------*/

#map h3 {
	background:url('../cssimages/map_bullet.jpg') left no-repeat;
}

#map a#map_link {
	padding:5px;
}

/*----------------------------------Weather-------------------------------*/

#homepage_content_sections div#weather img {
	border:none;
}

#weather h3 {
	background:url('../cssimages/weather_bullet.jpg') left no-repeat;
}

#weather table {
	background:url('../cssimages/weather_background.jpg');
}

#weather h5 {
	background:#547761;
}

#weather table td {
	width:215px;
	text-align:center;
}

#weather table td.weather_icons {
	width:40px;
	padding-right:5px;
}

#weather dl {
	margin:20px 0 0 20px;
}

#weather dt {
	margin-bottom:3px;
}

#weather dd {
	margin-bottom:10px;
}

#weather .submit, #contact .submit {
	border:none;
	background:url('../cssimages/go_button.jpg') no-repeat;
	color:#fff;
	width:59px;
	height:21px;
	color: white;
}

#links #quicklink0 {
    background: #007EAD;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgba(56, 197, 245, 0.7)),
        color-stop(0.5, rgba(0, 124, 172, 0.7))
    );
    background: -moz-linear-gradient(
        center top,
        rgba(56, 197, 245, 0.7) 0%,
        rgba(0, 124, 172, 0.7) 50%
    );
}

#breadcrumb a.submit, a.harbourdues {
    color: white;
    padding: 4px 6px;
    text-decoration: none !important;
    
    border: 1px solid #2E739C;
    background: #0080B0;
    
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, rgb(56, 197, 245)),
        color-stop(0.5, rgb(0, 124, 172))
    );
    background: -moz-linear-gradient(
        center top,
        rgb(56, 197, 245) 0%,
        rgb(0, 124, 172) 50%
    );
}

/*----------------------------------Contact-------------------------------*/

#contact h3 {
	background:url('../cssimages/contact_bullet.jpg') left no-repeat;
}

#contact form {
	width:290px;
}

#contact dl {
	margin:20px 0 0 20px;
}

#contact dt {
	margin-bottom:3px;
	width:80px;
	float: left;
}

#contact dd {
	margin-bottom:10px;
	float: left;
}

#contact dd span {
	width:135px;
	float:left;
	display: block;
}

/*====================================IE6 & 7 FIX====================================*/

*html #contact dd span {
	width: 90px;
}

*:first-child+html #contact dd span {
	width: 100px;
}

*html #contact dl, *:first-child+html #contact dl {
	margin:20px 0 0 10px;
}


/*===================================================================
SUB PAGES
===================================================================*/

#content_wide {
	width:630px;
	background:#fff;
	color:#000;
}

#content_wide ul#content_hotlinks {
	margin:0;
}

/*--------------------------------Sidebar removed from events page to allow for larger calendar----------------------------------*/

#content_xtrawide {
	background:#fff;
	color:#000;
	width:945px;
}

/*===================================================================
CALENDAR STYLING
===================================================================*/

.full-calendar-month {
	margin-top:50px;
}

.full-calendar-buttons {
	position:absolute;
	margin:5px 0 0 780px;
}

.full-calendar-buttons input.full-calendar-prev, .full-calendar-buttons input.full-calendar-next  {
	height:31px;
	width:31px;
	border:none;
	text-indent:-9999em;
	margin-right:10px;
}

input.full-calendar-prev {
	background:url('../cssimages/calendar_previous.jpg') no-repeat;
}

input.full-calendar-next {
	background:url('../cssimages/calendar_next.jpg') no-repeat;
}

.full-calendar-today {
	width:60px;
	height:21px;
	margin:0 10px 0 0;
	border:none;
	background:url('../cssimages/go_button.jpg') no-repeat;
	font-size:1.1em;
	padding-bottom:3px;
}

#content_xtrawide #calendar table {
	border-collapse:collapse;
	background:#fff;
}

#calendar td.day {
	border:solid 1px #929292;
	padding:0 5px 0 5px;
	vertical-align:top;
}

#calendar span.event-title {
	font-size: 1em;
}

table.event td {
	background:#B0BFD5;
	padding:3px;
}

/*===================================================================
EVENTS (FROM CALENDAR)
===================================================================*/

#content_xtrawide #back_to_calandar {
	position:absolute;
	top:415px;
	left:760px;
	display:block;
	background:url('../cssimages/calendar_previous.jpg') no-repeat;
	width:160px;
	height:31px;
	padding:5px 0 0 40px;
	margin:10px 0 0 0;
	color:#fff;
}


/*------------------------------------------IF PAGE HAS IMAGES------------------------------------------*/

#content {
	width:480px;
	background:#fff;
	color:#000;
	float:left;
	margin-right:10px;
}

#content_image_container {
	width:130px;
	float:left;
}

.content_image {
	width:120px;
	height: 120px;
	overflow: hidden;
	margin-top:30px;
	border:solid 5px #fff;
}

/*====================================IE6 FIX====================================*/

*html .content_image {
	width:110px;
}

/*------------------------------------------------END IF PAGE HAS IMAGES---------------------------------------------------*/

#content_wide a, #content a {
	color:#000;
	text-decoration:underline;
}

#content_wide p, #content p {
	margin-top:0;
}

#content_wide h2, #content h2, #content_xtrawide h2 {
	color:#fff;
	background:#0E1931;
	padding:10px;
}

#content_wide p, #content_wide h3, #content_wide h4, #content_wide ul, #content_wide ol, #content p, #content h3, #content h4, #content ul, #content ol, #content_xtrawide p, #content_xtrawide h3, #content_xtrawide h4, #content_xtrawide h5, #content_xtrawide ul, #content_xtrawide ol {
	padding:10px 20px 10px 20px;
}

#content ul, #content ol, #content_wide ul, #content_wide ol, #content_xtrawide ol {
	margin-left:20px;
}

#content_wide #content_base, #content #content_base, #content_xtrawide #content_base {
	background:#0F192F;
	text-align:right;
	font-size:1.2em;
	margin:20px 0 0 0;
	clear: both;
}

#content_wide #content_base a, #content #content_base a, #content_xtrawide #content_base a {
	text-decoration:none;
	color:#fff;
}

#content_wide table, #content_xtrawide table, #content table {
	background:#C2D3EE;
	padding:10px;
	border-collapse:collapse;
	width:100%;
	margin:0 auto 20px auto;
}

#content_wide table td, #content_xtrawide table td, #content table td {
	padding:5px;
	vertical-align:top;
}

#content_wide table tr.odd, #content_xtrawide table tr.odd, #content table tr.odd {
	background:#A8B7CE;
}

#content_wide table.tidal_times {
	margin-bottom:30px;
}

#content_wide table.tidal_times th {
	text-align:left;
	padding:5px 5px 10px 5px;
}

#content_wide form.formbuilder {
	width:100%;
}

#content_wide form.formbuilder dl {
	padding:20px;
}

#content_wide form.formbuilder dt {
	min-width:140px;
	margin:0 0 10px 0;
}

#content_wide form.formbuilder dd {
	margin:0 0 10px 0;
}

/*====================================IE6 FIX====================================*/

*html #content_wide form.formbuilder dt {
	width:140px;
}

/*====================================END IE6 FIX====================================*/


/*===================================================================
DETAIL PAGES (STATIC)
===================================================================*/
#content_hotlinks {
	width:630px;
	background:url('../cssimages/footer_background.jpg') repeat-x;
	list-style:none;
}

#content_hotlinks li {
	float:left;
	margin:0 12px 0 0;
}

#content_hotlinks li a {
	display:block;
	text-decoration:none;
	color:#fff;
}

#content_hotlinks li a:hover {
	color:#fff;
}

/*----------------------------PDF LIST PAGES WITH LOGO----------------------------*/

.pdf_list ul {
	margin:0 0 30px 0;
}

.pdf_list ul li {
	list-style:none;
	background:url('../cssimages/pdf_logo.jpg') left no-repeat;
	padding:0 0 0 50px;
	margin:0 0 20px 0;
}

#content_wide p.click_year_tabs {
	background:#0F1930;
	color:#fff;
	padding-left:10px;
	margin:0;
}

#content_wide ul.year_tabs {
	border-bottom:solid 10px #56729E;
	background:#0F1930;
	padding:0 0 0 240px;
	margin:-25px 0 0 0px;
}

#content_wide ul.year_tabs li {
	list-style:none;
	float:left;
	margin:0 0px 0 0;
}

#content_wide ul.year_tabs li a {
	display:block;
	background:url('../cssimages/year_tab.jpg') no-repeat;
	color:#fff;
	width:41px;
	height:17px;
	padding:0 0 0 20px;
	text-decoration:none;
}

#content_wide ul.year_tabs li.current a {
	background:url('../cssimages/year_tab_current.jpg') no-repeat;
}

/*----------------------------------VACANCIES----------------------------------*/

#job_detail_section h3 {
	background-color:#59729C;
	color:#fff;
	clear:both;
}

#job_detail_section #content_base {
	margin:0;
}

#job_detail_section h4 {
	display:block;
	width:120px;
	float:left;
	font-size:1.1em;
}

#job_detail_section .description {
	width:400px;
	float:left;
}

#job_detail_section h3.pdf_logo {
	background:url('../cssimages/pdf_logo.png') no-repeat 130px 6px;
	background-color:#59729C;
	padding:5px 0 5px 180px;
	margin:0 0 0px 0;
}

/*===================================================================
MEMBERS SECTION
===================================================================*/
#login_to_account dl {
	width:400px;
	margin:20px 0 0 20px;
}

#login_to_account dt {
	width:100px;
	float:left;
	clear:left;
	margin:0px 0 10px 0;
}

#login_to_account dd {
	margin:0px 0 10px 0;
}

#login_to_account input {
	border:solid 1px #777;
}

#login_to_account input.submit {
	color:#fff;
	background:url('../cssimages/go_button.jpg');
	height:21px;
	width:59px;
	border:none;
	padding-bottom:3px;
	cursor:pointer;
}

/*===================================================================
SDF LOGIN
===================================================================*/

#sdf_login {
	width: 350px;
}

#sdf_login form {
	margin: 0 0 0 20px;
}

#sdf_login form dt {
	width: 150px;
	float: left;
	clear: left;
	margin: 0 0 10px 0;
}

#sdf_login form dd {
	float: left;
	margin: 0 0 10px 0;
}

#sdf_login h3 {
	clear: left;
}

* html #log_submit {
	margin: 0 0 0 -20px;
}

*:first-child+html #log_submit {
	margin: 0 0 0 -20px;
}

/*===================================================================
GALLERY
===================================================================*/
#content_wide .gallery_image_list {
	list-style:none;
	margin:20px 0 0 0;
	padding:0;
}

.gallery_image_list li {
	width:200px;
	height:200px;
	float:left;
	margin:0 0px 0 8px;
}

#feedback {
	width:500px;
	margin:0 0 0 20px;
}


#feedback dt {
	width:130px;
	float:left;
	clear:left;
	margin:0 0 20px 0;
}

#feedback dd {
	margin:0 0 20px 0;
}

#feedback input {
	border:solid 1px #777;
}

#feedback input.submit {
	border:none;
	background:url('../cssimages/go_button.jpg') no-repeat;
	color:#fff;
	width:59px;
	height:21px;
	padding-bottom:2px;	
}

/*===================================================================
CAREERS
===================================================================*/
#jobnav {
	padding:0 0 20px 20px;
}

/*===================================================================
LIBRARY
===================================================================*/
#library_search {
	width:590px;
	margin:50px 20px 0 20px;
}

#library_search dt {
	width:150px;
	float:left;
	clear:left;
	margin:0 0 30px 0;
}

#library_search dd {
	margin:0 0 30px 0;
}

#library_search input {
	border:solid 1px #777;
}

#library_search input.submit {
	border:none;
	color:#fff;
	height:21px;
	width:59px;
	padding:0 0 2px 0;
	background:url('../cssimages/go_button.jpg');
}

#library_result {
	line-height:1.6em;
}

#library_result li {
	margin:0 0 15px 0;
}

/*===================================================================
NEWS ARTICLES
===================================================================*/
#news_full img {
	margin: 25px 10px 0 20px;
	float: left;
}

/*===================================================================
ADDITIONAL CONTENT (SIDEBAR)
===================================================================*/
#additional_content {
	position:absolute;
	z-index: 0;
	top:191px;
	right:0;
	width:297px;
	padding:0 10px 0 10px;
	background:url('../cssimages/additional_info_background.jpg') repeat-x #122752;
}

#additional_content div {
	width:298px;
	border:solid 1px #fff;
	padding:0 0 10px 0;
	margin:0 0px 10px 0;
	min-height:30px; 
	font-size:0.9em;
}

/*===========================IE6 FIX ===========================*/

*html #additional_content {
	padding:0 8px 0 8px;
}

*html #additional_content div {
	height:340px; 
}

/*===================================================================
FOOTER
===================================================================*/
#footer {
	height:50px;
	background:url('../cssimages/footer_background.jpg') repeat-x;
	padding:9px 0 0 0;
	margin:1px 0 0 0;
}

#footer img {
	float:left;
	margin:0 40px 0 20px;
}

#footer p#copyright {
/*  width:280px;*/
    position: relative;
	float:left;
	margin: 0 0 0 0;
}

#footer p#copyright span {
    line-height: 37px;
}

#footer p#copyright a {
    position: absolute;
    display: block;
    height: 40px;
    top: 0;
    opacity: 0.6;
    text-indent: -9999px;
}

#footer p#copyright #natural_england {
    left: 20px;
    width: 55px;
}

#footer p#copyright #friends_of_chc {
    left: 75px;
    width: 60px;
}

#footer p#copyright #chichester_harbour_trust {
    left: 135px;
    width: 117px;
}

#footer ul {
	list-style:none;
	float:right;
	margin:10px 0 0 0;
}

#footer li {
	float:left;
	margin:0 10px 0 0;
}

#footer li a {
	color:#fff;
}

#strawberrysoup {
	text-align:center;
	color:#000;
	padding-bottom:30px;
}

#strawberrysoup a {
	color:#000;
}

.graph {
	position: relative;
	padding-top: 10px;
}
.graph .graph_wrap {
	margin-left: 50px;
}
.graph .yaxis {
	position:  absolute;
	display: block;
	width: 77px;
	text-align: right;
	top: 0px;
}

.graph .xaxis {
	position: absolute;
	left: 540px;
	top:  189px;
}

#search {
	display: block;
	position: relative;
	top: 29px;
	padding: 4px;
	left: 10px;
	background: #304B7B;
	opacity: 0.7;
	width: 245px;
	font-size: 0.9em;
	overflow: hidden;
}

#search h4 {
	width: 240px;
	overflow: hidden;
	height: 26px;
}

#search a {
	color: white;
}

#search p {
	margin: 2px 0;
}

#results .result {
	margin-bottom: 10px;
	margin-left: 10px;
	border-bottom: 1px solid;
}

.timeline-event-bubble-body {
	color: black;
}

#homepage_content_sections .ui-sortable-helper {
	background: url(/images/gloss.png);
}




/* SDF FONT SIZE INCREASE */
#main_sdf_form table, #main_sdf_form input {
	font-size: 14px;
	line-height: 18px;
}

#main_sdf_form textarea {
	min-height: 60px;
}