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

/* ------------------- TYPOGRAPHY ----------------------------------- */

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

/* WEP Pink : #F21D85 */
/* WEP Maroon : #42032C */
/* Blue : #00AEEF */
/* Green : #9ACD32 */
/* Orange : #FA8B19 */
/* Purple : #886DCD */


body {
font-size: 62.5%;
line-height: 1;
}

/*
=MASTHEAD
-------------------------------------------------------*/

#masthead {
font: 1.2em/1.6 "Lucida grande", Lucida, Verdana, Geneva, Calibri, Arial, Helvetica, Trebuchet, "Trebuchet MS", sans-serif;
text-align: left;
}

/*
=HEADINGS
-------------------------------------------------------*/

#masthead h1 {
padding: 0 0 20px 0;
text-indent:-9000px;
float: left;
}

#masthead h1 a {
width:460px;
height: 36px;
display:block;
position: relative;
left: 0px;
top: 36px;
background:url(/images/design_images/weplogo_marpink.png) center 0 no-repeat;
cursor: pointer;
float: left;
padding: 0;
border: 0;
text-decoration: none;
}

#masthead h1 a:hover {
padding: 0;
border: 0;
text-decoration: none;
}

/*
=MAIN SECTION HEADINGS 
-------------------------------------------------------*/

h2 {
text-indent:-9000px;
width: 460px; 
height: 67px;
margin: 0 0 20px 0;
padding: 0 0 20px 0;
border-bottom: 1px solid #999;
float: left;
clear: both;
}

h2.index {
text-indent:-9000px;
width: 620px; 
height: 145px;
background:url(/images/design_images/main_index_type.png) 0 0 no-repeat;
margin: 0 0 0 0;
padding: 0;
display:block;
float: left;
clear: both;
border-bottom: 0;
}

h2.ag {
background:url(/images/design_images/main_type_ag.png) 0 0 no-repeat;
padding: 0 0 20px 0;
}

h2.ag_home {
width: 300px;
height: 100px;
background:url(/images/design_images/main_type_ag_home.png) 0 0 no-repeat;
}

h2.hw {
background:url(/images/design_images/main_type_hw.png) 0 0 no-repeat;
}

h2.hwfull {
background:url(/images/design_images/main_type_hw.png) 0 0 no-repeat;
width: 620px;
}

h2.hw_home {
width: 300px;
height: 67px;
background:url(/images/design_images/main_type_hw_home.png) 0 0 no-repeat;
}

h2.wwyp {
background:url(/images/design_images/main_type_wwyp.png) 0 0 no-repeat;	
}

h2.wwyp_home {
width: 300px;
background:url(/images/design_images/main_type_wwyp_home.png) 0 0 no-repeat;
}

h2.ltwwlp {
width: 620px;
background:url(/images/design_images/main_type_ltwwlp.png) 0 0 no-repeat;	
}

h2.ltwwlp_home {
width: 620px;
height: 100px;
background:url(/images/design_images/main_type_ltwwlp_home.png) 0 0 no-repeat;	
}

h2.about {
background:url(/images/design_images/main_type_about.png) 0 0 no-repeat;	
}

h2.ln {
background:url(/images/design_images/main_type_ln.png) 0 0 no-repeat;	
border-bottom: 0;
margin: 0 0 0 0;
}

h2.n {
background:url(/images/design_images/main_type_n.png) 0 0 no-repeat;	
}

h2.wwd {
width: 760px;
background:url(/images/design_images/main_type_whatwedo.png) 0 0 no-repeat;	
}

h2.e {
background:url(/images/design_images/main_type_e.png) 0 0 no-repeat;
margin-bottom: 0;
}

h2.d {
background:url(/images/design_images/main_type_d.png) 0 0 no-repeat;	
}

h2.l {
background:url(/images/design_images/main_type_l.png) 0 0 no-repeat;	
}

h2.notfound {
background:url(/images/design_images/main_type_notfound.png) 0 0 no-repeat;	
}


/*
=ENDS
-------------*/

