/* CSS Document */
*{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a:link {
	text-decoration:underline;
	color: #911e5d;
}
a:visited{
	text-decoration:underline;
	color: #911e5d;
	/* color: #996; */
}
a:hover{
	text-decoration:none;
	color: #911e5d;
}

/*-----------------------------------conditionals for fck editor/print/popup body------------------------------------*/
body {
    /* Common Styles for the Body */
    font-size: 10px;
    color:#666633;
    
	
        /* Styles for the Normal Pages */
        background:url(http://www.countrysideucc.org/images/bg.gif) no-repeat 50% 95px #44002b;
        text-align:center;
        margin:0;
        padding:0;
    
}

/*--------------------------------------------------Home Specific Styles --------------------------------------------*/

#home{z-index: 10;}

#home #nav{
	background:url(http://www.countrysideucc.org/images/home_nav_bg.gif) no-repeat;
	clear:both;
	z-index: 1000;
}
#home #nav .button span {
	background-position:center bottom;
}
#home #main{
    position: relative;
	background:url(http://www.countrysideucc.org/images/home_main_bg.gif) repeat-y;
}
#home #main .cap{
	background:url(http://www.countrysideucc.org/images/home_main_cap.gif) no-repeat;
}
#home #introduction {
    background: #fefefd url(http://www.countrysideucc.org/images/home_intro_bg.jpg) no-repeat top right;
    width: 515px;
    height: 142px;
    float: left;
    clear: both;
    margin: 0px 0 0 8px;
    padding: 17px 15px 0 15px;
}
/* Need some indentation for text inside intro box */
#home #introduction p {
    margin: 0 0 0 8px;
    line-height: 1.8em;
}
#home #spotlight {
    background: #ffffff url(http://www.countrysideucc.org/images/home_spotlight_bg.gif) no-repeat left bottom;
    width: 723px;
    height: 36px;
    margin: 0px 0 0 8px;
    padding: 0px 0 0 23px;
    line-height: 32px; /* vertically centers the text */
}
#home #spotlight img {
    vertical-align:middle;
    padding: 2px 25px 0 15px;
}
#home #spotlight div { width: 715px; height: 36px; text-align: left; font-size: 10px; }
#home #spotlight div { top: 0; left: 0 }

#home #bottom_left {
    float: left;
    background: #f0e4c8 url(http://www.countrysideucc.org/images/home_vertical_separator.gif) repeat-y right top;
    width: 226px;
    height: 225px;
    margin: 0px 0 0 8px;
    padding: 0px 0 0 0px;
}
#home #bottom_left p {
    margin: 0 15px 0 15px;
    line-height: 1.6em;
}

#home #bottom_left .subhead1 {
    margin: 0 15px 0 15px;
}

#home #bottom_center {
    float: left;
    background: #f0e4c8 url(http://www.countrysideucc.org/images/home_vertical_separator.gif) repeat-y right top;
    width: 190px;
    height: 206px;
    margin: 0px 0 0 0px;
    padding: 22px 15px 0 15px;
    line-height: 1.6em;
}
#home #bottom_right {
    float: left;
    background: #f0e4c8;
    width: 300px;
    height: 225px;
    margin: 0px 0 0 0px;
    padding: 0px 0 0 0px;
}
#home #bottom_right p {
    margin: 20px 15px 0 15px;
    line-height: 1.6em;
}
/*------------------------------------------------------header--------------------------------------------------------*/
#printable_page_header {
    display: none;
}
#header{
	background:url(http://www.countrysideucc.org/images/header.gif) no-repeat;
	width:752px;
	height:96px;
	margin-top:19px;
	padding:0 7px;
}
#header a, #header h2, #header h3{
	display:block;
	float:left;
}
#logo{
	width:288px;
	height:88px;
	margin:7px 1px 0 0;
}
#contact{
	width:93px;
	height:30px;
	margin:11px 0 0 0;
}
#feedback{
	width:87px;
	height:30px;
	margin:11px 0 0 0;
}
#header h2{
	width:269px;
	height:39px;
	margin:7px 6px 0 0;
	padding:0;
}
#header h3{
	width:459px;
	height:48px;
	margin:1px 0 0 0;
	padding:0;
}

