/*-------------------------------------------------------------------------------------------*/
/* Site-specific custom stylesheet for Community Sites software                              */
/* Copyright Community Sites 2004, 2005, 2006, 2007, 2008                                    */
/* For further information, see www.communitysites.co.uk or email info@communitysites.co.uk  */
/*-------------------------------------------------------------------------------------------*/

 /*-------------------------------------------------------------------------------------------*/
/* ALTERNATIVE LAYOUTS */
/* uses the alternative stylesheet for placing the search in the breadcrumb trail */
@import url('alt/communitysites_alt_search.css');
/* uses the alternative stylesheet that positions a logo at the right of the footer */
/* @import url('alt/communitysites_alt_footer_logo.css'); */
/*-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* CUSTOMISATIONS */
/* sections within this document, along with the flags to search for to jump to 'em: */
/* standard customisations: =standard= */
/* site-specific customisations: =specific= */
/* basic formatting: =basic= */
/* main blocks: =blocks= */
/* header: =header= */
/* breadcrumb bar: =bread= */
/* left-hand navigation: =nav= */
/* advert column/contextual links: =advert= */
/* footer: =footer= */
/* forums: =forums= */
/* titles: =titles= */
/* menu items/category menu: =menu= */
/* home page: =home= */
/* content page: =page= */
/* comments: =comments= */
/* sitemap: =sitemap= */
/* search: =search= */
/* alternative search (using index file): =search2= */
/* contributor list: =contributor= */
/* control panel: =cp= */
/* pagemaker: =pm= */
/* form controls: =form= */
/* text sizes: =size= */
/*-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* =basic= */
/* basic formatting - styles for commonly used tags and elements */
/*-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* =blocks= */
/* main blocks - the main divs that lay out the pages */
/*-------------------------------------------------------------------------------------------*/

body {
	background-color:#fff;
	text-align:center;
}

#all {
	min-width:775px;
}

.contentwapper {
	text-align:center;
	width:100%;
}

.contentpage .block {
	background-color:transparent;
}

.contentpage .blocktitles {
	background-color:transparent;
}

#pnlLoggedIn, #pnlNotLoggedIn, .contentpage {
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding:0;
	width:775px;
}


#block1_2 {
	margin-left:0px;
	padding-right:0px;
	padding-top:0;
	width:454px;
}

#block2_2 {
	background-image:url(../images/design/title_orange_new.gif);
	background-repeat:no-repeat;
	margin-left:26px;
	padding-top:25px;
	width:264px;
}

.homepage_container {
	background-image: url(../images/design/bg_home.jpg);
	margin-left: 14px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	width: 775px;
}
* html .homepage_container {
	margin-left:7px;
	width:746px;
}

.category_container, .category_container_hidden, .page_container, .page_container_hidden {
	margin-left: 14px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	width: 775px;
}
* html .category_container, * html .category_container_hidden, * html .page_container, * html .page_container_hidden {
	margin-left:7px;
	width:746px;
}

#block1_1, #pnlSearchResults, #pnlSearchNoResults, #pnlSearchForm {
	float:left;
	text-align:left;
	width:746px;
}
body.pagemaker #block1_1 {
	margin-right:0;
	width:580px;
}

body.pagemaker #block1_1 #htmlPageContentHolder {
	padding-right:0px;
	width: 580px;
}
* html body.pagemaker #block1_1 #htmlPageContentHolder {
	width: 580px;
}
	
.pagetext {
	float:left;
	margin-right:0;
	padding-right:20px;
	width:580px;
}
* html .pagetext {
	width:598px;
}
body.pagemaker .pagetext {
	padding-right:0;
}
* html body.pagemaker .pagetext {
	padding-right:0;
	width:580px;
}

.controlpanel1_2, .controlpanel2_2 {
	width:49%;
}

