/* ------------------- WEP website CSS 2008 ------------------------ */

/* ----- C O L O U R S-------- */

/* WEP Pink : #F21D85 */
/* WEP Maroon : #5F0542 */
/* Blue : #00BDC6 */
/* Green : #9ACD32 */
/* Orange : #FA8B19 */
/* Purple : #886DCD */


/*
=ACCESSIBILITY
------------------------------------------------------------------------*/

.accessibility {
text-indent: -9999px;
position: absolute;
}

/*
=STRUCTURE
------------------------------------------------------------------------*/

body {
background: #F0F0EC url(/images/design_images/backgrounds/bluebeige_bg_strip.png) repeat-x;
text-align: centre;
margin: 0 auto;
padding: 0 0 0 0;
}

/*
body.adviceandguidance {
border-top: 10px solid #00BDC6;
}

body.healthandwellbeing {
border-top: 10px solid #9ACD32;
}

body.youngpeople {
border-top: 10px solid #FA8B19;
}

body.localpeople {
border-top: 10px solid #886DCD;
}*/


#wrapper {
margin: 0;
width: 100%;
text-align: left;
position: relative;
padding: 0;
}

#bar {
width: 100%;
background: #F21D85;
height: 40px;	
}

#bar_inner {
margin: 0 auto;
padding: 10px 0;
width: 980px;
text-align: left;
position: relative;
}

#wrapper_inner {
margin: 0 auto 40px auto;
width: 980px;
text-align: left;
position: relative;
padding: 0 0 20px 0;
/*background: url(/images/design_images/WEPgrid_980_6x140_20gut.png) 0 0 no-repeat;*/
background: #FFF;
height: auto;
overflow: auto;
overflow-x: hidden;
overflow-y: hidden;
}

#masthead {
width: 980px;
height: 100px;
position: relative;
margin: 0 auto;
}

#content {
float: left;
text-align: left;
width: 460px;
min-height: 500px;
margin: 20px 0px 20px 20px;
position: relative;
padding: 0;
background: #FFF;
}

#main_links {
margin: 20px 0 20px 20px;
float: left;
/*background: #FFF url(/images/design_images/backgrounds/mainlinks_bg.png) 0 0 no-repeat;*/
position: relative;
padding: 0;
width: 453px;
height: 300px;
}

#slideshow {
float: left;
margin: 0;
padding: 0;
width: 453px;
margin: 20px 0px 20px 20px;
position: relative;
left: 0;
}

.content_fullwidth {
text-align: left;
width: 980px;
min-height: 370px;
margin: 0;
padding: 0;
float: left;
background: url(/images/design_images/shapes_plus_city.png) 0px 130px no-repeat;
position: relative;
}

#content_sectionhome, #content_sectionhome_index {
float: left;
width: 620px;
margin: 20px 0 20px 20px;
padding: 0;
}

#content_2cols {
float: left;
width: 300px;
margin: 0;
background: #333;
}

#sidebar_2colright {
float: right;
width: 300px;
margin: 20px 20px 0 0;
background: #FFF;
}

#sidebar_2colright_index {
float: right;
width: 280px;
margin: 20px 20px 0 0;
position: relative;
border-left: 1px solid #ccc;
padding: 0 0 0 20px;
}

#sidebar_3colright {
float: right;
width: 453px;
margin: 20px 20px 20px 0px;
background: #FFF;
}

#sidebar_4colright {
float: right;
width: 610px;
margin: 20px 20px 20px 0px;
background: #FFF;
}

#side_content {
border-top: 0px #999 solid;
margin: 0;
padding: 0;
}

#sidebar_1colmiddle {
float: left;
width: 139px;
margin: 20px 0px 20px 20px;
background: #333;
}

/*.singlecol {
float: left;
width: 140px;
height: 200px;
margin: 127px 0 0 20px;
padding: 0;
background: #ccc;	
}*/

#1col_1 {
float: left;
width: 139px;
height: 250px;
margin: 0 0 20px 18px;
background: #00BDC6;
}

#1col_2 {
float: left;
width: 139px;
height: 250px;
margin: 0 0 20px 18px;
background: #9ACD32;
}

#1col_3 {
float: left;
width: 139px;
height: 250px;
margin: 0 0 20px 18px;
background: #00BDC6;
}

#1col_4 {
float: left;
width: 139px;
height: 250px;
margin: 0 0 20px 19px;
background: #00BDC6;
}

#footer {
clear: both;
width: 100%;
padding: 0;
text-align: left;
margin: 0;
background: #e9e7d4;
}

#footer_inner {
margin: 0 auto;
padding: 20px 0 0 0;
width: 980px;
min-height: 400px;
text-align: left;
position: relative;
}

#logos {
border-top: 0px #ccc solid;
padding: 12px 0 0 0;
margin: 36px 0 0 0;
}

#logos_partners {
border-top: 0px #ccc solid;
padding: 12px 0 40px 0;
margin: 20px 0 0 20px;
}

.clear {
clear:both;
}

.contentfooter {
position: relative;
width: 940px;
margin: 0 auto;
padding: 20px 0;
border-top: 1px #ccc solid;	
clear: both;
}

.contentfooter img {
float: left;
margin-right: 40px;	
}


/*
=FOOTER MODS
-------------------------------- */
.mods {
position: relative;
float: left;
clear: both;
width: 980px;
margin: 0 0 40px 0;
padding: 0 0 20px 0;
border-bottom: 1px #ccc solid;
}

.threecolmod_l {
position: relative;
width: 215px;
margin: 0 10px 0 0;
padding: 0 0 0 0;
float: left;
border-right: 1px #ccc solid;
min-height: 100px;
}

.threecolmod {
position: relative;
width: 215px;
margin: 0 10px 0 10px;
padding: 0 20px 0 0;
float: left;
border-right: 1px #ccc solid;
min-height: 100px;
}