#logo span{ background-image:url(http://www.countrysideucc.org/images/buttons/countryside.gif); }
#contact span{ background-image:url(http://www.countrysideucc.org/images/buttons/contact_us.gif); }
#feedback span{ background-image:url(http://www.countrysideucc.org/images/buttons/feedback.gif); }
#header h2 span{ background-image:url(http://www.countrysideucc.org/images/headers/an_inclusive_family.gif); }
#header h3 span{ background-image:url(http://www.countrysideucc.org/images/headers/united_church_of_christ.gif); }

#flash{
	position:absolute;
	z-index:1;
	width:760px;
	height:200px;
	left:1px;
	top:76px;
}

#header_home{
	background:url(images/header_home.gif) no-repeat;
	width:752px;
	height:276px;
	margin-top:19px;
	padding:0 7px;
	position:relative;
}
#header_home a, #header_home h1, #header_home h2, #header_home h3{
	display:block;
	float:left;
}
#header_home #logo{
	width:207px;
	height:254px;
	margin:7px 1px 0 0;
    padding:0 0 0 30px;
	position:relative;
	z-index:3;
}

#header_home h2{
	width:268px;
	height:39px;
	margin:7px 6px 0pt 52px;
	padding:0;
}

#header_home h2 span{ background:url(images/headers/an_inclusive_family.gif) no-repeat top right; }
#header_home #logo span{ background:url(images/headers/countryside_home.gif) no-repeat; margin:0 0 0 -30px; width: 237px;}

/*--------------Navigation-----------------------*/
#nav{
	background:url(http://www.countrysideucc.org/images/nav_bg.gif) repeat-y;
	width:746px;
	height:30px;
	margin:0;
	padding:0 0 0 20px;
	position:relative;
}
#nav a{
	display:block;
	float:left;
	height:30px;
}

/*
translation for these dang obscure id numbers

7 = about us
8 = about ucc
9 = our ministries
10 = programs
29 = news & Events
11 = COYO
12 = spirit in action
30 = calendar

*/
#nav_7{ width:79px; }
#nav_8{ width:91px; }
#nav_9{ width:106px; }
#nav_10{ width:84px; }
#nav_11{ width:59px; }
#nav_12{ width:111px; }
#nav_29{ width:114px; }
#nav_30{ width:78px; }

#nav_7 span{ background-image:url(http://www.countrysideucc.org/images/buttons/about_us.gif); }
#nav_8 span{ background-image:url(http://www.countrysideucc.org/images/buttons/about_ucc.gif); }
#nav_9 span{ background-image:url(http://www.countrysideucc.org/images/buttons/our_ministries.gif); }
#nav_10 span{ background-image:url(http://www.countrysideucc.org/images/buttons/programs.gif); }
#nav_11 span{ background-image:url(http://www.countrysideucc.org/images/buttons/coyo.gif); }
#nav_12 span{ background-image:url(http://www.countrysideucc.org/images/buttons/spirit_in_action.gif); }
#nav_29 span{ background-image:url(http://www.countrysideucc.org/images/buttons/news___events.gif); }
#nav_30 span{ background-image:url(http://www.countrysideucc.org/images/buttons/calendar.gif); }

/*--------------Dropdowns------------------*/
#nav div{
	float:left;
	top:30px;
	position:absolute;
	background:url(http://www.countrysideucc.org/images/drop_gradient.gif) bottom repeat-x #f0e4c8;
	visibility:hidden;
	padding:11px 13px;
	z-index: 1000;
}
#nav div a{
	display:block;
	clear:both;
	font-size:11px;
	padding-left:10px;
	height:auto;
	line-height:20px;
}

#nav div a:link, #nav div a:visited{
	color:#666633;
	background:url(http://www.countrysideucc.org/images/graphical_link_tan.gif) no-repeat 3px;
}