.panel1_2 {
	margin-right:-208px;
}
body.pagemaker .panel1_2 {
	margin-right:-156px;
}
.panel2_2 {
	margin-left:0;
	padding-right:0;
	text-align:left;
	width:192px;
}
body.pagemaker .panel2_2 {
	width:140px;
}
.innerpanel1_2 {
	margin-right: 208px;
}
body.pagemaker .innerpanel1_2 {
	margin-right: 156px;
}

#pnlLoggedIn .content, #pnlNotLoggedIn .content {
	width: 745px;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 14px;
}
* html #pnlLoggedIn .content , * html #pnlNotLoggedIn .content {
	margin-left:7px;
}

/*-------------------------------------------------------------------------------------------*/
/* =header= */
/* header area - anything within the header area of the pages, including the search bar */
/*-------------------------------------------------------------------------------------------*/

#header {
	background-image:url(../images/design/bg_header.gif);
	background-position:top center;
	background-repeat:no-repeat;
}

#header #skipnav a:active, #header #skipnav a:focus {
	left:600px;
	top:0;
	z-index:200;
}

#header #titles {
	background-color:#fff;
	height:83px;
	margin-left:auto;
	margin-right:auto;
	width:775px;
}

#header #titles h1 {
	float:left;
	margin-bottom:0;
	margin-left:14px;
	margin-top:26px;
	margin-right:-100%;
	position:relative;
	z-index:100;
}
* html #header #titles h1 {
	margin-left:7px;
}

#header #navigation {
	float:right;
	font-weight:bold;
	margin:0;
	padding:0;
	position:relative;
	text-align:right;
	width:100%;	
}

#header #navigation ul {
	margin-bottom:0;
	margin-left:329px;
	margin-top:0;
	padding:0;
}
* html #header #navigation ul {
	margin-left:327px;
}

#header #navigation li {
	float:left;
	list-style-type:none;
	margin-bottom:0;
	margin-left:2px;
	margin-right:0;
	margin-top:0;
	padding:0;
}

#header #navigation li a.navblock {
	display:block;
	height:82px;
	width:71px;
}

#header #navigation li a.navcouncil {
	display:block;
	height:82px;
	width:63px;
}

#header #navigation li a#navcouncil {
	background-image:url(../images/design/wbc_logo_82_high.gif);
}

#header #navigation li a#navblue {
	background-image:url(../images/design/nav_blue.gif);
}

#header #navigation li a#navgreen {
	background-image:url(../images/design/nav_green.gif);
}

#header #navigation li a#navred {
	background-image:url(../images/design/nav_red.gif);
}

#header #navigation li a#navpurple {
	background-image:url(../images/design/nav_purple.gif);
}

#header #navigation li a#navorange {
	background-image:url(../images/design/nav_orange.gif);
}

#header #titles a{
	color:#676767;
	text-decoration:none;
}

/* note - skipnav styles are reproduced here in full, because it's not contained within the header on this site */
#skipnav a:link, #skipnav a:hover, #skipnav a:visited {
  	height:1px; 
  	left:0px; 
  	overflow:hidden;
	position:absolute; 
  	top:-500px; 
  	width:1px; 
} 

#skipnav a:active, #skipnav a:focus {
	height:auto;
	/* !CUSTOM! set left and top in custom css */
	left:0;
	position:absolute;
	top:0;
	width:auto;
}
* html #titles #skipnav a:active, * html #titles #skipnav a:focus {
	width:200px;
}

#skipnav a {
	color:#000;
}

/*-------------------------------------------------------------------------------------------*/
/* =bread= */
/* breadcrumb bar */
/*-------------------------------------------------------------------------------------------*/

.breadcrumbbar {
	color:#000;
	height:28px;
	margin-left:auto;
	margin-right:auto;
	margin-top:1px;
	text-transform:uppercase;
	width:775px;
}
* html .breadcrumbbar {
	height:26px;
}

