/* -------------------------------------------------------
   East Riding of Yorkshire Council Structure style sheet
   version:  30.10.2003. 
   contact. lee.mayren@eastriding.gov.uk
---------------------------------------------------------- */

/* Styles that govern the way that the pages are constructed */


#topinclude {
	background: #008474 url(/images/header_bg.gif) left top repeat;
	height: auto !important;
	height: 65px;
	min-height: 65px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #CFCFCF;
	text-align:left;
}


/* -------- The Wrapper div wraps around the content div, and sets the width of the content area. It is 
   a fix for IE5 which gets the box model wrong and adds padding and border to width setting. 
   Do not use padding and border widths in wrapper without using Box model hack. -------- */
   
#wrapper {
	position: relative;
	clear: both;
	float: left;
	width: 80%;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #ffffff;
	text-align: left;
	  
}

#mw_wrapper {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #ffffff;
	text-align: left;
	  
}

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

#mainheading {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 7px 5px 7px 5px;
	background: #29AEAC;
	color: #ffffff;
	text-align: left;
	border-top: 1px solid #95EEED;
	border-bottom: 1px solid #0F807E;
	border-left: 1px solid #95EEED;
	border-right: 1px solid #0F807E;
}

#subheading {
	background: #B1B288;
	margin: 0px 0px 1.8em 0px;
	padding: 3px 5px 3px 5px;
	border-top: 1px solid #D7D8C2;
	border-bottom: 1px solid #858667;
	border-left: 1px solid #D7D8C2;
	border-right: 1px solid #858667;
}

body.level2 #subheading {
	margin-bottom: 5px;
}

div#content {
	height: 100%;
	margin: 0px 0em 0px 0px;
	padding:5px 5px 2px 5px;
	background: #ffffff;
	border-left: 1px solid #CFCFCF;
	border-bottom: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
}


html#dynamicaz div#content, div#content2 {
	height: 100%;
	margin: 0px 0em 0px 1em;
	padding:0px 0px 0px 0px;
	background: #ffffff;
	text-align: left;
}

div#content2 {
	margin: 0px 0px 0px 0px;
}


/* -------- Reserved for dynamic menu options ---------------------------------------*/

div.toplinks {
	display: none;
	float:right;
	text-align: right; 
	color: #000000; 
	border-style: none; 
	margin: 0px; 
	padding: 0px;
}

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

/* -------- Only used on homepage and second level pages ------------- */

#news {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	border-style: none;
	height: 100px;
	background: #f7f7f7;
	width: 100%;
	border-style: solid;
	border-width: 3px 0px 3px 0px;
	border-color: #f7f7f7;
}

#homeintro {
	margin: 0px 0px .5em 0px;
	padding: 0em .5em 0em .5em;
	border-bottom: 1px solid #f7f7f7;
	background: #f7f7f7;
}

#menu	{
	 display: inline;
	 float: right;
	 width: 19%;
	 height: 100%;
	 padding: 0px 0px 0px 0px; 
	 margin: 14px 0px 0px 0px;
	 color: #008474;
	 text-align: left;
	 background: #F5F5F5;
	 border: 1px solid #E5E5E5;
}

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

#footer {
	background: #ffffff;
	padding: 0px 0px 0px 5px;
	margin: 5px 0px 0px 0px;
	text-align: left;
	border: 1px solid #EAEBC0;
}

#footerfeature {
	float: right;
	margin: 0px;
	padding: 0px;
}

#footerfeature p {
	font-size: .8em;
}

/* -------- Used to create two fluid boxes within content div -------- */ 

#boxwrapper {
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #ffffff;
}

#boxleft {
	float: left;
	width: 60%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #ffffff;
	text-align: left;
}

#boxright, .boxright {
	float: right;
	width: 38%;
	background: #F2F3DF;
	border: 1px solid #A8A983;
	margin: 0px 0px 0px 0px;
}

html#dynamic #boxright, html#dynamic .boxright {
	margin-left: .5em;
	border-width: 1px 1px 1px 1px;
}

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