h3 {
font: 1.4em/1 "Lucida grande", Lucida, Verdana, Geneva, Calibri, Arial, Helvetica, Trebuchet, "Trebuchet MS", sans-serif;
text-align: left;
margin: 0 0 20px 0;
padding: 0;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #F21C85;
font-weight: bold;
}

h3 p {
margin: 0;
padding: 0;
}

h4 {
font: 2.4em/1.3 Georgia, Constantia, Times, "Times New Roman", serif;
text-align: left;
margin: 0 0 20px 0;
border-top: 0px solid #999;
padding: 20px 0 0 0;
}

h4.intro {
font: 1em/1.3 Georgia, Constantia, Times, "Times New Roman", serif;
text-align: left;
margin: 0 0 20px 0;
border-top: 0px solid #999;
padding: 0;
}

#main_links h4 {
border: 0;
margin: 1.8em;
padding: 0;
}

h4.listed {
padding: 20px 0 0 0;
border-top: 1px solid #999;
clear: both;
}

h4.norules, h4.index {
padding: 20px 0 20px 0;
margin: 20px;
border-top: 0px solid #999;
border-bottom: 0px solid #999;
}

h4.index {
font-size: 2.8em;
padding: 0;
margin: 0 0 20px 0;
border-top: 0;
border-bottom: 0;
}

h4 span {
font-size: 50%;
width: 75%;
line-height: 1;
}

h4 span.date {
font-size: 1.2em;
color: #F21C85;
margin: 0 0.25em 0.25em 0;
}

h5 {
font: 1.6em/1.2 Verdana, Arial, Helvetica, Verdana, sans-serif;
text-align: left;
font-weight: bold;
margin: 0 0 10px 0;
color: #42032C;
}

h5.ruled {
border-top: 1px dotted #999;
padding: 0.5em 0 0 0;
}

h5.indented, p.indented {
margin-left: 20px;
}

h5.standfirst {
font: 1.6em/1.2 Verdana, Arial, Helvetica, Verdana, sans-serif;
text-align: left;
font-weight: bold;
margin: 0 0 20px 0;
color: #333;
}

h6 {
font: 1.2em/1.5 "Lucida grande", Lucida, Verdana, Geneva, Calibri, Arial, Helvetica, Trebuchet, "Trebuchet MS", sans-serif;
text-align: left;
font-weight: bold;
margin: 0 0 0 0;
padding: 0;
color: #000;		
}

/*
=LOWER CONTENT HEADINGS
-------------------------------------------------------*/

.singlecolmodule h5 {
margin: 0 0 0.25em 0;
}

.singlecolmoduleAG h6 br span {
color: #666;
}

/*
=SIDEBAR HEADINGS
-------------------------------------------------------*/

#sidebar_2colright h3 {
font: 1.4em/1.6 "Lucida grande", Lucida, Verdana, Geneva, Calibri, Arial, Helvetica, Trebuchet, "Trebuchet MS", sans-serif;
margin: 1em 0 0.5em 0;
padding: 0.5em 0 0 0;
text-transform: uppercase;
letter-spacing: 0.15em;
color: #F21C85;
}

/*
=STRUCTURAL LABELS to be hidden
-------------------------------------------------------*/

.structural_label
{
position: absolute;
left: -5000px;
width: 4000px;
}

/*
=MAIN  PARAGRAPHS
-------------------------------------------------------*/

p {
font: 1.3em/1.6 "Lucida Grande", Lucida, Verdana, Geneva, Calibri, Arial, Helvetica, Trebuchet, "Trebuchet MS", sans-serif;
margin: 0 0 1em 0;
}

#footer_inner p {
font: 1.2em/1.5 "Lucida grande", Lucida, Verdana, Geneva, Calibri, Arial, Helvetica, Trebuchet, "Trebuchet MS", sans-serif;
margin: 0;
color: #666;
}

p span {
color: #666;
}

/*
=LOWER CONTENT PARAGRAPHS
-------------------------------------------------------*/

.singlecolmoduleAG p {
font-size: 1.2em;
line-height: 1.6;
margin: 0.3em 0.3em 0.75em 0.3em;
}

/*
=P classes
-------------------------------------------------------*/

