@charset "utf-8";
/* WRPC */

body {
background-color: #EAE4CE;
/*background-color: #2e3577;*/
background-image: url(../../images/page_bkg.gif);
background-repeat: repeat-x;
color: #555;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
}

/************************************************************
*** common ******************************************
************************************************************/
a img { border: 0; }
a:focus { outline: none; }
form { margin: 0; }
input,select,textarea { font: normal 1em Verdana, Arial, Helvetica, sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
table.grid { margin: 0 0 15px 0; border: 3px solid #eee; }
table.grid td, table.grid th { padding: 6px; border-bottom: 1px solid #ddd; border-right: 1px solid #eee; }
table.grid th { font-size: 0.9em; text-align: left; background-color: #f6f6f6; }
table.grid td { background: #fff url(../../images/bottom_grad_EEE.jpg) repeat-x bottom; }

/************************************************************
*** image zoom ******************************************
************************************************************/
.imgzoom { z-index: 9999; background-color: #fff; }
.imgzoom img { cursor: pointer; border: 10px solid #fff; }
.imgzoom a { display: none !important; padding: 5px; background-color: #fff; color: #000; font-weight: bold; }

/************************************************************
*** corners ******************************************
************************************************************/
#wrap_top .sb-inner, #wrap_bot .sb-inner { background: #fff; }
#mast_rcol_inner .sb-inner { background: #DDA520; }
#sidebar .sb-inner,
#sidebar_compact .sb-inner { background: #dcdff1; }
#home_news .sb-inner { background-color: #F7F4DD; }
.rnd_all_6 { -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.rnd_bot_6 {
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
}
.rnd_top_6 {
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
}

/************************************************************
*** images ******************************************
************************************************************/
img.imgborder { border: 4px solid #C93; }
img.right { float: right; margin: 0 0 15px 15px; }
img.left { float: left; margin: 0 15px 15px 0; }

/************************************************************
*** text ******************************************
************************************************************/
body,td,p,li,dt { font: normal 0.9em "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; }
p,ul,ol,address,li,dl { line-height: 1.6em; }
h1,h2,h3,h4,h5,h6 { line-height: 1.4em; }
li { /*list-style-type: disc;*/ }
dl { margin-right: 10px; }
dt { clear: both; font-weight: bold; margin-bottom: 5px; }
dd {
margin-left: 0;
margin-bottom: 10px;
padding-left: 1em;
padding-bottom: 10px;
border-bottom: 1px solid #f3f3f3;
font-size: smaller;
}
blockquote { margin-left: 1em; margin-right: 1em; }
li { margin-bottom: 0.5em; }
h1,h2,h3,h4,h5,h6 { font-family: Georgia, "Times New Roman", Times, serif; }
h1 {
margin: -10px -10px 1em -15px;
padding: 20px 15px;
font-weight: normal;
font-size: 26px;
color: #c90;
background: #F7F4DD url(../../images/floral_bkg_title.png) no-repeat right;
border-left: 1px solid #EEE7B5;
border-bottom: 1px solid #EEE7B5;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
/*
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
*/
}
h1.simple {
margin: 0 0 0.5em 0;
padding: 0;
background: none;
border: 0;
}
h2 {
margin-top: 1.5em;
font-weight: normal;
font-style: italic;
font-size: 22px;
color: #9498b2;
}
h3 {
font-weight: normal;
font-size: 18px;
color: #336;
font-weight:bold;
}
#sidebar h2,
#sidebar_compact h2 {
font-size: 20px;
color: #c90;
margin-top: 0;
padding: 10px 15px;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
}
#sidebar_compact h2 { font-size: 18px; }
#mast_verse p {
margin: 0;
padding: 15px 10px 5px 5px;
font-size: 14px;
font-weight: bold;
font-style: italic;
line-height: 1.6em;
}
#mast_verse p.cite {
text-align: right;
font-family: "Times New Roman", Times, serif;
font-size: 12px;
text-transform: uppercase;
padding: 0px;
margin-bottom: 5px;
}
ul.inside { list-style-position: inside; }
ul#address {
float: right;
margin: 0;
padding: 15px;
}
ul#address li {
margin: 2px;
padding: 0;
list-style: none;
color: #999;
font-size: 12px;
}
ul#address li.head {
font-weight: bold;
font-size: 14px;
color: #999;
}
#closer p { color: #aaa; font-size: 10px; }
p#copyright { float: left; }
p#pbwsp { float: right; }
p.resource_disclaimer {
padding: 10px;
background-color: #C90;
color: #FFF;
font-size: 11px;
font-style: italic;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
#sidebar_verse p { font-size: 12px; color: #669; }
#sidebar_verse p.cite { text-align: left; }
p.error { font-weight: bold; color: #c00; }
p.alert {
padding: 10px 10px 10px 30px;
background: #F7F4DD url(../../images/alert.gif) no-repeat 10px 13px;
color: #c00;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
p.message {
padding: 10px 10px 10px 30px;
background: #dcdff1 url(../../images/message.gif) no-repeat 10px 13px;
color: #036;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}

/************************************************************
*** photo pages ******************************************
************************************************************/
.photo_thumbs ul, .photo_thumbs ul li { margin: 0; padding: 0; list-style: none; }
.photo_thumbs ul li {
float: left;
width: 295px;
margin-bottom: 30px;
}
.photo_thumbs ul li img {
float: left;
margin: 0;
border: 3px solid #C93;
width: 125px;
height: 160px;
}
.photo_thumbs ul li p { margin-right: 1em; margin-left: 140px; border-top: 1px dotted #dadab8; padding-top: 5px; }
.photo_thumbs ul li p strong { color: #000; }
#leadership {  }
#wic_council {  }
#wic_council ul li { width: 275px; }

/************************************************************
*** layout & positioning ******************************************
************************************************************/
#page_bkg {
background: url(../../images/floral_bkg_2.png) no-repeat center top;
padding: 30px 0;
}
#wrap_top, #wrap_bot { width: 955px; margin: 0 auto; height: 15px; }
#wrap {
width: 955px;
margin: 0 auto;
padding-bottom: 30px;
background: #fff;
color: #555;
text-align: left;
}
#wrap_inner {
width: 925px;
margin-left: 15px;
}
h1#logo {
float: left;
width: 403px;
height: 90px;
margin: 0;
padding: 0;
border: 0;
background: url(../../images/wrpc_logo.gif) no-repeat;
}
h1#logo a {
display: block;
width: 403px;
height: 77px;
}
h1#logo a span { display: none; }
#masthead {
clear: both;
height: 278px;
margin-bottom: 5px;
position: relative;
}
#mast_lcol {
position: absolute;
top: 0;
left: 0;
width: 600px;
height: 278px;
}
#mast_rcol {
position: absolute;
top: 0;
right: 0;
width: 318px;
height: 278px;
overflow: hidden;
}
#mast_rcol_inner {
background-color: #DDA520;
color: #fff;
padding: 0 15px;
height: 100%;
}
#mast_verse { height: 180px; }
#mast_info { margin: 0 -15px; }
#foot {
clear: both;
background: url(../../images/foot_bkg.jpg) repeat-x; margin: 0 -15px;
}
#foot_inner { padding: 15px 30px; zoom: 1; }
#page_content,
#page_content_expanded,
#page_content_full {
float: left;
padding: 15px 0;
zoom: 1;
margin: 0 15px;
}
#page_content { width: 575px;  }
#page_content_expanded { width: 645px; }
#page_content_full { width: 900px; }
#sidebar,
#sidebar_compact {
float: left;
margin: 5px 0 25px 0;
padding-bottom: 15px;
background: #dcdff1;
}
#sidebar { width: 318px; }
#sidebar_compact { width: 250px; }
#sidebar_inner { background: #dcdff1 url(../../images/sidebar_bkg.jpg) repeat-x left; }
#sidebar_verse { padding: 10px 20px; font-weight: bold; border-top: 1px solid #fff; }
#closer {
margin: 5px auto 0 auto;
width: 925px;
height: 30px;
color: #999;
}

