@import url("http://www.fatbeehive.com/beekeeper2/reset.css");
@import url("type.css");
@import url("portfolio.css");

/* Nick Herbert - Major page elements in here - tim@fb */

/******

Main colours:

Deep Blue: #072863
Grass Green: #7b9b4f
Sky Blue: #3686CF
Powder Blue tint: #eceff4
Mid Blue: #485661

******/

/*body a:hover{text-decoration:none}
body a:link{text-decoration:none}
body a img{text-decoration:none}
*/
body#index #wrapper {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 10px 0 10px;
	text-align: left;
	background: url(/images/bg_masthead.jpg) top center no-repeat;
}

#wrapper {
	width: 950px;
	margin:  0 auto;
	padding: 0 10px 0 10px;
	text-align: left;
	background: url(/images/bg_masthead_sub.jpg) top center no-repeat;
}

body#index #header {
	float: left;
	width: 950px;
	height: 312px;
	position: relative;
}

#header {
	float: left;
	width: 950px;
	height: 265px;
	position: relative;
}


body#index #masthead_latest {
	position: absolute;
	background: url(/images/bg_latest.jpg) 0 0 no-repeat;
	width: 423px;
	height: 129px;
	top: 56px;
	right: -9px;
	padding: 35px 30px 40px 70px;
}

#masthead {
	float: left;
	width: 100%;
}

body#index #wrapper_columns {
	float: left;
	padding: 10px 20px 0 20px;
	margin: 0;
	width: 930px;
	background: url(/images/bg_content.jpg) 0 0 no-repeat;
	position: relative;
	left: -9px;
	min-height: 245px;
}

#wrapper_columns {
	float: left;
	padding: 22px 0 20px 0;
	margin: 0 0 0 0;
	width: 950px;
	background: #fff;
	background-image: none;
	position: relative;
}

body#index #wrapper_columns_secrow {
	float: left;
	padding: 0;
	margin: 0;
	width: 950px;
	background: #fff;
	color: #000;
	position: relative;
}


body#index #wrapper_leftcol {
	float: left;
	clear: both;
	width: 700px;
	padding: 0;
}

#wrapper_leftcol {
	float: left;
	clear: both;
	width: 746px;
	padding: 0;
}


body#index #leftcol {
	float: left;
	width: 465px;
	padding: 0;
	
}

#leftcol {
	float: left;
	width: 495px;
	padding: 0;
}

body#index #midcol {
	float: right;
	width: 215px;
	padding-top: 0;
}

#midcol {
	float: right;
	width: 220px;
	padding-top: 0;
}


body#index #rightcol {
	float: right;
	width: 222px;
	padding: 0;
	background: url(/images/bg_figures.gif) bottom right no-repeat;
	height: 236px;
}

#rightcol {
	float: right;
	width: 168px;
	padding-top: 0;
}

#rh_supp {
	float: right;
	width: 137px;
	background: #eceff4 url(/images/bg_supp.jpg) 0 0 no-repeat;
	min-height: 242px;
	color: #072863;
	padding: 150px 10px 6px 10px;
	font-size: 0.916em;
	font-weight: bold;
}

#secrow_wrapper_left {
	float: left;
	width: 465px;
}

#secrow_wrapper_right {
	float: right;
	width: 463px;
}

#secrow_col-one {
	float: left;
	width: 220px;
}

#secrow_col-two {
	float: right;
	width: 220px;
}

#secrow_col-three {
	float: left;
	width: 220px;
}

#secrow_col-four {
	float: right;
	width: 220px;
}

#content_main {
	float: right;
	width: 314px;
	color: #000;
}

#scholarsmargin {
	background: url(/images/bg_pullquo.jpg) 0 0 no-repeat;
	padding-top: 255px;
	width: 160px;
	min-height: 531px;
	color: #485661;
	font-size: 1.250em;
	font-weight: bold;
	line-height: 1.28;
}

/* site tools */

body#index #sitetools {
	clear: both;
	width: 100%;
	position: relative;
	float: left;
	z-index: 25;
	top: 50px;
	bottom: 0;
	font-family: Verdana, sans-serif;
		
}

#sitetools {
	clear: both;
	width: 100%;
	position: relative;
	float: left;
	z-index: 25;
	top: 70px;
	bottom: 0;
	font-family: Verdana, sans-serif;
}


