@charset "utf-8";
/* CSS Document */
/* commented backslash hides from ie5mac \*/  
html{ height:100%; margin:0; padding:0 }  /* end hack */  
html,body {padding:0; margin:0; background-color: #fff; font-size: 12px; font-family: Arial, verdana, sans-serif; color:#000; background-image: url(images/page_bg.png); background-repeat: repeat-y; } 
body{ text-align:left; min-width:950px;/* for mozilla*/ background-color: #fff; height:100%;} 
* {margin: 0; padding: 0; border: none;}

p {font-size: 1em; line-height: 1.5em; color: #717171; margin-bottom: 1.6em;}

#wrapper {margin: 0; width: 980px; position: relative;} 

#head_section {background-color: #FFFFFF; padding: 10px; border-bottom: 3px solid #a2bed7;}
#logo {margin: 5px 0 5px 20px; width: 200px;}



#body_section {clear: both; margin: 12px 0 6px 22px; border-right: 1px dotted #2c2c2c;}
#right_column {float: right; width: 250px; padding: 0 10px;}

.cta_box {padding: 6px;background-color: #F0EDE3; }
.cta_box p {font: 1.5em/1.3em Verdana, Geneva, sans-serif;}
.clr, #clr {clear: both;}
#left_column {width: 630px; border-right: 1px dotted #2c2c2c; padding-right: 50px;}
#main_graphic {}
.randomAd {}
#strapline {background-image: url(images/arrow_sing_pink.png); background-repeat: no-repeat; margin: 4px 0 4px 8px; padding: 8px 10px 8px 30px; min-height: 56px; border-bottom: 1px solid #90b2d0;}
#strapline h1 {font-size: 1.2em; color: #940e03;}
#left_sub_col_left {width: 400px; float: left; padding: 0 0 0 5px;}
#left_sub_col_right {width: 180px; /*float: left; clear: right;*/margin-left: 420px; padding: 0 10px; border-left: 1px dotted #2c2c2c;}

#footer {clear: both; margin: 5px 0 5px 22px;}

/***********************
Top menu styles
***********************/
#top_menu {position: absolute; right: 0; top: 80px;}
#top_menu ul {padding: 0;}
#top_menu li {display: inline; list-style: none; border-left: 2px solid #004c93; border-right: 1px solid #bfd2e4; margin: 0; padding: 3px 20px;}
#top_menu li.first {border-left: none; margin:0;}
#top_menu li.last {border-right: none; margin:0;}
#top_menu a {text-decoration: none; color: #004c93; font-size: 1.2em; font-weight: bold;}
#top_menu a:hover, #top_menu li a.active {color: #940e03;}
.wfOuterTpl {}

/************************
Side (sub) menu styles
***********************/
#secondary_menu {background-image: url(images/arrows_dbl_blue.png); background-repeat: no-repeat; min-height: 110px; padding: 15px 0 0 90px; margin-bottom:30px;}
#secondary_menu ul {list-style: none; }
#secondary_menu li {margin-bottom: 0.55em;}
#secondary_menu li.active a {color: #004c93;}
#secondary_menu a {color: #717171; font-size: 1.2em; text-decoration: none;}
#secondary_menu a:hover, #secondary_menu a:active {color: #940e03;}


/**********************
Footer Menu (appears under content area, above actual footer)
**********************/
#footer_menu {clear: both; margin: 15px 0 5px 20px; display: block; width: 955px; height: 18px; background-color: #a2bed7; padding: 3px;}
#footer_menu ul{list-style-type: none; }
#footer_menu li {display: inline;}
#footer_menu a {float: left; display: block; text-decoration: none; color: #000; margin: 0; padding: 1px 15px; /*padding inside each tab*/border-right: 1px solid #f1f1f1; /*right divider between tabs*/}
#footer_menu a:hover, #footer_menu li a.active {color: #fff;}

/*********************
Legal menu (Appears under Footer Menu and above copyright notice)
*********************/
#footer {clear: both; margin: 5px 0 5px 20px; display: block; width: 960px; height: 18px; padding: 3px;}
#footer ul{list-style-type: none; }
#footer li {display: inline;}
#footer a {float: left; display: block; text-decoration: none; color: #999999; margin: 0; padding: 1px 15px; border-right: 1px solid #999999;}
#footer li.last a {border-right: none;}
#footer a:hover, #footer_menu li a.active {color: #717171;}
.copyright {clear: both; margin: 15px 0;}

/*********************
Sidebar Login
*********************/
#wlpeLogin, #wlpeUser {margin-bottom: 30px; border-top: 1px dotted #2c2c2c; border-bottom: 1px dotted #2c2c2c; padding: 10px 0; color: #717171;}
#wlpeLogin h2 {font-size: 1.2em; color: #940e03;}
#wlpeLegend {display: none;}
#wlpeLoginForm label {padding-top: 2px; width: 90px; height: 18px; float: left; display: block;}
#wlpeLoginForm select {border: 1px dotted #2c2c2c; background-color: #fafafa; color: #717171;}
#wlpeLoginForm button, #wlpeUser button {padding: 1px 2px; border: 1px solid #90b2d0; background-color: #fafafa; color: #717171; margin: 2px; }
#wlpeLoginForm input {border:  1px dotted #2c2c2c; background-color: #fafafa; padding: 2px; color: #717171;}
.wlpeHomeLoginBox {margin: 5px 0;}
#wlpeWelcomeParagraph a {color: #940e03; text-decoration: none;}
#wlpeWelcomeParagraph a:hover {color: 717171;}


/************************
News Home Page styles
************************/
#left_sub_col_right h2 {color: #2c2c2c; font-size: 1.1em; margin-bottom: 0.6em;}
.news_home_item {border-bottom: 1px solid #CCCCCC;}
h3.news_pageTitle {margin-bottom: 0.85em; margin-top:0.5em; }
h3.news_pageTitle a {font-size: 0.9em; color: #940e03; text-decoration: none;}
h3.news_pageTitle a:hover {text-decoration: underline;}
.news_documentInfo {font-size: 0.85em; font-style: italic; color: #999999; /*margin-bottom: 0.5em;*/}
.news_introText p {font-size: 0.9em; line-height: 1.4em; color: #717171; margin-bottom: 1.2em;}
p.news_link {margin-bottom: 0.5em;}
p.news_link a {color: #940e03; text-decoration: none; font-size: 0.9em;}
p.news_link a:hover {color: #940e03; text-decoration: underline;}


/***********************
Site inner pages
***********************/
#subpage_content {margin: 10px 0 0 22px;}
#subpage_content h2 {font-size: 1.15em; color: #940e03; margin-bottom: 1.6em;}
#subpage_content h3, #subpage_content h3 a {font-size: 1em; color: #940e03; margin-bottom: 1.15em; text-decoration: none;}
#subpage_content ul {list-style: inside url(images/list_arrow.png);}
#subpage_content li {color: #717171; font-size: 1em; padding: 0.5em 0;}

#subpage_graphic {}
#wlpeMessage p {font-size: 1.35em; color: #ff0000;}


/********************
WLPE Registration page
********************/
#wlpeNewUser {margin-bottom: 30px; border-top: 1px dotted #2c2c2c; border-bottom: 1px dotted #2c2c2c; padding: 10px 0; color: #717171;}
#wlpeNewUser h2 {font-size: 1.2em; color: #940e03;}
#wlpeNewUser legend {display: none;}
#wlpeNewUser fieldset#wlpeUserRegisterInput, #wlpeNewUser fieldset#captcha {width: 350px; clear: left;}
#wlpeNewUser fieldset#captcha {margin: 12px 0; padding-top: 20px;}
#wlpeNewUser label {padding-top: 2px; width: 120px; height: 18px; float: left; display: block; margin: 3px 0; clear: left;}
#wlpeNewUser input {border: 1px dotted #2c2c2c; background-color: #fafafa; padding: 2px; color: #717171; margin: 2px 0 2px 50px; width: 170px; float: right; clear: right;}
#wlpeNewUser select {border: 1px dotted #2c2c2c; background-color: #fafafa; color: #717171; margin-left: 150px; width: 170px;}
#wlpeNewUser button {padding: 1px 2px; border: 1px solid #90b2d0; background-color: #fafafa; color: #717171; margin: 2px; }
.required {color: red;}
#wlpeTermsOfService {height: 200px; overflow-x: hidden; overflow-y: scroll; border:1px dotted #2c2c2c; padding: 3px;}
#wlpeNewUser fieldset#tos {clear: both; margin: 20px 0; width: 500px;}
img#wlpeCaptchaImage {margin: 2px 0 2px 50px;}
label#wlpeTosCheckboxLabel {width: 220px;}
input#wlpeTosCheckbox {float: right; margin: 6px 250px 0 0; width: 20px;}
p#wlpeTermsOfServiceLabel {font-size: 1.25em; color: #940e03; margin: 8px 0;}
#wlpeTermsOfService ol {list-style: decimal outside; margin-left: 20px;}
#wlpeTermsOfService li {margin: 1.3em 0; line-height: 1.2em;}

/********************
WLPE User Profile page
********************/
#wlpeFullForm {margin-bottom: 30px; border-top: 1px dotted #2c2c2c; border-bottom: 1px dotted #2c2c2c; padding: 10px 0; color: #717171;}
#wlpeFullForm h2 {font-size: 1.2em; color: #940e03;}
#wlpeFullForm legend {display: none;}
#wlpeFullForm fieldset {clear: left; margin-bottom: 20px;}
#wlpeFullForm label {padding-top: 2px; width: 120px; height: 18px; float: left; display: block; margin: 3px 0;}
#wlpeFullForm input {border: 1px dotted #2c2c2c; background-color: #fafafa; padding: 2px; color: #717171; margin: 2px 0 2px 50px;}
#wlpeFullForm select {border: 1px dotted #2c2c2c; background-color: #fafafa; color: #717171; margin-left: 150px;}
#wlpeFullForm button {padding: 1px 2px; border: 1px solid #90b2d0; background-color: #fafafa; color: #717171; margin: 2px; }
#wlpeNewPasswordArea {margin-top: 40px;}


/********************
News summary pages
********************/
.ditto_summaryPost {font-size: 1em; line-height: 1.5em; color: #717171; margin-bottom: 1.6em; padding-bottom: 1.3em; border-bottom:1px dotted #2c2c2c;}
.ditto_info {font-size: 0.8em; color: #999999; font-style:italic; margin-bottom: 0.2em;}
.ditto_tags {display: none;}
.ditto_link a {color: #004c93; text-decoration: none;}
.ditto_link a:hover {text-decoration: underline;}
#ditto_pages {color: #717171;}
#ditto_pages a, a.ditto_page {color:#004c93; padding: 0 0.3em;}
.ditto_currentpage {color:#940e03; font-weight: bold;}

/******************
News - full article pages
******************/
.jot-form label {color: #004c93;}
.jot-form input, .jot-form textarea {border: 1px dotted #2c2c2c;}
.jot-form input.button {padding: 1px 2px; border: 1px solid #90b2d0; background-color: #fafafa; color: #717171; margin: 2px;}
#commentsAnchor {padding: 10px 0; border-top:  1px dotted #2c2c2c;}
.jot-list ul li {list-style-type: none;}
.jot-list a {color: #004c93;}
.reflect_archive_list {}
a.reflect_month_link {color: #004c93; text-decoration: none;}
li.reflect_month {list-style-type: none;}

/*****************
Add news item form
****************/
#NewsPublisher {}
.ditto_summaryPost input, .ditto_summaryPost textarea {border: 1px solid #90b2d0;}
#subpage_content input, #subpage_content textarea {border: 1px solid #90b2d0;}

/*****************
Contact form
*****************/
#contact_form {width: 400px; color: #717171;}
#contact_form label {float: left; clear: left; margin:5px 0; padding: 2px 0;}
#contact_form input, #contact_form select, #contact_form textarea {float: right; clear: right; margin: 4px 0; padding: 2px 0; border: 1px dotted #2c2c2c;}
#cfContact.button {padding: 1px 2px; border: 1px solid #90b2d0; background-color: #fafafa; color: #717171; margin: 2px; }