/************************************************************
*** web page catalog ******************************************
************************************************************/
div.content_container { padding-right: 10px; }
.page_section { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #ddd; }
.page_section .imgleft { float: left; margin-right: 20px; }
.page_section .imgleft img { border: 3px solid #C93; }
.page_section .contentleft { float: left; width: 450px; }

/************************************************************
*** home page ******************************************
************************************************************/
div#slideshow {
width: 600px;
height: 278px;
padding: 0;
margin: 0;
overflow: hidden;
}
div#slideshow img {
width: 600px;
height: 278px;
top: 0;
left: 0;
}
#home_news {
float: left;
width: 585px;
margin-top: 15px;
margin-left: -30px;
margin-bottom: -15px;
padding-left: 15px;
background-color: #F7F4DD;
}
#home_news_inner { padding: 15px; height: 380px; }

/*#news_container {
clear: both;
position: relative;
width: 550px;
height: 325px;
overflow: hidden;
}
#news_container ul {
position: absolute;
list-style: none;
overflow: none;
white-space: nowrap;
padding: 0;
margin: 0;
}
#news_container ul li { display: inline; }
#news_container .scroller {
position: relative;
width: 550px;
height: 18px;
margin-top: 290px;
padding: 1px;
border: 1px solid #fff;
}
#news_container .scroller .handle {
position: absolute;
cursor: move;
height: 17px;
width: 181px;
top: 0;
background: #EEE;
z-index: 100;
}*/