#nav div a:hover{
	color:#92005A;
	background:url(http://www.countrysideucc.org/images/graphical_link_tan_over.gif) no-repeat 3px;
}

#nav div.hide_drop{
	background:none;
	visibility:hidden;
	padding:0;
}

#drop_7{ left:20px; }
#drop_8{ left:99px; }
#drop_9{ left:190px; }
#drop_10{ left:296px; }
#drop_11{ left:380px; }
#drop_12{ left:439px; }
#drop_29{ left:550px; }
#drop_30{ left:664px; }

/*------------------------------------------------------content--------------------------------------------------------*/
#wrapper{
	width:766px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
#main{
	background:url(http://www.countrysideucc.org/images/main_bg.gif) repeat-y;
	width:100%;
}
#content{
	color:#666633;
	font-size:11px;
	line-height: 1.6em;
	float:left;
	padding:19px 0px 0px 31px;
	width:541px;
}
#main .cap{
	background:url(http://www.countrysideucc.org/images/main_cap.gif) no-repeat;
	width:100%;
	height:11px;
	clear:both;
}

.form_table {
    width: auto;
}
.form_cell_header {
    font-size: 10px;
    width: 150px;
}
.form_normalText {
    width: 200px;
}
.form_dropdown {
    width: 200px;
}
.red {
    color: #ff0000;
}
/*------------------------------------------------------Utility Links--------------------------------------------------------*/

#utility_box {
    margin: 40px 0px 10px 0px;
	padding:0px 0px 0px 10px;
	border-top: 1px #cc9999 solid;
	clear: both;
}
#utility_box a:link { text-decoration: none; }
#utility_box img {
    vertical-align:text-top;
}
#utility_box .action {
    margin: 5px 0px 0px 0px;
}
/*------------------------------------------------------Secondary Navigation--------------------------------------------------------*/
/*------------------------------------------------------Right Navigation--------------------------------------------------------*/
#rightcolumn {
	width:162px;
	float: right;
	text-align:left;
	padding: 0 20px 20px 0;
}

#rightnav {
	width:162px;
	float: right;
	text-align:left;
}

#rightnav a:link, #rightnav a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    line-height:1.2em;
    color:#663;
    text-decoration: none;
    display: block;
    border-top: 1px #cc9999 solid;
    padding: 3px 0 3px 0;
    _padding: 3px 0 -9px 0;
    _margin: 0 0 -9px 0;
}
#rightnav a:hover, #rightnav a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    line-height:1.2em;
    color:#911e5d; 
    text-decoration: underline;
    display: block;
    border-top: 1px #cc9999 solid;
    padding: 3px 0 3px 0;
    _padding: 3px 0 -9px 0;
    _margin: 0 0 -9px 0;
}
#rightnav a.at:link, #rightnav a.at:visited, #rightnav a.at:hover, #rightnav a.at:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    line-height:1.2em;
    color:#911e5d; 
    text-decoration: none;
    display: block;
    border-top: 1px #cc9999 solid;
    padding: 3px 0 3px 0;
    _padding: 3px 0 -9px 0;
    _margin: 0 0 -9px 0;
}

#rightnav ul {
	margin: 0;
	margin-left: 15px;
	padding: 46px 0 3px 0;
    border-bottom: 1px #cc9999 solid;
}

#rightnav ul li.at {
	list-style: outside square url('http://www.countrysideucc.org/images/secondary_nav_bullet.gif');
	margin:0;
	_margin: 0 0 -3px 0;
	padding: 0;
	_padding: 0 0 -3px 0;
}
#rightnav ul li {
	list-style: outside square url('http://www.countrysideucc.org/images/fill.gif');
	margin:0;
	_margin: 0 0 -3px 0;
	padding: 0;
	_padding: 0 0 -3px 0;
}

#rightnav ul ul {
	margin: 0;
	_margin: 9px 0 6px 0;
	margin-left: 15px;
	padding: 0px 0 6px 0;
	_padding: 3px 0 6px 0;
	border-bottom: none;
}

