/*-------------------------------------------------------------------------------------------*/
/* 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'); */
/*-------------------------------------------------------------------------------------------*/

@import url('sifr-screen.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;
    color:#636D62;
    margin-top:3px;
    margin-bottom:22px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}

#all {
	background-color:#fff;
 	background-image:url(../images/nonstandard/bg_all.gif);
	background-position:top left;
	background-repeat:repeat-x;
	min-width:963px;
}
* html #all {
	margin-right:1px;
	padding-left:963px;
}

#main {
    margin-left:auto;
    margin-right:auto;
	margin-top:10px;
    width:983px;
 	background-image:url(../images/nonstandard/bg_main.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:3px;	
}


.content .block {
	background-color:#EBF7FB;
}

.contentwrapper {
	background-image:none;
	margin-left:10px;
}

.homepage_container, .homepage_container_hidden {
    background-image:none;
    margin-left:13px;
    width:568px;
    padding-top:0px;
}

.page_container, .page_container_hidden, .content_container {
    width:556px;
}


.category_container_hidden {
    width:556px;
}

.category_container {
 	background-image: url(../images/nonstandard/home_page_collage.jpg);
	background-position:20px 0px;
	background-repeat: no-repeat;
	float:left;
	width: 574px;
	padding-top: 120px;
}


#block1_1 {
    margin-left:18px;
    padding-left:0;
    padding-top:5px;
    width:556px;
}
* html #block1_1 {
    margin-left:9px;
    width:547px;
}

#block1_2 {
    margin-left:0;
    margin-top:0px;
    padding-right:40px;
    width:340px;
}
#block2_2 {
    border-left:1px solid #ddd;
    margin:0;
    margin-top:20px;
    padding-left:40px;
    padding-top:0;
    width:140px;
}


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

#header {
	background-color:#fff;
}

#header #skipnav a:active, #header #skipnav a:focus {
	left:0;
	top:0;
}

#header #titles {
    background-image:url(../images/nonstandard/bg_header.jpg);
    background-position:0 11px;
    background-repeat:no-repeat;
    margin-left:5px;
    height:82px;
    width:963px;
}
#header #titles h1 {
    float:left;
    margin-left:0px;
    width:368px;
    margin-top:10px;
}
* html #header #titles h1 {
    margin-left:6px;
}

#header #subnavigation {
    background-image:none;
    float:right;
	margin-top:44px;
	margin-right:0px;
	position:static;
	text-align:right;
	width:238px;
}
* html #header #subnavigation {
	margin-right:0px;
}

#subnavigationsearch label {
	display:block;
	float:left;
    margin-right:14px;
	position: static;
}

#subnavigationsearch .textboxsearcharea {
    background-image:url(../images/nonstandard/bg_search.gif);
    background-repeat:no-repeat;
	float:left;
    height:21px;
	margin-top:9px;
    padding:0;
    width:138px;
}

#subnavigationsearch input.textboxsearch {
	font-size:10pt;
	height:17px;
	margin:1px;
	padding-left:1px;
	padding-top:1px;
	position: static;
    width:134px;
}

#subnavigationsearch .searchbutton {
	float:left;
	margin-left:16px;
	margin-top:9px;
	position: static;
}
* html #subnavigationsearch .searchbutton {
	margin-left:8px;
}

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

.breadcrumbbarwrapper {
	margin-top: 13px;
	margin-bottom: 13px;
	margin-left:10px;
	margin-right: 0px;
	background-color: #B8EBAA;
	width:960px;
}
.breadcrumbbar {
	background-color: #B8EBAA;
	border:1px solid #B1D2A3;
}
.breadcrumb {
	background-color: #B8EBAA;
	color:#514E4E;
	font-size:110%;
	font-weight:normal;
	margin-left:12px;
	margin-right:13px;
}
.breadcrumb a {
	color:#514E4E;
	font-weight:normal;
}





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

.blocklogin {
    overflow:hidden;
    width:184px;
}

.navbar {
    background-color:#F6F6F6;
	margin-top:0;
	margin-bottom:7px;
	padding-bottom:28px;
    width:184px;
}

.navbar h2 {
    background-color:#669966;
    background-image:url(../images/nonstandard/bg_nav_top.gif);
    background-repeat:no-repeat;
    color:#D9FF77;
    font-size:110%;
    font-weight:bold;
    margin-top:0;
    margin-bottom:4px;
    padding-bottom:10px;
    padding-left:13px;
    padding-top:15px;
}

.menu_item_container {
    border-bottom:1px solid #ddd;
    margin-left:9px;
    margin-right:9px;
    padding-top:0;
}

.menu_item {
    color:#514E4E;
    font-size:110%;
	font-weight:bold;
    margin-left:12px;
    padding-top:15px;
    padding-bottom:12px;
}