.breadcrumb {
	font-weight:normal;
	margin-bottom:6px;
	margin-left:14px;
	margin-right:-248px;
	margin-top:5px;
	width:496px;
}
* html .breadcrumb {
	margin-left:7px;
}
.breadcrumb a, .contentpage .breadcrumb a  {
	color:#000;
	font-weight:normal;
	text-decoration:none;
}

#subnavigationsearch {
	background-color:#e1e1e1;
	float:right;
	margin-left:0;
	margin-right:16px;
	margin-top:0;
	min-height:22px;
	padding-left:2px;
	padding-right:0;
	padding-top:2px;
	width: 248px;
}
* html #subnavigationsearch {
	height:22px;
	margin-right:8px;
	width:250px;
}

#subnavigationsearch .searchbutton {
	background-color:transparent;
	border:0;
	cursor: pointer;
	float:right;
	margin:0;
	margin-right:2px;
	overflow:visible;
	padding:0;
	position:static;
	top:0;
	width:77px;
}

#subnavigationsearch input.textboxsearch {
	border:0;
	float:left;
	font-weight:normal;
	height:18px;
	margin:0;
	margin-bottom:1px;
	padding-top:3px;
	padding-left:4px;
	position:static;
	top:0;
	width:160px;
}
* html #subnavigationsearch input.textboxsearch {
	height:20px;
	margin-bottom:2px;
	width:164px;
}

/*-------------------------------------------------------------------------------------------*/
/* =nav= */
/* left-hand navigation - including the login/button area below the navigation */
/*-------------------------------------------------------------------------------------------*/

/* note that the login panel is in the header on this site */

.loginspacer {
	margin-top:5px;
}

.blocklogintitles {
	margin-left:16px;
	margin-right:0;
	margin-top:0;
}

.blockloginform {
	margin-bottom:0;
	margin-left:0px;
	margin-right:15px;
	margin-top:0px;
	text-align:right;
}

.loginpanel input.button {
	background-color:transparent;
	border:0;
	cursor: pointer;
	margin-bottom:0;
	margin-top:5px;
	overflow:visible;
	padding:0;
	text-transform:uppercase;
}

.blocklogin, .blocklogininfo  {
	background-color:#fff;	
	clear:none;
	float:none;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding:0;
	text-align:right;
	width:775px;
}

body.loggedin .blockloginform {
	margin-bottom:0px;
	margin-left:0px;
	margin-right:10px;
	margin-top:0px;
}
.blocklogininfo .blockloginform {
	text-align:right;
}


/*-------------------------------------------------------------------------------------------*/
/* =advert= */
/* advert column - including contextual links */
/*-------------------------------------------------------------------------------------------*/

.extracolumn {
	background-color:#f4f2e6;
	width:144px;
}
* html .extracolumn {
	overflow-x:auto;
	padding-bottom:10px;
}

.morelinks h2 {
	height:24px;
	margin:0;
	padding:0;
}

.morelinks h3 {
	font-weight:normal;
	margin-bottom:9px;
	margin-top:12px;
	text-transform:uppercase;
}

li.contextuallinkcurrent {
	background-position:left center;
}

li.contextuallink a, li.contextuallinkcurrent a {
	color:#000;
}

	
/*-------------------------------------------------------------------------------------------*/
/* =footer= */
/* footer */
/*-------------------------------------------------------------------------------------------*/

#footer {
	background-color: #fff;
	background-image:url(../images/design/bg_footer.gif);
	background-position:top center;
	background-repeat:no-repeat;
	color:#fff;
	margin-top:20px;
}

#footer #footercontainer {
	background-color:#fff;
	color:#000;
	margin-left:auto;
	margin-right:auto;
	min-height:30px;
	text-align:left;
	width:775px;
}
* html #footer #footercontainer {
	height:30px;
}

#footer #footercontent {
	margin-left:14px;
	margin-right:15px;
	min-height:30px;
}
* html #footer #footercontent {
	height:30px;
}

#footer .extras {
	border-top:1px solid #e7e7e7;
	margin:0;
}