#content blockquote p {
font: 2em/1.6 Georgia, Constantia, Times, "Times New Roman", serif;
color: #666;
font-weight: normal;
margin: 20px 0 20px 60px;
border-top: 1px #666 solid;
border-bottom: 1px #666 solid;
padding: 20px 0 20px 0;
}

p.dateposted, p.dateposted2, p.dateposted3 {
font: 1.2em/1 "Lucida grande", Lucida, Verdana, Geneva, Calibri, Arial, Helvetica, Trebuchet, "Trebuchet MS", sans-serif;
text-align: left;
margin: 0 0 15px 0;
border-bottom: 1px solid #999;
padding: 0 0 1em 0;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #F21C85;
}

p.dateposted2 {
margin: 0 0 0.5em 0;
padding: 0 0 0 0;
border-bottom: 0px solid #999;
}

p.dateposted3 {
margin: 10px 0 0 0;
padding: 0 0 0 0;
border-bottom: 0px solid #999;
font-size: 70%;
}

p.postedby {
font: 1.2em/1.6 "Lucida grande", Lucida, Verdana, Geneva, Calibri, Arial, Helvetica, Trebuchet, "Trebuchet MS", sans-serif;
color: #666;
border-top: 1px solid #999;
padding: 10px 0 0 0;
margin-top: 20px;
}

.caption {
color: #333;
padding: 0;
}

#content_sectionhome p, #content_2cols p {
font: 1.8em/1.4 Georgia, Constantia, Times, "Times New Roman", serif;
padding: 0;
}


/*
=SPANS
-------------------------------------------------------*/

.notbold {
font-weight: normal;
}

.strong {
font-weight: bold;	
}

.hidden {
position: absolute;
left: -4000px;
width: 900px;
}

.notice {
color: #000;
background: #FAF7D4;
padding: 0.2em;
}

.details {
color: #666;
margin: 10px 0 0 0;
}

.hw {
background: #9ACD32;
color: #FFF;
padding: 0.05em;
margin-right: 10px;
}

.ag {
background: #00AEEF;
color: #FFF;
padding: 0.05em;
margin-right: 10px;
}


/*
=LINKS
-------------------------------------------------------*/

#wrapper_inner a, #wrapper_inner a:link, #footer_inner a {
color: #42032C;
text-decoration: underline;
}

#wrapper_inner a:visited, #footer_inner a:visited {
color: #42032C;
text-decoration: underline;
}

#wrapper_inner a:hover, #footer_inner a:hover {
text-decoration: none;
background: #F21C85;
color: #FFF;
}

#wrapper_inner a:active, #footer_inner a:active {
text-decoration: none;
background: #42032C;
color: #FFF;
}

#wrapper_inner ul.recentitems a {
text-decoration: none;	
}

.feed {
padding-left: 20px;
background: url("/images/design_images/feed.png") no-repeat 0 50%;
}


/*
=L I S T S 
-------------------------------------------------------*/

ul.simple {
margin: 0;
padding: 0;
display: block;
}

ul.simple li {
margin: 0 0 0 0;
padding: 0.5em 0 20px 0;
border-top: 1px dotted #999;
clear: both;
display: block;
}

ul.simple li p {
margin: 0;
padding: 0;
}

#wrapper ul.simple li img {
margin: 0 1em 1em 0;
float: left;
}

#messages li {
font: 1.3em/1.6 "Lucida Grande", Lucida, Verdana, Geneva, Calibri, Arial, Helvetica, Trebuchet, "Trebuchet MS", sans-serif;
}


/*
RECENT ITEMS---------------*/

#wrapper_inner ul.recentitems {
margin: 0 0 3em 0;
padding: 0;
}

#wrapper_inner ul.recentitems li {
font: 1.6em/1.4 Georgia, Constantia, Times, "Times New Roman", serif;
padding: 0 0 15px 0;
margin: 0 0 5px 0 ;
border-bottom: 1px #ccc solid;
}

#wrapper_inner ul.recentitems li a:link {
color: #42032C;
text-decoration: 0;
border-bottom: 0;
padding: 0;
}

#wrapper_inner ul.recentitems li a:visited {
color: #42032C;
text-decoration: 0;
border-bottom: 0;
padding: 0;
}

