/* ++++++++++++ resets ++++++++++++ */

body,ul,li,img,h1,h2,h3,p,form,fieldset {margin:0; padding:0;}
ul {list-style:none;}
img {border:none;}
fieldset {border:none;}
table, th, td
{
border: 0px solid black;
}


/* ++++++++++++ text ++++++++++++ */

a {text-decoration:none; color:#222222;}

body {font:100% normal Arial, Helvetica, sans-serif; color:#707070;}

#searchBar h2 {font-size:80%; padding:8px 0 0 10px;}
.search label {font-size:80%; color:#316685; font-weight:bold;}

#nav {line-height:25px; font-size:80%;}
#nav a {color:#fff; text-decoration:none;}
#nav a:hover,
#nav a.current {color:#eee; background:#A51500;}

#breadcrumb {font-size:70%;}
#breadcrumb a {color:#8198a0;}
#breadcrumb a:hover {color:#214e5f;}

#intro p {font-size:70%; margin-top:10px;}
#intro h1 {text-transform:uppercase; font-size:100%; color:#a51500;}

#panel h3 {display:block; width:185px; height:2em; line-height:2.2em; text-indent:10px; color:#fff;font-size:80%;}
#panel p,
#panel li .panelFoot a.viewLink {font-size:70%;}

.panel h3 {display:block; width:185px; height:2em; line-height:2.2em; text-indent:10px; color:#fff;font-size:80%;}
.panel p,
.panel li .panelFoot a.viewLink {font-size:70%;}

#columnWrap {line-height:14pt;}
#columnWrap p {font-size:70%;}
#columnWrap h1 {text-transform:uppercase; font-size:100%;}

#nextPageGrey a,
#nextPageWhite a {color:#5f7d88; font-weight:bold;}

#nextPageGrey,
#nextPageWhite {font-size:70%;}

#whereToList h2 { color:#9c1505; font-size:80%;}
#whereToList a {color:#9c1505;}
#whereToList a:hover {color:#214e5f;}
#whereToList h2 a { color:#9c1505;}

#footer {font-size:70%;}
#footer a {color:#a51500; text-decoration:none;}
#footer a:hover {color:#214e5f;}
#footer a strong {color:#407285;}

#credits {font-size:65%; color:#8c9091;}
#credits a {color:#8c9091; text-decoration:none;}
#credits a:hover {color:#214e5f;}

/* ++++++++++++ layout ++++++++++++ */

#center {text-align:center;}
#wrap {width:950px; margin:0 auto; text-align:left;}

#header {height:75px;}

#nav {background:#EB2B0F; width:100%; height:25px;}
#nav li {float:left;}
#nav li a {padding:0 10px; margin:0; display:block; border-right:2px solid #fff; background:#EB2B0F;}

#breadcrumb {clear:both; margin-top:5px; height:2em; line-height:2em;}
#breadcrumb li {display:inline; margin-right:5px;}

#masthead {height:259px; margin-top:15px; clear:both;}

#panelWrap {width:950px; height:15em; clear:both;}

#columnWrap {width:100%; clear:both; margin-top:5px;}
#leftWrap {width:759px; float:left;}

#leftColumn {width:185px; float:left;}
#leftColumn img {width:180px;}

#subnav {margin-bottom:10px;}
#subnav h3 {display:block; padding:0 10px; height:2em; line-height:2.2em; background:#657f88; color:#fff; font-size:80%;}
#subnav li {display:block;}
#subnav li a {display:block; padding:2px 10px; border-bottom:1px dotted #c0c0c0; margin:0; width:165px; font-size:70%;}
#subnav li a:hover {color:#000; background:#e0e6e8;}
#subnav li a.current {color:#000; background:#e0e6e8;}
#subnav li strong {display:block; padding:0 10px; height:2em; line-height:2.2em; background:#657f88; color:#fff; font-size:70%;}

#rightColumn {width:185px; float:right;}
#rightColumn #panel li {margin-right:0;}

#centerColumn {width:568px; float:right;}
#centerColumn .intro {padding:10px; color:#fff; margin-top:6px;}

#searchBar {border:1px solid; border-color:#9D1709 #e8e8e8 #f6f7f7 #e8e8e8; color:#a51500; clear:both; margin-top:23px; background:#f6f7f7 url(../images/searchBar.jpg) no-repeat bottom center; height:31px; padding-bottom:9px;}

#footer {height:10em; border:1px solid; border-color:#f6f7f7 #e8e8e8 #e8e8e8 #e8e8e8; background:#f6f7f7; padding-top:20px; line-height:14pt;}
#footer ul {float:left; width:178px; margin-right:5px; padding-left:5px; color:#a51500; border-left:2px solid #ececec;}
#footer ul li {margin:0; padding:0; list-style-position:inside;}
#footer ul.first {border-left:none;}

#credits {height:2em; line-height:2em; margin-top:10px;}

/* ++++++++++++ panels ++++++++++++ */

#panel li {width:185px; height:15em; float:left; margin-bottom:10px; line-height:14pt;}
#panel li#end {margin-right:0;}
#panel li h3 a {display:block; width:185px; height:2em; line-height:2.2em; text-indent:10px; color:#fff;}
#panel li h3 a:hover {color:#fff; text-decoration:none;}
#panel li .border {border:solid #c2c2c2; border-width:0 1px 1px 1px; position:relative; height:9em;}
#panel li .panelImg {width:185px; height:72px;}
#panel li p {padding:10px 6px;}
#panel li form {padding:5px 6px;}
#panel li .panelFoot {height:25px; position:absolute; bottom:0; left:0; background:url(../images/dots.jpg) no-repeat top center; width:182px;}
#panel li .panelFoot a.viewLink {background:url(../images/viewLink.jpg) no-repeat 8px center; padding-left:25px; color:#5d5d5d; text-decoration:none; display:block; width:168px; height:25px; line-height:25px;}
#panel li .panelFoot a.viewLink:hover {color:#000000;}

.panel li {width:185px; height:15em; float:left; margin-bottom:10px; line-height:14pt; margin-right:5px;}
.panel li#end {margin-right:0;}
.panel li h3 a {display:block; width:185px; height:2em; line-height:2.2em; text-indent:10px; color:#fff;}
.panel li h3 a:hover {color:#fff; text-decoration:none;}
.panel li .border {border:solid #c2c2c2; border-width:0 1px 1px 1px; position:relative; height:9em;}
.panel li .panelImg {width:185px; height:72px;}
.panel li p {padding:10px 6px;}
.panel li form {padding:5px 6px;}
.panel li .panelFoot {height:25px; position:absolute; bottom:0; left:0; background:url(../images/dots.jpg) no-repeat top center; width:182px;}
.panel li .panelFoot a.viewLink {background:url(../images/viewLink.jpg) no-repeat 8px center; padding-left:25px; color:#5d5d5d; text-decoration:none; display:block; width:168px; height:25px; line-height:25px;}
.panel li .panelFoot a.viewLink:hover {color:#000000;}

/* panel h3 colours */

#panel h3.red {background:#9C1505;}
#panel h3.blue {background:#5d8d9f;}
#panel h3.green {background:#699135;}
#panel h3.turquoise {background:#219fbd;}
#panel h3.grey {background:#9C1505;}

.panel h3.red {background:#9C1505;}
.panel h3.blue {background:#5d8d9f;}
.panel h3.green {background:#699135;}
.panel h3.turquoise {background:#219fbd;}
.panel h3.grey {background:#9C1505;}

/* panel images */

.news {background:url(../images/panels/marinesciences/news.jpg) no-repeat;}
.news strong {color:#873030;}
.locations {background:url(../images/panels/marinesciences/locations.jpg) no-repeat;}
.media-centre {background:url(../images/panels/marinesciences/media-center.jpg) no-repeat;}
.enviroment {background:url(../images/panels/marinesciences/enviroment.jpg) no-repeat;}
.view-all {background:url(../images/view-all-panel.jpg) no-repeat;}
.watch-our-video {background:url(../images/panels/marinesciences/watch-our-video.jpg) no-repeat;}
.day-in-the-life {background:url(../images/panels/marinesciences/day-in-the-life.jpg) no-repeat;}
.living-in-norfolk {background:url(../images/panels/marinesciences/living-in-norfolk.jpg) no-repeat;}

/* ++++++++++++ search boxes ++++++++++++ */

#header fieldset {float:right; width:185px; padding-top:12px;}
#header legend {padding:10px 0 0 0; margin:0; display:block; color:#a51500; font-size:12px;}

#searchBar fieldset {float:right; width:325px; margin:6px 10px 0 0; text-align:right;}
#searchBar .search label {padding-right:5px;}

.searchField {background:url(../images/searchField.jpg) no-repeat right; border:none; width:145px; height:19px; padding:0 5px; margin:0; width:135px; color:#214e5f; vertical-align:top;}
.searchButton {background:url(../images/searchButton.jpg) no-repeat; border:none; width:25px; height:19px; margin-left:2px; cursor:pointer; text-indent:-9999px; line-height:0;}

/* ++++++++++++ content ++++++++++++ */

#intro {margin-top:16px; line-height:14pt;}
#intro #welcome { float:left;}
#intro #services {width:377px; float:right;}

#nextPageGrey,
#nextPageWhite {height:2.5em; line-height:2.8em; padding:0 10px;}

#nextPageGrey li,
#nextPageWhite li {display:inline; margin-right:10px}

#nextPageGrey {background:#e0e6e8; }
#nextPageWhite {background:#fff;}

#whereToList {margin:15px 0;}
#whereToList li {border-bottom:1px dotted #929292; padding:6px; color:#707070; clear:right;}
#whereToList li img {float:right; margin:0 10px 10px 30px;}

/* ++++++++++++ misc ++++++++++++ */

.darkBlue {background:#657f88;}
.sectionHeadColor {background:#657f88;}
.clear {clear:both;}
#right {float:right;}
.space {height:15px;}

/* ++++++++++++ content styles ++++++++++++ */

.contentblock {

}

.contentblock p {
	font-size:75% !important;
	margin-top:10px;
}

.contentblock h2 {
	color:#9c1505;
	font-size:80%;
	margin-top:10px;
}

.contentblock ul {
	list-style-position: outside;
	list-style-type: disc;
	margin:10px 10px;
}

.contentblock ul li {
    font-size:70%;
	margin:0px 10px;
}

.infolistpanel {
	float:right;
	width: 150px;
	background-color:#E0E6E8;
	border:1px solid #ADBDC2;
	color:#657F88;
	padding: 10px;
	margin: 0 0 5px 5px;
}

.infolistpanel ul li {
	font-size:70%;
}

form.content-area-form div.fieldsetDiv div div input, form.content-area-form div.fieldsetDiv div div select {
	color:#707070;
}
form.content-area-form fieldset {
	margin-top: 45px;
	margin-bottom: 10px;
}
form.content-area-form fieldset legend {
	display:inline;
	color:#306888;
	font-size:80%;
	margin-top:-50px;
	font-weight:bold;
}

form.content-area-form div.fieldsetDiv {
	border: 1px solid transparent;
	padding:15px;
}
form.content-area-form div.fieldsetDiv div div.element-div {
	width:200px;
	float:left;
	padding:0px;
	margin:0px;
}
form.content-area-form div div {
	margin: 10px 0px;
}

form.content-area-form div.errors {
	border: 1px solid #FF0000;
	background-color:#FFFFFF;
	margin: 10px 0px;
	padding:5px;
}

form.content-area-form ul.errors {
	margin: 5px 15px;
	list-style-type: disc;
}
form.content-area-form ul.errors li {
	color:#FF0000;
	margin: 2px 5px;
	font-size: 70%;
}

form.content-area-form div label.mainlabel {
	display:block;
	float:left;
	width:200px;
	font-size:80%;
	color:#9c1505;
	font-weight:bold;
}

.job-filter-form label {
	font-size: 70%;
	color:#222222;
}
.job-filter-form select {
	font-size: 70%;
	color:#222222;
	margin: 0px 0px 5px 0px;
}
.job-filter-form input {
	font-size: 70%;
	color:#222222;
	margin: 0px 0px 5px 0px;
}
ul.actionErrors {
	margin: 5px 15px;
	list-style-type: disc;
}
ul.actionErrors li {
	color:#FF0000;
	margin: 2px 5px;
	font-size: 70%;
}

/* search */


.gsc-trailing-more-results, .gs-watermark, .gsc-cursor-box, .gsc-branding-text, .gsc-twiddleRegionCell, .gsc-branding-img, .gsc-search-box, .gs-visibleUrl-short {
	display: none;
}
.gsc-resultsbox-visible{
	padding:12px;
}
.gsc-result{
	padding:0 0 10px 0;
	font-size:12px;
	border-bottom:1px dashed #ccc;
	margin:0 0 10px 0;
}
.gs-title{
	color:#9C1505;
	font-weight:bold;
}
.gs-visibleUrl-long{
	font-style:italic;
	color:#999;
}