.threecolmod_r {
position: relative;
width: 215px;
margin: 0 0 0 10px;
padding: 0 0 0 0;
float: left;
min-height: 100px;
}

.threecolmod_l, .threecolmod_r, .threecolmod {
font-size: 0.9em;
}

/*
=LOWER CONTENT ON SECTION HOMES and INDEX
-------------------------------- */

#lowercontent_ag, #lowercontent_hw, #lowercontent_yp, #lowercontent_lp, #lowercontent_index {
position: relative;
width: 940px;
border-top: 1px #ccc solid;
clear: both;
margin: 0px 20px 20px 20px;
padding: 0;
float: left;
background: #FFF;
}

#lowercontent_hw {
/*background: #F5FCE3;*/
}

#lowercontent_yp {
/*background: #FBE2D1;*/
}

#lowercontent_lp {
/*background: #FBE2D1;*/
}

.sectionindexlatest, .sectionindexlatest_m, .sectionindexlatest_r {
float: left;
position: relative;
width: 300px;
padding: 0;
margin: 20px 20px 0 0;
}

.sectionindexlatest_m {
padding: 0 20px;
width: 280px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}

.sectionindexlatest_r {
width: 278px;
margin: 20px 0 0 0;
}

.singlecolmodule {
float: left;
width: 140px;
margin: 20px 20px 0 0;
}

.singlecolmodule_hw {
float: left;
width: 140px;
margin: 20px 20px 0 0;
background: #f3fee4;
padding: 6px;
}

.singlecolmodule_hw p {
color: #6a8b3d;
}

.singlecolmodule_r {
float: left;
width: 139px;
margin: 20px 0 0 0;
margin-right: 0;
}

/*
=IMAGES
------------------------------------------------------------------------*/
#content img {
margin: 0 0 10px 0;
padding: 0;
}

a img, a:link img, a:visited img, a:hover img {
border: none !important;
border: 0;
display: block;
margin: 0 0 10px 0;
padding: 0;
}

#content_sectionhome img {
float: right;
margin: 0 0 0 20px;
}

#content img.right {
float: right;
margin: 0 0 10px 10px;	
}

#content img.left {
float: left;
margin: 0 20px 20px 0;	
}

.smlright {
float: right;	
}


/*
=FORMS
------------------------------------------------------------------------*/

form.contact {
margin: 0;
font-family: "lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #000;
background: #FAF7D4;
padding: 1em;
}

legend {
font-size: 1.3em;
font-weight: bold;
margin: 0 0 1em 0;
}

form p {
font-size: 1.2em;
}

form.contact label {
float: left;
text-align: right;
width: 80px;
display: block;
margin: 1em 0.15em;
line-height: 1.3em;
padding: 0.5em;
}

form.contact input, form.contact textarea {
margin: 1em 0.5em;
border: 1px solid #999;
font-size: 1.2em;
padding: 0.5em;
line-height: 1.2em;
width: 70%;
}

form.contact textarea:focus, form.contact input:focus {
border: 1px solid #F21C85;
}

form.contact input.button
{
color: #FFF;
background: #F21C85;
border: 0px;
cursor: pointer;
display: block;
margin: 0.5em 0 0.5em 100px;
width: 20%;
} 

input.button:hover
{
background: #FFF;
color: #F21C85;
}

.captcha {
margin: 0.5em 100px;
}

form.contact input.captcha {
margin: 0.5em 100px;
width: 125px;
}


/*
=BOARD 
------------------------------------------------------------------------*/

div.boardprofile {
background: #eee url(/images/design_images/quote_open.png) 20px 20px no-repeat;
padding: 60px 40px;
margin: 20px 0 0 0;
position: relative;
}

#content div.boardprofile p {
font: 1.6em/1.4 Georgia, Constantia, Times, "Times New Roman", serif;
margin-bottom: 10px;
}

.posthidden {display:none}
.postshown {display:inline}

.showhide {
font: 1.3em/1.6 "Lucida Grande", Lucida, Verdana, Geneva, Calibri, Arial, Helvetica, Trebuchet, "Trebuchet MS", sans-serif;
float: right;
margin-top: -20px; 
}

.quote {	
}

/*
=NEWSLETTER SIDEBAR MODULE
------------------------------------------------------------------------*/
#newsmod {
background: #EEE url("/images/design_images/WEnewsaug2010.png") 190px 20px no-repeat;
padding: 10px 0;
border: 1px solid #DDD;
}

#newsmod.index {
background: #EEE url("/images/design_images/WEnewsaug2010.png") 175px 20px no-repeat;
padding: 10px 0;
border: 1px solid #DDD;
}

#newsmod p {
color: #FFF;
margin: 15px;
}

#newsmod h5 {
color: #5F0542;
margin: 0 15px 10px 15px;
text-transform: uppercase;
font-family: "Century Gothic", "Lucida Grande", Lucida, Verdana, Geneva, Calibri, Arial, Helvetica, Trebuchet, "Trebuchet MS", sans-serif;
font-size: 2.4em;
}

#newsmod h6 {
color: #5F0542;
margin: 0 95px 10px 15px;
font: 1.8em/1.4 Georgia, Constantia, Times, "Times New Roman", serif;
}

#newsmod ul {
marding: 0 0 0 15px;
font: 1.3em/1.6 "Lucida Grande", Lucida, Verdana, Geneva, Calibri, Arial, Helvetica, Trebuchet, "Trebuchet MS", sans-serif;
}

#newsmod li.pdf {
background: url("/images/icons/icon_pdf.gif") 0.4em 0.7em no-repeat;
text-indent: 30px;
margin: 0 15px;
border-top: 1px solid #BFBFBF;
padding: 5px 0;
}