#newsflow { overflow: visible; width: 535px; }
#newsflow_images { border-bottom: 1px solid #E8DE99; }
#newsflow_images img {
	border: 2px solid #E8DE99;
	box-shadow: 0 0 50px rgba(202,145,38,0.25);
	-moz-box-shadow: 0 0 50px rgba(202,145,38,0.25);
	-webkit-box-shadow: 0 0 50px rgba(202,145,38,0.25);
}
#newsflow_caption { color: #CA9126; }
#newsflow_scrollbar { border-bottom-color: #E8DE99; }

#home_news .newsitem {
float: left;
width: 185px;
height: 300px;
text-align: center;
}
#home_news .newsitem a.newsimg {
position: relative;
display: block;
width: 150px;
height: 240px;
overflow: hidden;
border: 5px solid #fff;
background-color: #fff;
color: #fff;
font-weight: bold;
}
#home_news .newsitem a.newsimg img {
position: absolute;
top: 0;
right: 0;
/*
border: 1px solid #fff;
width: 13px;
height: 14px;
*/
}
#home_news .newsitem p { margin: 0 0 10px 0; width: 160px; }
#home_news .newsitem p a {
display: block;
padding: 0.5em;
text-decoration: none;
}

/************************************************************
*** staff bios ******************************************
************************************************************/
#staffbios {  }
#staffbios h3 { margin: 0; line-height: normal; }

/************************************************************
*** news and events ******************************************
************************************************************/
div.news_item {
overflow: hidden;
margin-bottom: 20px;
padding: 25px;
background: #f5f5f5;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}
div.news_item div {
width: 400px;
margin-left: 165px;
overflow: hidden;
}
div.news_item p,
div.news_item h3 { margin-top: 0; }


/************************************************************
*** missions ******************************************
************************************************************/
div#missionspage { overflow: hidden; }
div#missionspage h2 { clear: both; }
div.missionary {
margin-bottom: 20px;
background: #f5f5f5;
padding: 20px;
overflow: hidden;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}
div.missionary img { float: left; margin: 0 20px 20px 0; }
div.missionary h5,
div.missionary p { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin: 0 auto 4px auto; }
div.missionary h5 { font-size: 15px; font-weight: normal; }

/************************************************************
*** webcast ******************************************
************************************************************/
div#webcast {
width: 400px;
margin: 20px auto;
padding: 20px;
text-align: center;
background: #000;
color: #ccc;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}

/************************************************************
*** form builder ******************************************
************************************************************/
form#form_builder { margin: 0 0 15px 0; padding: 10px; font-size: 12px; }
span.mgrfront-required { color: #c00; }
div.mgrfront-error { color: #c00; font-weight: bold; font-size: 10px; padding: 1px; margin-bottom: 10px; }
div.mgrfront-buttons { margin: 10px 0; }
div.mgrfront-buttons input {
	font: normal 13px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 2px 10px;
	margin-right: 10px;
}
.form_question { float: left; width: 200px; padding: 2px 0; }
.form_answer { float: left; width: 400px; }
.mgrfront-spacer { clear: both; height: 1px; line-height: 1px; font-size: 1px; margin-bottom: 10px; }
.form_answer input,
.form_answer select,
.form_answer textarea {
	font: normal 13px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	width: 80%;
}
table.formbuilder-table { width: 600px; }
table.formbuilder-table td { padding: 3px; }
table.formbuilder-table td.form_question { width: 100%; font-size: 12px; }
table.formbuilder-table td.form_answer { width: 100%; font-size: 12px; }
.tooltip-title { background: #ccc; color: #000; padding: 3px; text-align: left; font-size: 12px; }
.tooltip { text-align: left; background: #fff; padding: 3px; border: 1px solid #ccc; font-size: 12px; }


/* end */