#footer .extras ul {
	margin-left:0;
}

#footer .extras li {
	color:#000;
	font-weight:normal;
	text-transform:uppercase;
}

#footer .extras a {
	color:#000;
	text-transform:uppercase;
}

/*-------------------------------------------------------------------------------------------*/
/* =forums= */
/* forums - not often used, so can be left as it is unless they're enabled */
/*-------------------------------------------------------------------------------------------*/

/* not used 
.forumlink {
	border-bottom:1px solid #629AA7;
}

.forumthread {
	border-bottom:1px solid #629AA7;
}

.forumlisting {
	border-bottom:1px solid #629AA7;
}
*/

/*-------------------------------------------------------------------------------------------*/
/* =titles= */
/* titles - header tags etc */
/*-------------------------------------------------------------------------------------------*/

#block1_1 h4.categorytitle {
	background-color:transparent;
	font-weight:normal;
	margin-left:25px;
	margin-right:0px;
	margin-top:9px;
	text-transform:uppercase;
	color:#fff;
	width:250px;
	height:130px;
}

#block1_1 h4.title {
	font-weight:normal;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:2px;
	padding-top:5px;
	text-transform:uppercase;
}


/*-------------------------------------------------------------------------------------------*/
/* =menu= */
/* menu items - category menu listings */
/*-------------------------------------------------------------------------------------------*/

#htmlIntroductionWrapper {
	float:left;
	width:249px;
	padding-left:24px;
	padding-right:16px;
	margin-top:15px;
	margin-bottom: 15px;
}
* html #htmlIntroductionWrapper {
	width:289px;
}

#htmlSubContentList {
	float:left;
	width:454px;	
	margin-top:15px;
	margin-left:2px;
}
* html #htmlSubContentList {
	margin-top:5px;
}

.block .category1_2, .block .pagelink1_2, .block .category2_2, .block .pagelink2_2 {
	border:0;
	margin-left:0px;
	margin-top:10px;
	padding-bottom:4px;
	padding-top:4px;
	text-align:left;
	width:454px;
}

.block .categorytitle, .block .pagetitle {
	display:block;
	font-weight:normal;
	margin-bottom:10px;
	text-transform:uppercase;
}
.block a.categorytitle:hover, .block a.pagetitle:hover {
	text-decoration:none;
}

.block .pagelink_project .pagetitle {
	color:#1e1b84;
}
.block .pagelink_event .pagetitle {
	color:#b00027;
}

/*-------------------------------------------------------------------------------------------*/
/* =home= */
/* home page - this may also use category menu styles, above */
/*-------------------------------------------------------------------------------------------*/

.homepage_text {
	height:130px;
	margin-bottom:35px;
	margin-left:480px;
	margin-top:50px;
	text-align:left;
	width:246px;
}

.homepage_credit {
	height:15px;
	margin-bottom:25px;
	margin-left:480px;
	text-align:left;
	width:246px;
}

#block1_2 .blockitem_welcome h2 {
	color: #39c6fb;
	font-weight:normal;
	margin-bottom:0;
	margin-top:0;
	text-transform:uppercase;
}

#block1_2 .blockitem_story h2 {
	color: #aed264;
	font-weight:normal;
	margin-bottom:0;
	margin-top:0;
	text-transform:uppercase;
}

#block1_2 .blockitem_welcome {
	background-image:url(../images/design/title_welcome.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-bottom:15px;
	padding-top:30px;
}
#block1_2 .blockitem_welcome h2 a {
	color:#3dc7f5;
	text-decoration:none;
}

#block1_2 .blockitem_story {
	background-image:url(../images/design/title_green.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:30px;
}
* html #block1_2 .blockitem_story p, * html #block1_2 .blockitem_welcome p {
	margin-top:8px;
} 
#block1_2 .blockitem_story h2 a {
	color:#aed264;
	text-decoration:none;
}

#block1_2 .blockitem_welcome img {
	border:1px solid #00b7d7;
}