#rightnav ul ul li.at {
	list-style: outside square url('http://www.countrysideucc.org/images/secondary_nav_bullet.gif');
	margin:0;
	padding: 0;
}
#rightnav ul ul li {
	list-style: outside square url('http://www.countrysideucc.org/images/fill.gif');
	margin:0;
	padding: 0;
}

/*------------------------------------------------------side panel content--------------------------------------------------------*/
.spotlight_panel {
	background: transparent url('http://www.countrysideucc.org/images/spotlight_header.gif') no-repeat top left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:139px;
    font-size:11px;
	color:#911e5d;
    line-height:1.6em;
	margin: 46px 0px 0px 8px;
	padding: 45px 10px 0px 13px;
}
.spotlight_panel_footer {
	margin: 0 0 0 8px;
	padding: 0 0 0 0px;
}

/*----------------------------------------------------cms options------------------------------------------------------*/
.image_right {
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    line-height:11px;
    font-style: italic;
    color:#996;
    margin: 0px 0px 0px 10px;
}
.image_left {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    line-height:11px;
    font-style: italic;
    color:#996;
    margin: 0px 10px 0px 0px;
}
.subhead1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:18px;
    margin: 0 0 5px 0;
    padding: 0;
    color:#911e5d;
    display: block;
    font-weight: normal;
}
.subhead1 a:link, .subhead1 a:visited, .subhead1 a:hover, .subhead1 a:active {
	color: #911e5d;
	text-decoration: none;
}
.subhead2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:16px;
    font-weight: bold;
    color:#663;
    margin: 0 0 5px 0;
    padding: 0;
}
ul {
	margin: 0;
	margin-left: 15px;
	padding: 0px 0 3px 0;
}

ul li {
	list-style: outside square url('http://www.countrysideucc.org/images/secondary_nav_bullet.gif');
	margin:0;
	padding: 0;
}
/*-------------------------------------------------------footer--------------------------------------------------------*/
#footer{
    margin: 10px 0 20px 0;
    font-size: 10px;
    text-align: center;
    color: #999966;
}
#footer a:link, #footer a:visited {
    color: #999966;
    text-decoration: none;
}
#footer a:hover{
    color: #cccc99;
    text-decoration: underline;
}
#footer a.footer_link_at:link, #footer a.footer_link_at:visited,
#footer a.footer_link_at:hover {
    color: #cccc99;
    text-decoration: none;
}

/*--------------General----------------------*/
.graphical, .button, .button_at{
	position:relative;
	overflow:hidden;
}
.graphical span, .button span{
	position:absolute;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center top;
}
.button_at span{
	position:absolute;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:left top;
}
.button:hover{
	border:none;
}
.button:hover span{
	background-position:right top;
}

/*------------------------------------------------------ calendar ----------------------------------------------------*/

.dateBox {
    width: 33px;
    height: 32px;
    text-align: center;
    background: transparent url('http://www.countrysideucc.org/images/dateBox.gif') no-repeat left top;
    line-height: 1.2em;
    padding: 3px 0 0 0;
    font-weight: bold;
	color:#666;
}
.dateBox a:link, .dateBox a:visited {
	color: #666;
	text-decoration: none;
}
.dateBox a:hover, .dateBox a:active {
	color: #333;
	text-decoration: none;
}

/*------------------------------------------------------ News and Press releases -------------------------------------*/

.itemList_item {
    margin: 10px 0 0 0;
}
.itemList_title {
    margin: 0 0 0 0;
    padding: 5px 0 5px 0;
    border-bottom: 1px dotted #999;
}
.itemList_title {
    margin: 0;
    padding: 5px 0 5px 0;
    border-bottom: 1px dotted #999;
    font-size: 12px;
}
.itemList_title a:link, .itemList_title a:visited{
	color:#666633;
	text-decoration: none;
}

.itemList_title a:hover, .itemList_title a:active {
	color:#92005A;
	text-decoration: none;
}