.menu_item a:link {
    color:#514E4E;
}

.menu_item a:visited {
    color:#514E4E;
}

.blocklogininfo {
    background-color:#F7F7E8;
    width:184px;
}

.blocklogininfo .blocklogintitles {
    background-image:url(../images/nonstandard/icon_contribute.jpg);
    background-repeat:no-repeat;
    background-position:11px 23px;
    color:#87AD93;
	margin-top:0;
	padding-bottom:10px;
	padding-top:23px;
	text-align:left;
}
.blocklogininfo .blocklogintitles h2 {
    color:#87AD93;
    font-size:130%;
    font-weight:bold;
    margin-left:62px;
    margin-top:10px;
}
.blocklogininfo .blocklogintitles h3 {
    color:#87AD93;
    font-weight:normal;
    margin-bottom:0;
    margin-left:11px;
    margin-top:20px;
}

.blockloginform {
    display:block;
    margin-top:0;
    padding-bottom:20px;
    padding-left:11px;
    padding-top:5px;
}

.blockloginform label {
    color:#669966;
	display:block;
	font-size:85%;
	font-weight:normal;
}

#pnlLoggedIn .blockloginform label {
    color:#000;
    font-weight:bold;
}

.blockloginform .textbox, .blockloginform .textboxmemo, .blockloginform select {
	border:1px solid #ddd;
	font-size:85%;
}

.blockloginform input.button {
	background-color:#669966;
	border:0;
	color:#fff;
	font-size:85%;
	padding-bottom:2px;
	padding-left:4px;
	padding-right:4px;
	padding-top:2px;
}

.blockloginform a {
    color:#669966;
	font-size:85%;
	font-weight:normal;
}


.blockloginform a.passwordlink {
    color:#669966;
	font-weight:normal;
}
.blockloginerror {
    margin-right:21px;
 }

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

.extracolumn {
	background-color:#fff;
	padding:0;
	width:184px;
}

.morelinks {
    background-color:#F6F6F6;
    margin-bottom:10px;
    padding-bottom:10px;
}

.morelinks h2 {
    background-color:#669966;
    background-image:url(../images/nonstandard/bg_nav_top.gif);
    background-repeat:no-repeat;
    color:#D9FF77;
    font-size:110%;
    font-weight:bold;
    margin:0;
    margin-top:0;
    margin-bottom:4px;
    padding-bottom:10px;
    padding-left:13px;
    padding-top:15px;
}

.morelinks h2 a {
	color:#8DA899;
}

.morelinks h3 {
    margin-top:10px;
}

.morelinks h3 a {
	color:#87AD93;
}

.extracolumn ul {
	color:#6C465A;
}

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

.advertarea {
	background-color:#F6F6F6;
    margin:0;
    padding-bottom:10px;
	width:184px;
}

.advertarea h2 {
    background-color:#669966;
    background-image:url(../images/nonstandard/bg_nav_top.gif);
    background-repeat:no-repeat;
    color:#D9FF77;
    font-size:110%;
    font-weight:bold;
    margin:0;
    margin-top:0;
    margin-bottom:4px;
    padding-bottom:10px;
    padding-left:13px;
    padding-top:15px;
}

.advert {
	padding-top:15px;
	padding-left:25px;
	padding-right:25px;
}

.advert .image img {
	border:1px solid #74AE5A;
}

.advert .text {
	color:#669966;
	font-weight: bold;
	font-size:120%;
}

.advert .text a {
	color:#669966;
}

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

#footer {
	background-color: #B8B7B4;
	font-size:90%;
	height:48px;
	margin-top:20px;
	overflow:hidden;
	width:983px;
}

#footer .extras ul {
    margin-left:25px;
}
#footer .extras li {
	margin-top:17px;
}
#footer .extras a {
	color:#fff;
}

.credit {
    margin-top:35px;
	float:left;
	width:602px;
	margin-left:8px
}

#logos 	  {
    margin-top:10px;
	float:right;
}

#logos img {
    border:0;
}
#logos .grassroots  {
	border:1px solid #74AE5A;
	margin-right:10px;
}

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

.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.title, #pnlSearchForm h4.title {
	color:#685F98;
	font-size:200%;
	font-weight:normal;
    margin-top:0;
}	

#block1_1 h5.subtitle {
	color:#676767;
}
#block1_1 h5.subtitle a {
	color:#676767;
}

#htmlPageContentHolder h6, .pagetext h6, #block1_1 h6 {
	color:#87AD93;
	font-size:120%;
}
#htmlPageContentHolder h6.subsubheading, .pagetext h6.subsubheading, #block1_1 h6.subsubheading {
    color:#BD9A2F;
	font-size:110%;
	font-weight:normal;
}