#block1_2 .blockitem_story img {
	border:1px solid #9dbf5a;
}

#block1_2 .blockitem_welcome .caption {
	color: #39c6fb;
	text-decoration:none;
}
#block1_2 .blockitem_story .caption {
	color: #aed264;
	text-decoration:none;
}

#block1_2 .imageright {
	float:right;
	margin-left:10px;
	margin-top:10px;
	text-transform:uppercase;
}

#block1_2 .imageleft img, #block1_2 .imageright img {
	margin-bottom:5px;
}

#block1_2 .imageleft {
	float:left;
	margin-right:10px;
	margin-top:10px;
	text-transform:uppercase;
}

#block2_2 .pagelink_new {
	border-bottom: 1px solid #f78200;
	padding-bottom:15px;
	padding-top:8px;
	width:265px;
}

#block2_2 .pagelink_new .pagetitle {
	color: #f78200;
	display:block;
	font-weight:normal;
	margin-bottom:5px;
	text-transform:uppercase;
}

#block2_2 .newtitle {
	display:none;
}

/*-------------------------------------------------------------------------------------------*/
/* =page= */
/* content page - including image styling etc */
/*-------------------------------------------------------------------------------------------*/

#block1_1 .imagesright, #block1_1 .imageposr {
	margin-bottom:8px;
	margin-left:25px;
	margin-right:0px;
	margin-top:12px;
}
* html #block1_1 .imagesright {
	margin-top:24px;
}

#block1_1 .imagesright .imagecaption, #block1_1 .standardimage .imagecaption, #block1_1 .thumbimage .imagecaption {
	width:275px;
}
#block1_1 .imagesright .mediatitle{
	width:275px;
}
#block1_1 .imagesright .imagecredit, #block1_1 .standardimage .imagecredit, #block1_1 .thumbimage .imagecredit {
	width:275px;
}


/*-------------------------------------------------------------------------------------------*/
/* =comments= */
/* comments */
/*-------------------------------------------------------------------------------------------*/

#htmlCommentsInput, #htmlCommentsPrompt, #htmlCommentsThanks {
	border-top:1px solid #000;
	color: #000;
}

#htmlCommentsInput h2, #htmlCommentsPrompt h2, #htmlCommentsDisplayArea h2, #htmlCommentsThanks h2, #htmlSearchPrompt h2, #htmlSearchFailure h2 {
	color: #000;
	margin-bottom:1px;
	margin-top:4px;
}

#htmlCommentsInputForm h2 a {
	color:#000;
}

#htmlCommentsInput #htmlCommentsInputForm label {
	color: #000;
}

#htmlCommentsInputForm .privacy a {
	color:#5C7A81;
}

#htmlCommentsDisplayArea {
	border-top:1px solid #37552F;
	color:#000;
}

.block .comment, .block .commentpending {
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	margin-left:8px;
	margin-right:8px;
	margin-top:8px;
	padding-bottom:8px;
	padding-top:4px;
}

#block1_1 .comment .commentbody p, #block1_1 .commentpending .commentbody p {
	margin-bottom:4px;
	margin-top:4px;
}

/*-------------------------------------------------------------------------------------------*/
/* =sitemap= */
/* sitemap */
/*-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* =search= */
/* search - this is the standard database search method */
/*-------------------------------------------------------------------------------------------*/

#htmlSearchPrompt, #htmlSearchFailure {
	border-top:1px solid #37552F;
	color: #000;
}

#htmlSearchPrompt h2, #htmlSearchFailure h2 {
	color:#000;
}

#htmlSearchControls {
	border-top:1px solid #37552F;
}

#pnlSearchResults h4.subtitle {
	border-bottom:1px solid #37552F;
}

#htmlSearchPrompt a {
	color: #000;
}