#wrapper_secnav {
	margin: 0 0 0 3px;
	float: left;
	width: 323px;
}

ul.secnav {
	list-style-type: none;
	margin: 0;
	padding: 8px 0 0 0;
	float: left;
	width: 325px;
}

ul.secnav li {
	list-style-type: none;
	margin: 0;
	float: left;
	padding: 5px 1px 6px 1px;
	text-align: left;
}

#wrapper_secnav_footer ul.secnav {
	list-style-type: none;
	margin: 0;
	padding: 8px 0 0 0;
	float: left;
	width: auto;
}

ul.secnav li a {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 0.916em;
	border-bottom: none;
	color: #3f3f3f;
}

ul.secnav li a:hover {
	color: #000;
}

#wrapper_secnav_footer {
	padding: 0;
	/*float: left;*/
	position: absolute;
	top: 75px;
	left: 0;
}

/* @group Sticky Footer css from http://www.cssstickyfooter.com - with thanks! */

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

#content {
	clear: both; /* This is causing problems – needs to be fixed before go-live */
	/*float: left;*/
	padding-bottom: 150px; /* must be same height as the footer */
}

 /*#stickyfooter {
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	/*height: 150px;
	clear:both;
	width: 100%;
	background: #fff url(/images/footer_bg_tile.gif) bottom left repeat-x;
	/*overflow: visible;*/
	/*padding: 0;*/
/*}
*/

#stickyfooter {
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
	width: 100%;
	background: #fff url(/images/footer_bg_tile.gif) bottom left repeat-x;
	/*overflow: visible;*/
	/*padding: 0;*/
}
clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#footer_inner {
	clear:both;
	padding: 0;
	position: relative;
	margin: 0 auto;
	bottom: -3px;
	width: 970px;
	height: 106px;
	color: #000;
	text-align: left;
	background: url(/images/bg_fatfootercap.gif) bottom right no-repeat;
}

#footer_inner_right {
	padding: 0;
	/*float: right;*/
	width: 470px;
	position: absolute;
	top: 0;
	right: 0;
}


/* @end */

/* @group Main/Top Nav */


#wrapper_topnav {
	float: left;
	width: 950px;
	position: relative;
	padding-bottom: 0;
}

body#index ul#topnav {
	list-style-type: none;
	margin: 0;
	float: left;
	width: 100%;
	padding: 0;
	background: url(/images/bg_topnavsprite_temp.gif) -10px 0 no-repeat;
}

ul#topnav { /* for sub pages */
	list-style-type: none;
	margin: 0;
	float: left;
	width: 100%;
	padding: 0;
	background: url(/images/bg_topnavsprite_sub_temp.gif) -10px 0 no-repeat;
}


ul#topnav li {
	list-style-type: none;
	margin: 0;
	float: left;
	padding: 0;
	text-align: center;
}

ul#topnav li a {
	display: block;
	height: 0;
	padding-top: 49px;
	overflow: hidden;
}

ul#topnav li a#about {width: 110px;}

ul#topnav li a#const {width: 165px;}

ul#topnav li a#issues {width: 183px;}

ul#topnav li a#media {width: 129px;}

ul#topnav li a#help {width: 178px;}

ul#topnav li a#portfoliopage {width: 185px;}


body#index ul#topnav li a#about:hover, body#index ul#topnav li a#about.on {background: url(/images/bg_topnavsprite.gif) -9px -51px no-repeat;}

body#index ul#topnav li a#const:hover, body#index ul#topnav li a#const.on {background: url(/images/bg_topnavsprite.gif) -119px -51px no-repeat;}

ul#topnav li a#issues:hover,ul#topnav li a#issues.on {background: url(/images/bg_topnavsprite.gif) -284px -51px no-repeat;}

ul#topnav li a#media:hover,ul#topnav li a#media.on {background: url(/images/bg_topnavsprite.gif) -467px -51px no-repeat;}

ul#topnav li a#help:hover,ul#topnav li a#help.on {background: url(/images/bg_topnavsprite.gif) -596px -51px no-repeat;}

