/*---------------------------------

version: 1.0 26th January 2009
author: Jamie Knight (Inkcorporate Web, subcontracting for ADK-ltd)
contact: jamie@jkg3.com

This stylesheet is licened for the use of SWRESP and its representatives through an agreement between inkcorportate web & ADK ltd. Copyright for this code remains with inkcorporate web.


----------------------------------*/


/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}




/* Basics
-----------------------------------------------*/

html {

	background:#005C94;


}

body {

	width: 920px;
	background: #FFFFFF;
	margin-left:auto;
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

#skips, #site-options {
	
	height: 30px;

}

#skips
{
	width: 900px;
}

#skips li {

	display: inline;

}

#site-options
{
	width: 73px;
	position: absolute;
	top:0;
	right: 0;
	background:  url(../design_images/site-optionsbg.gif) top	 left no-repeat;
}

#skips #site-options li
{
	display: block;
	float: left;
	margin-left: 3px;
	margin-top: 1px;
	width: 14px;
	
}


/* branding
-----------------------------------------------*/

#branding {

	background: url(../design_images/bridgebg.jpg) top right no-repeat;
	overflow: auto;
		
}

#static #branding {

	background: url(../design_images/arial.jpg) top right no-repeat;

}

#sectional #branding {

	background: url(../design_images/applesbg.jpg) top right no-repeat;

}

#contact-page #branding {

	background: url(../design_images/plane_bg.jpg) top right no-repeat;

}

#news-page #branding {
	
	background: url(../design_images/goonhilly_bg.jpg) top right no-repeat;	

}

#events-page #branding {
	
	background: url(../design_images/events_bg.jpg) top right no-repeat;	

}

#sectional-local-activity #branding {
	
	background: url(../design_images/ballons_bg.jpg) top right no-repeat;	

}

#sectional-strategy #branding {
	
	background: url(../design_images/cow_bg.jpg) top right no-repeat;	

}

#home #branding {
	
	background: url(../design_images/2000_bg.jpg) top right no-repeat;	

}

#home #branding {
	
	background: url(../design_images/2000_bg.jpg) top right no-repeat;	

}

#sectional-economy #branding {

	background: url(../design_images/tractor_bg.jpg) top right no-repeat;	

}

#sectional-european-programmes #branding {

	background: url(../design_images/eu_bg.jpg) top right no-repeat;	

}



#branding h1 {

	margin: 0px;
	padding: 0px;
	background: url(../design_images/branding_trans.png) top left no-repeat;
	height: 142px;
	text-indent: -50000px;
	float: left;
	width: 490px;

	
}

#branding h1 a {

	width: 100%;
	height: 100%;

}

#navigation {

	background:#005C94;
	margin: 0px;
	padding-top: 10px;
	clear: both;

}

#skips, #skips ul {

	margin: 0 0 0 5px;
	padding: 2px 0 0 0;

}

#skips {

	position: absolute;

}

#skips li {

	padding: 0 5px 0 0;
	margin: 0;

}

#skips a {

	color: #CECECE;
	text-decoration: none;

}
#skips a:hover {

	color: #333333;
	text-decoration: none;

}


#navigation li, #breadcrumb li {

	display: inline;
		

}

#navigation ul {

	margin-top: 3px;
	padding-top: 0px;
	padding-bottom: 20px;
	
}

#home #navigation ul {

	padding-bottom: 10px;

}

#navigation li a {

	display: inline;
	text-decoration: none;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;

}

#navigation li a:hover {

	color: #000000;
	text-decoration: underline;

}

#navigation ul li a {

	padding-left: 13px;
	padding-right: 13px;


}

#breadcrumb {

	margin-top: 10px;

}

#breadcrumb ol {

	clear: both;
	padding-left: 13px;


}

#breadcrumb ol li  {

	border-right: none;
	padding-left: 0px;
	padding-right: 0px;
	
}

#breadcrumb ol li a {

	color: #005C94;
	font-weight: 100;
	text-decoration: none;
}

#breadcrumb ol li a:after {

	content: " > ";

}