#wrapper_inner ul.recentitems li a:hover {
text-decoration: 0;
border-bottom: 0;
background: #F21C85;
color: #FFF;
padding: 0.05em 0;
}

#wrapper_inner ul.recentitems li span {
font: 0.8em/1 "Lucida grande", Lucida, Verdana, Geneva, Calibri, Arial, Helvetica, Trebuchet, "Trebuchet MS", sans-serif;
font-weight: bold;
color: #666;
}

/*
=EVENTS
-----------------------------*/

#content ul.events {
margin: 0 0 0 0;
padding: 0;
clear: both;
}

#content ul.events li {
padding: 0 0 20px 0;
margin: 0 0 0 0;
border-bottom: 1px solid #999;
}

#content ul.events h4 {
margin: 0 0 0.75em 0;
}

#content ul.events li h4 a {
margin: 0 0 0 0;
color: #42032C;
text-decoration: none;
padding: 0;
}

#content ul.events li h4 a:hover {
text-decoration: underline;
color: #FFF;
}

.sectionindexlatest_r .calender {
text-align: center;
float: left;
font-family: Arial, Helvetica, sans-serif;
background:url(/images/design_images/icon_cal_grey.gif) no-repeat;
width:40px;
}

.date_m {
display:block;
font-size: .9em;
margin:0;
padding:0;
font-weight: bold;
text-align:center;
}

.date_d {
display:block;
font-size:1.4em;
margin:0;
padding:0.7em 0 1.3em 0;
text-align: center;
}

/*
=DOCS
-----------------------------*/

ul.docs {
margin: 0;
padding: 0;
font: 1.4em/1.7 "Lucida Grande", Lucida, Verdana, Geneva, Calibri, Arial, Helvetica, Trebuchet, "Trebuchet MS", sans-serif;
}

ul.docs li {
margin: 0 0 1em 0;
padding: 0;
}

ul.docs li.pdf {
background: #eee url("/images/icons/icon_pdf.gif") 0.5em 0.8em no-repeat;
text-indent: 30px;
padding: 0.5em;
}

ul.docs li.word {
background: #eee url("/images/icons/icon_word.gif") 0.5em 0.8em no-repeat;
text-indent: 30px;
padding: 0.5em;
}

#content ul.docs p.details {
color: #333;
font-size: 0.9em;
line-height: 1.4;
text-indent: 0;
margin: 0.3em 0 0 0;
}

ul.docs li ul h4 {
font: 1.8em/1.2 Calibri, Arial, Helvetica, Verdana, sans-serif;
text-align: left;
font-weight: bold;
margin: 0 0 0.25em 0;
}

/*-------extra fudge to sort main DOCS list----*/

ul.docs_main {
clear: both;
width: 460px;
margin: 0;
padding: 0;
font: 1.4em/1.7 "Lucida Grande", Lucida, Verdana, Geneva, Calibri, Arial, Helvetica, Trebuchet, "Trebuchet MS", sans-serif;
}

ul.docs_main li {
margin: 0 0 0 0;
padding: 0;
}

ul.docs_main li ul {
padding-bottom: 10px;
border-bottom: 1px dotted #999;
}

ul.docs_main li.pdf {
background: #eee url("/images/icons/icon_pdf.gif") 0.5em 0.8em no-repeat;
text-indent: 30px;
padding: 0.5em;
}

ul.docs_main li.word {
background: #eee url("/images/icons/icon_word.gif") 0.5em 0.8em no-repeat;
text-indent: 30px;
padding: 0.5em;
}

#content ul.docs_main p.details {
color: #333;
font-size: 0.9em;
line-height: 1.4;
text-indent: 0;
margin: 0.3em 0 0 0;
}

ul#documents.docs_main ul li h4 {
font: 1.2em/1.2 Calibri, Arial, Helvetica, Verdana, sans-serif;
text-align: left;
font-weight: bold;
margin: 10px 0 0 0;
padding: 0.25em 0 0.25em 0;
}

ul.docs_main li h4 {
font-size: 1.6em;
}

ul.docs_main li ul li h4 {
border: 0;
}