/*ul#topnav li a#portfoliopage:hover,ul#topnav li a#portfoliopage.on {background: url(/images/bg_topnavsprite.gif) -774px -51px no-repeat;}*/
ul#topnav li a#portfoliopage:hover,ul#topnav li a#portfoliopage.on {background: none -774px -51px no-repeat;}

/* top nav on sub pages (only first two are different) */

ul#topnav li a#about:hover,ul#topnav li a#about.on {background: url(/images/bg_topnavsprite_sub.gif) -9px -51px no-repeat;}

ul#topnav li a#const:hover,ul#topnav li a#const.on {background: url(/images/bg_topnavsprite_sub.gif) -119px -51px no-repeat;}


/* @end */


#townselect {
	float: left;
	margin: 0;
}


/*#topicselect {display: none;}*/

#townselect form label {
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 12px;
}

/* @group Search box */


#wrapper_search {
	float: right;
	margin: 8px 0 0 0;
	clear: none;
	font-size: 0.916em;
}

#searchform fieldset {
	border: none;
	width: 160px;
	background: url(/images/bg_search.gif) no-repeat;
	padding: 0 0 2px 0;
	overflow: hidden;
	margin: 0;
	
}

#searchform fieldset input#s{
	border: none;
	background: none;
	width: 92px;
	padding: 5px;
	float: right;
	color: #3f3f3f;
}

#searchform fieldset input.btn {
	width: 46px;
	border: none;
	margin: 6px 0 0 8px;
	float: left;
	height: 15px;
}

label#sitesearcher {
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 0;
}

/* @end */

/* @group News list */

body#index #midcol ol {
	margin: 0;
	padding: 0;
}

body#index #midcol ol li {
	margin: 0;
	list-style-type: none;
	padding: 0;
}

/* @end */

/* @group Issues list */

body#index #rightcol ul {
	margin: 0;
	padding: 0;
}

body#index #rightcol ul li {
	margin: 0;
	list-style-type: none;
	padding: 0 0 1px 0;
}

body#index #rightcol ul li a {
	font-size: 1.084em;
	font-weight: bold;
	color: #fff;
	border-bottom: none;
	letter-spacing: 0.025em;
}

body#index #rightcol ul li a:hover {
	color: #000;
	text-decoration: none;
}

/* @end */

/* @group Diary list */

#secrow_col-one ol {
	margin: 0;
	padding: 0;
}

#secrow_col-one ol li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 12px 0;
	float: left;
	clear: both;
}


/* @end */

/* @group Masthead featured list */

#masthead_latest ol {
	margin: 0;
	padding: 0;
}

#masthead_latest ol li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}


/* @end */

/* @group Constituency reports list */

#rh_supp ol {
	margin: 0;
	padding: 0;
	float: left;
}

#rh_supp ol li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 4px 0;
	float: left;
	clear: both;
}

/* @end */



#btns_follow_wrapper {
	float: left;
	width: 100%;
	margin-top: 15px;
}


#icons_wrapper {
	float: left;
	width: 100%;
	margin-top: 15px;
}

/* @group various classes */

.flleft {float: left;}

.flright {float: right;}

.clearing {clear: both;}

/* image replacement */

.ir { /***** set padding-top on individual element selectors *****/
	display: block;
	height: 0;
	overflow: hidden;
}

/* end image replacement */


/* @end */

/* @group Signupform */

form#signup {
	float: left;
	width: 100%;
}

#signuptext {
	float: left;
	color: #fff;
	width:  217px;
	font-size: 0.833em;
	padding: 0 3px 0 3px;
}

form#signup input {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.916em;
}

/* @end */

/* @group Bubble control bar */

#controlbar {
	position: absolute;
	bottom: 45px;
	right: 30px;
	width: 130px;
	margin: 0;
}

#sep {
	float: left;
	clear: none;
	color: #3f3f3f;
	padding: 3px 3px 0 3px;
}


/* @end */

/* @group Subnav */


ul#subnav {
	list-style-type: none;
	margin: 0;
	padding: 10px 0 25px 0;
}

ul#subnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: url(/images/bg_sep.gif) bottom left repeat-x;
}

ul#subnav ul {margin: 0;}

.cal {background:url("/images/icon_cal.gif") no-repeat;padding:25px 10px 10px 10px;text-align:left;}
/* @end */


/* end main.css */