#breadcrumb ol {

	height: 30px;
	width: 600px;
	margin-top: -22px;
	background: url(../design_images/feature_bg.jpg) top right no-repeat;
	padding-left: 13px;
	padding-top: 15px;
	

}

#breadcrumb {

	background: url(../design_images/breadcrumb_bg.jpg) top left repeat-x;
	
}

#search  {
	width: 290px;
	float: right;
	background: url(../design_images/box_bottom.png) bottom left no-repeat;
	height: 35px;
	color: #005C94;
	padding-bottom:6px;
	margin-top: 45px;
	margin-right: 20px;
}

#search p {

	font-size: 14px;
	padding: 0;
	margin: 0;
	background:#fff;
	padding-left: 15px;
	padding-top: 1px;
	padding-bottom: 1px;


}

#search label {

	padding-right: 10px;

}

.box {

	border: 1px solid #CCCCCC;
	padding: 2px;
	width: 165px;


}

#search form {

	
	background: url(../design_images/box_top.png) top left no-repeat;
	padding-top: 4px;
	display: block;
	margin-top: 10px;
	

}


#content {

	clear: both;
}

#subContent {

	width: 225px;
	float: left;
	margin-left: 13px;
	margin-bottom: 20px;
	
}

#mainContent {

	float: right;
	width: 653px;
	margin-bottom: 20px;
	padding-right: 15px

}

#content {

	color: #01436A;

}

#footer {

	clear: both;
	overflow: auto;
	border-top: 1px solid #E8E8E8;
	width: 98%;
	margin:0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	
}

#mainContent ul {

	padding-left: 20px;
	line-height: 2em;

}

#mainContent ol {

	padding-left: 20px;
	line-height: 2em;

}


.about-link {

	background: url(../design_images/employment.jpg) top left no-repeat;
	width: 156px;
	height: 98px;
	text-indent: -500000px;
	list-style: none;

}

#homepage-signposting {

	border-bottom: 1px dotted #CCCCCC;
	padding:20px 0 20px 0;
	margin: 10px 0;

}

#homepage-signposting ol {

	padding-left: 0px;
	

}

#homepage-signposting li {


	display: inline;
}

#contact {

	width: 217px;
	float: left;
	

}

#partnerships {

	width: 465px;
	float: left;
	border-right: 1px solid #D2D2D2;
	border-left: 1px #D2D2D2 solid;
	padding-left: 20px;
	padding-right: 20px;
	height: 160px;
	

}

a {

	text-decoration: none;
	color: #0099FF;

}

a:hover {

	color: #000066;

}

#partnerships ul {

	list-style-type: none;
	list-style-position: inside;

}

#partnerships li {

	float: left;
	margin-right: 5px;
   vertical-align: middle;


}

#partnerships li a {

	display: block;
	width: 103px;
	background: #FFFFFF;
	text-align: center;
	height: 75px;
	padding: 2px;
	

}

#footer-navigation {

	width: 170px;
	float: right;
	text-align: right;

}

#footer-navigation li {

	list-style: none;


}

#notice {

clear: both;

}

#footer h3 {

	font-size: 16px;
	color: #005C94;
	margin-top: 0;
	padding-top: 0px;
	margin-bottom: 0px;
	font-weight: 100;

}

/* subcontent
-----------------------------------------------*/

#subContent h3 {

	display: block;
	width:208px;
	background: #005C94;
	color: #FFFFFF;
	font-weight: 100;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
	margin-top: 0px;

}

#latest-news, #events, #fundedby, #subNavigation, #library-links, #newsletter-invite, #huddle {

	background:#fff;
	width: 214px;
	border-left: #C7C7C7 1px solid;
	border-right: #C7C7C7 1px solid;
	border-bottom: #C7C7C7 1px solid;
	padding-bottom: 20px;
	margin-top: 10px;

}


#latest-news li,  #subNavigation li,  #events li, #fundedby li, #library-links li {

	list-style: none;
	list-style-position: inside;
	padding-left: 6px;
	display: block;
	width: 95%;
	margin-bottom: 15px;
	
}