/*=EVENT DOCS
------------------------------------------*/
div.pdf {
margin: 10px 0 0 0;
padding: 0.5em;
font: 1.4em "Lucida Grande", Lucida, Verdana, Geneva, Calibri, Arial, Helvetica, Trebuchet, "Trebuchet MS", sans-serif;
background: url("/images/icons/icon_pdf.gif") 0 0.5em no-repeat;
text-indent: 30px;
border-top: 1px #e0e0e0 solid;
}


/*=BAR
------------------------------------------*/
#bar a, #bar a:visited {
color: #FFF;
margin-right: 20px;
text-decoration: underline;
}

#bar a:hover {
text-decoration: none;
}

/*=COMMENTS
------------------------------------------*/

/*#commentcall {
float: right;
clear: both;
display: block;
width: 130px;
height: 150px;
margin: -60px 0 20px 20px;	
}

#commentcall p {
text-indent: -9000px;	
}

#commentcall a {
background: url("/images/design_images/commentcallhpod2.gif") 0 0 no-repeat;	
display: block;
width: 135px;
height: 150px;
}

#commentcall a:hover {
background: url("/images/design_images/commentcallhpod2.gif") -135px 0 no-repeat;	
}*/

.comment_box {
display: block;
padding: 25px 10px 20px 10px;
margin: 20px 0 0 0;
width: 440px;
background: #F4FCEB url("/images/design_images/comment_bubble_strip.gif") 0 0 no-repeat;	
}

.comment_box_alt {
display: block;
width: 440px;
padding: 25px 10px 0 10px;
margin: 0 0 20px 0;
background: #FFF url("/images/design_images/comment_bubble_strip_alt.gif") 0 0 no-repeat;	
}

.comment_box p, .comment_box_alt p {
font: 2em/1.2 Arial, Helvetica, Verdana, sans-serif;
color: #666;
}

.comment_box span, .comment_box_alt span {
font: 1.2em/1.2 Arial, Helvetica, Verdana, sans-serif;
color: #666;
}

/*=COMMENT FORM
--------------*/

form#comment_form {
margin: 0;
font-family: "lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
line-height: 1.2;
color: #000;
background: #FAF7D4;
padding: 20px;
}

form#comment_form p {
font-family: "lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
line-height: 1.2;
}

form#comment_form legend {
font-size: 1.1em;
font-weight: bold;
margin: 0 0 10px 0;
}

form#comment_form label {
float: left;
text-align: right;
width: 100px;
display: block;
margin: 10px 1em 10px 0;
padding: 0;
font-weight: bold;
}

form#comment_form label span {
font-weight: normal;
float: none;
}

form#comment_form label.long {
width: 10em;
text-align: left;
}

form#comment_form label.error {
color: red;
float: none;
width: auto;
font-weight: normal;
margin: 0px 0 10px 110px;
text-align: left;
}

form#comment_form input, form#comment_form textarea {
margin: 0px 0 10px 0px;
border: 1px solid #999;
font-size: 1.1em;
padding: 7px;
line-height: 1.2;
width: 70%;
}

form#comment_form textarea {
width: 70%;
}

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

form#comment_form input checkbox {
margin:	10px 15px 10px 0;
padding: 5px;
display: block;
border: 0;
}

form#comment_form input.submit
{
color: #FFF;
background: #F21C85;
border: 0px;
cursor: pointer;
display: block;
margin: 20px 0 0 110px;
padding: 6px;
width: 70px;
font-size: 1.2em;
} 

form#comment_form input.submit:hover
{
color: #FFF;
background: #42032C;
}

form#comment_form .captcha {
margin: 0.5em 100px;
}

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

div.commentthanks {
margin: 0;
font-family: "lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #000;
background: #FAF7D4;
padding: 40px;
}



/*=TIMELINE
------------------------------------------*/

.timeline_date {
font: 2em/1 Calibri, Arial, Helvetica, Verdana, sans-serif;
color: #4E7DA6;
padding: 10px 0 10px 0;
border-top: 1px #ccc solid;
display: block;
}


/*=FEEDS
------------------------------------------*/