#block1_1 .pagetext a, #block1_1 .pagetext p a {
    color:#669966;
}

#block1_1 .pagetext p {
	line-height: 145%;
}



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

#htmlIntroduction {
    color:#636D62;
    line-height: 145%;
}

#htmlIntroduction p a {
    color:#669966;
}

.block .category1_2, .block .pagelink1_2, .block .category2_2, .block .pagelink2_2 {
	border-top: 1px solid #DACAD2;
	margin-right:0;
	width:248px;
}

.block .category1_2, .block .pagelink1_2 {
	margin-right:30px;
}

.block .category1_2 .imagewrapper, .block .category2_2 .imagewrapper, .block .pagelink1_2 .imagewrapper, .block .pagelink2_2 .imagewrapper {
	border: 0;
	height:100px;
	width:100px;
}

.block .categorytitle, .block .pagetitle {
	color:#636D62;
}
.block a.categorytitle, .block a.pagetitle {
	color:#636D62;
}



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

#block1_2 p a {
    color:#669966;
}

#block1_2 .blocktitles h2, #block2_2 .blocktitles h2 {
	color:#685F98;
	font-size:150%;
	font-weight:normal;
    margin-top:0;
}

#block2_2 .blocktitles h2 {
	color:#669966;
	font-size:150%;
	font-weight:normal;
    margin-top:0;
}


#block1_2 .blocktitles h2 {
    margin-top:15px;
	margin-bottom:5px;
}

#block1_2 .blocktitles h2#htmlWelcomeTitle {
	color:#685F98;
	font-size:180%;
	font-weight:normal;
    margin-top:15px;
}

#block1_2 p {
    line-height:145%;
    margin-bottom:5px;
    margin-top:5px;
}

#block1_2 .newpagelink {
    background-image:url(../images/nonstandard/icon_new.gif);
    background-repeat:no-repeat;
    background-position: 0px 0px;
    border:0;
    font-size:105%;
    line-height:140%;
    margin-bottom:0;
    margin-top:12px;
    min-height:39px;
    padding-left:35px;
    padding-top:0;
}
#block1_2 .newpagelink a {
    color:#636D62;
    font-weight:bold;
}

#block1_2 .morenew {
    margin-left:0px;
	margin-top:16px;
}
#block1_2 .morenew a {
     color:#685F98;
}

#block2_2 .pagelink {
	border-top: 0;
	min-height:auto;
	text-align:left;
	width:140px;
}

#block2_2 .pagelink .imagewrapper {
	background-color:#fff;
	border: 0;
	float:none;
	height:auto;
	width:auto;
}
#block2_2 .pagelink .imagewrapper img {
    margin:0;
}
#block2_2 .pagelink a {
    color:#636D62;
    display:block;
}


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

.bordertop {
    border-top:1px solid #DACAD2;
}
.borderbottom {
    border-bottom:1px solid #DACAD2;
}

#block1_1 .pagetext p.emphasised {
    color:#BB93A8;
    font-weight:bold;
}

#block1_1 .pagetext p.pulloutquote {
    background-color:#FFFFE0;
    border:1px solid #EDECDD;
    color:#928255;
    font-style:italic;
    font-weight:normal;
    margin-right:0;
    padding:20px;
    width:118px;
}

.pagetext table {
    border-color:#DACAD2;
}

.pagetext td {
    padding:5px;
	border-color:#DACAD2;
}


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

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

#htmlCommentsInput h2, #htmlCommentsPrompt h2, #htmlCommentsDisplayArea h2, #htmlCommentsThanks h2, #htmlSearchPrompt h2, #htmlSearchFailure h2 {
    color:#BD9A2F;
}

#htmlCommentsInput h2 a, #htmlCommentsInputform h2.nosub a , #htmlCommentsPrompt h3 a {
    color:#BD9A2F;
}

#htmlCommentsInputForm .privacy a {
    color:#BD9A2F;
}

#htmlCommentsDisplayArea {
	border-top:1px solid #DACAD2;
}

#block1_1 .comment .commentbody p {
}

#block1_1 .comment .commentbody p a {
    color:#BD9A2F;
}

.block .comment .commentcredit {
}
.block .comment .commentcredit a {
    color:#BD9A2F;
}

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

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

#htmlSearchPrompt, #htmlSearchFailure {
	border-top:1px solid #8DA899;
}

#htmlSearchControls {
	border-top:1px solid #8DA899;
}

#pnlSearchResults h4.subtitle {
	border-bottom:1px solid #8DA899;
}

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

.searchaddress {
	color:#629AA7;
}
.searchheader {
	border-bottom:1px solid #629AA7;
}
.searchfooter {
	border-top:1px solid #629AA7;
	border-bottom:1px solid #629AA7;
}

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

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

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

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

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