#latest-news li h4, #events li  h4, #fundedby li  h4 {

	font-weight: bold;
	color: #005C94;
	padding: 0;
	margin: 0;


}

#latest-news li p, #events li  p, #fundedby li  p{

	padding: 0;
	margin: 0;
	color: #005C94;


}

#newsletter-invite p, #huddle p {

	padding:0 10px;

}

.library-page ul li {

	display: inline;
	padding-right: 4px;

}

#mainContent.library-page ul {

	padding-left: 0px;
	margin-left: 0px;


}

.date {

	font-size: 10px;

}

/* mainContent
-----------------------------------------------*/

#mainContent h2 {

	font-size: 23px;
	color: #005C94;
	font-weight: 100;
	margin-top: 0.75em;
	margin-bottom: 0.4em;

}

#mainContent p {

	line-height: 1.6em;


}

#mainContent h3 {

	font-size: 16px;

}


.newsSummery, .result {

	border-bottom: dotted #cccccc 1px;

}

#subNavigation {

	padding-bottom: 0px;
	
}

#subNavigation h3 {

	margin-bottom: 0px;
	margin-top: 0px;

}

#subNavigation ul {

	margin: 0;
	padding: 0;

}

#subNavigation li {

	padding-left: 0px;
	margin: 0;

}

#subNavigation li a {

	width: 209px;
	padding: 5px 0 5px 5px;
	display: block;
	background: #EEEEEE;
	border-bottom: dotted 1px #CCCCCC; 
	color: #666666;
	

}

#subNavigation li a:hover {

	background: #FFFFFF;
	border-bottom: dotted 1px #333333; 


}

.content_image {

	float: left;
	border: #CCCCCC solid 2px;
	padding: 1px;
	margin: 0 10px 0 0;

}

.zemContactForm li {

	list-style: none;
	list-style-position: outside;
	padding-left: 0;
	margin-left: 0;

}

#mainContent .zemContactForm ul {

	padding: 0;

}

.zemContactForm label {

	display: block;

}

.zemContactForm input.zemText, .zemContactForm textarea {

	border: 1px #cccccc solid;
	padding: 2px;

}

.zemContactForm input.zemText {

	width: 210px;

}

.zemContactForm textarea {

	width: 420px;

}

.zemError li {
	
	list-style-image:none;
	list-style-type: none;
	list-style-position:inside;
	margin-bottom:3px;
	background:#FFF2CC url(../design_images/exclamation.png) center left no-repeat;
	border:1px solid #FFE394;
	padding:5px;
	padding-left: 25px;
	background-position-x: 5px;
	color: #000000;

}

.events {

	margin-left:15px;
	margin-right: 15px;
}

.map {

	float: right;

}

#contact-form {

	clear: both;

}

#contact-form label {

	padding-top: 4px;

}

.message {

	float: right;
	

}

#your-details {

	float: left;

}

.zemSubmit {

	margin-top:1em;

}

.partner {

	border-bottom: 1px dotted #CCCCCC;
	clear: both;
	overflow: auto;
	padding-top: 10px;
	padding-bottom: 10px;

}

.partner h3, .partner p {

	width: 430px;
	float: left;
	

}

.partner .logo {

	float: right;
	display: block;

}

.newsletter-invite, #huddle-login {

	padding: 5px;
	border: 1px solid #cccccc;

}

#huddle-login fieldset {

	border: none;
	padding: 0;
	margin: 0;

}

#huddle-login {

	margin-top:1em; 
	padding: 0 5px 0 5px;
	text-align: center;

}

#huddle-login label {

	padding-right: 10px;
	padding-left: 5px;

}

.zemContactForm .checks label {

	display: inline;

}

.checks {
	
	float: right;
	width:400px;
	

}

.user-info {
	
	float: left;

}

#huddle-login-page 
{
	width: 70%;
	margin: 0 auto;
	border: 3px solid #EFEFEF;
	padding: 15px;
	margin-top: 15px; 

}

#huddle-login-page fieldset
{
	border: none;
}

#huddle-login-page label
{
	display: block;
}

#huddle-login-page .remember label
{
	display: inline;
	padding-right: 3px;
}