/*-------------------------------------------------------------------------------------------*/
/* =search2=
/* alternative search - not generally used in standard site setup */
/*-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* =contributor=
/* contributor list */
/*-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* =cp= */
/* control panel and pagemaker - note that specific pagemaker bits are below */
/*-------------------------------------------------------------------------------------------*/

.panelbuttons {
	margin-left:14px;
	margin-top:0;
}

.controlpanel1_2 .blocktitles, .panel1_2 .blocktitles {
	background-color:#f78200;
}
body.pagemaker .content #block1_1 .blocktitles, body.pagemaker .contentpage #block1_1 .blocktitles {
	background-color:#f78200;
}
body.pagemaker .content #pmblock1_1 .blocktitles, body.pagemaker .contentpage #pmblock1_1 .blocktitles, body.pagemaker .content #amblock1_1 .blocktitles {
	background-color:#f78200;
}

#pnlPreview #pmblock1_1 .blocktitles {
	height:auto;
}

.controlpanel1_2 .blocktitles h2, .panel1_2 .blocktitles h2, body.pagemaker #block1_1 .blocktitles h2, #pnlPreview #pmblock1_1 .blocktitles h2 {
	color:#fff;
}

.panel1_2 .blocktitles h3, .controlpanel1_2 .blocktitles h3, #pnlPreview #pmblock1_1 .blocktitles h3 {
	color:#fff;
}

.controlpanel2_2 .blocklogintitles h2, .panel2_2 .blocklogintitles h2 {
	color:#37552F;
	padding-top:5px;
}

.controlpanel2_2 .blocklogintitles h3, .panel2_2 .blocklogintitles h3 {
	color:#37552F;
}

.controlpanel2_2 .blocklogintitles , .panel2_2 .blocklogintitles {
	margin-left:0;
	margin-top:0;
	padding-bottom:13px;
	padding-left:10px;
	padding-top:10px;
}

.controlpanel2_2 .blockloginform, .panel2_2 .blockloginform {
	text-align:left;
}

.nextbutton {
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
}



/*-------------------------------------------------------------------------------------------*/
/* =pm= */
/* pagemaker - note that styles that are also used by the control panel are above */
/*-------------------------------------------------------------------------------------------*/

body.pagemaker #pmblock1_1 #htmlPageContentHolder, body.pagemaker #pmblock1_1 #htmlMenuContentHolder, body.pagemaker #amblock1_1 #htmlPageContentHolder {
    margin-left:0;
}

/*-------------------------------------------------------------------------------------------*/
/* =form= */
/* form stuff - lists, textboxes and other reusable form styles */
/*-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* =size= */
/* sizes */
/*-------------------------------------------------------------------------------------------*/


/***************************/
/* main blocks */

/***************************/
/* login panel */

.blocklogin .button, .blocklogininfo .button, .loginspacer {
	font-size:75%;
}

/***************************/
/* home page */

.homepage_text {
	font-size:16px;
}
.homepage_credit {
	font-size:9px;
}

#block2_2 .pagelink_new .pagetitle {
	font-size:120%;
}

/***************************/
/* titles */

.blockitem_welcome h2, .blockitem_story h2, #htmlSubContentList .pagetitle, #htmlSubContentList .categorytitle, #pnlSearchResults .pagetitle, #pnlSearchResults .categorytitle, #htmlContributorInfo .pagetitle, .newlist .pagetitle {
	font-size:160%;
}
#block1_1 h4.title, #pnlSearchResults h4.title, #pnlSearchNoResults h4.title, #pnlSearchForm h4.title, #pnlSearchLoad h4.title {
	font-size:160%;
}
#block1_1 h4.categorytitle {
	font-size:200%;
} 

/***************************/
/* header */

#subnavigationsearch input.textboxsearch {
	font-size:10px;
}
.breadcrumbbar {
	font-size:75%;
}

/***************************/
/* footer */

#footer #extras {
	font-size:75%;
}
#footer .credit {
	font-size:75%;
}


#pnlPreview #pmblock1_1 .blocktitles h3 {
	font-size:85%;
}