/* @override http://secufamilyhouse.org/wp-content/themes/secu/style.css */
/*
Theme Name: SECU theme
Theme URI:
Description: A custom theme for SECU Family House
Version: 1.0
Author: Low Fat Designs
Author URI: http://lowfatdesigns.coom
Tags:
*/

/* Framework */
@import 'css/blueprint/screen.css';


/*	--- BASIC LAYOUT
	-------------------------------------------------------------------
	------------------------------------------------------------------- */
	
body {
	background: url(img/bg-greenstripes.gif);
	font-size: 11pt;
	font-family: Times New Roman, Georgia, serif;
}

.container {
	width: 950px;
	padding: 0;
}

#container-2 {
	width: 950px;	
	padding: 0;
	margin: 0;
	float: left;
	background: url(img/background2.gif) repeat-y;
}

#content {
	float: right;
	width: 636px;
	padding: 30px;
}

#sidebar{
	width: 224px;
	padding: 10px;
	color: #fff;
	text-align: center;
	margin: 0 0 110px 0;
	float: left;
}

#home #sidebar{
	margin-bottom: 0px;
}

#sidebar .upcoming-events{
	margin: 0px;
	padding: 0px;
	margin-left: 8px;
	list-style-type: none;
}

#sidebar .upcoming-events li{
	background-color: #dceabf;
	width: 210px;
	padding: 4px 2px 2px 2px;
	margin-bottom: 15px;
}

#sidebar .upcoming-events li a{
	text-decoration: none;
	font-weight: bold;
	display: block;
}

#sidebar .upcoming-events img{
	margin: 0px;
	padding: 0px;
}


#footer { 
	width: 950px;
	height: 40px;
	float: left;
	margin: 0 auto;
	padding: 20px 0 0 0;
	color: #7fb26f;
	border-top: 2px solid #26923c;
	background: url(img/footer-3.gif) no-repeat;
}	

#home-content{
	clear: both;
	margin-top: 0px;
	padding: 0px 20px 2px 20px;
}

.slideshow{
	width: 696px;
	float: right;
	overflow: hidden;
	background-color: #26923c;
}

#top-banner{
	float: right;
	margin: 0px 2px 0px 0px;
	padding: 0;

	display: block;
	width: 696px;
}

#banner-image{
	border-bottom: 10px solid #26923c;
	margin: 0;
	padding: 0;	
}

#home #top-banner{
	border-bottom: 0px;
}

/*	--- ABOUT US 	-------------------------------------------------------------------
	------------------------------------------------------------------- */	
	
#page-14 #timeline{
	float: right;
	width: 200px;
	background-color: #dceabf;
	margin: 10px;
	padding: 5px;
}

#page-14 #timeline ul{
	list-style-type: none;
	margin: 5px;
	color: #666;
}

#page-14 #timeline li{
	padding: 5px 0px 5px 0px;
}

#page-14 #timeline h3, #page-14 #timeline strong{
	color: #7867b0;
}

#page-14 #timeline h3{
	padding-bottom: 5px;
	margin-bottom: 0px;
	border-bottom: 1px dashed #7867b0;
}

/*	--- QUOTES COLLECTION 	-------------------------------------------------------------------
	------------------------------------------------------------------- */	

.quotescollection{
	color: #26923c;
	font-family: Times New Roman, Georgia, serif;
	margin: 5px 0px 5px 0px !important;
}
	
	
	
/*	--- WP FORMATTING
	-------------------------------------------------------------------
	------------------------------------------------------------------- */	
	
.alignleft {
	float: left;
	margin: 5px;
}

.alignright {
	float: right;
	margin: 5px;
}

img{
	padding: 15px;
}

/*	--- HEADER/H1
	-------------------------------------------------------------------
	------------------------------------------------------------------- */
#header {
	width: 950px;
	height: 12px;
	margin: 20px 0 0 0;
	float: left;
	color: #fdfea1;
	background: none;
}		
	
#sidebar h1 {
	width: 150px;
	height: 269px;
	margin: 0 0 20px 0px;
	display: inline;
}

#sidebar h1 a {
	width: 220px;
	height: 269px;
	display: block;
	margin: 0px 0px 40px 0px;
	background: 40px 0px url(img/secu-logo.gif) no-repeat;
	text-indent: -50000px;
}

.page-item-54{
	border-left: none !important;
}

/*	--- NAVIGATION - Primary navigation
	-------------------------------------------------------------------
	------------------------------------------------------------------- */

#nav{
	height: 30px;
	width: 930px; /*950 px*/
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
	float: left;
	background-color: #26923c;
	display: inline !important;
	background: url(img/header-4.gif) no-repeat;
	border-bottom: 2px solid #26923c;
}

/* top level */

#nav li.current_page_parent, #nav li.current_page_item{
	color: white;
	background-color: #7fb26f !important;
}

#nav li.current_page_ancestor a,
#nav li.current_page_item a{
	color: white;
	background-color: #7fb26f;
	text-decoration: none;
}

#nav li.current_page_parent a, #nav li a:hover{
	background: none;
}

#nav li li a:hover{
	text-decoration: none;
}

#nav li {
	font-size: 14px;
	height: 20px;
	padding: 5px 15px 0 15px;
	margin: 4px 0 0 10px;
	display: inline !important;
	background-color: #26923c;
	width: auto;
	float: left;
}

#nav li a{
	padding: 0px 0 0 0;
	margin: 0 0 0 0;
	border: none;
	color: white;
	font-family: Arial, sans-serif;
}

.sf-with-ul{
	padding: 0 !important;
	text-align: center;
}

.sf-sub-indicator{
	display: none;
}

/* level 2 */

#nav li ul{
	margin: 0px;
	padding: 0px;
	width: 150px;
}

#nav li li{
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	height: auto;
	width: 180px;
}

#nav li li a{
	font-weight: normal;	
}

#nav li li.page_item a:hover {
	background-color: #7fb26f;
}

#nav li li.page_item a {
	height: auto;
	padding: 8px 10px;
	color: #fff;
}

ul.in-line li {
	display: inline;
	float: left;
	margin-right: 10px;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
       top:                        26px /* match top ul list item height */
}

/* Content level navigation (like Meet our Families page) */

#content .content-subnav{
	padding: 0px;
	list-style-type: none;
	font-size: 120%;
	line-height: 30px;
	text-decoration: none;
}

#content .content-subnav a{
	text-decoration: none;
}

#content .content-subnav a:hover{
	text-decoration: underline;
}

#content .content-subnav li ul{
	list-style-type: none;
}

/*	--- MAIN
	-------------------------------------------------------------------
	------------------------------------------------------------------- */



/*	--- TYPOGRAPHY
	-------------------------------------------------------------------
	------------------------------------------------------------------- */
	
#sidebar h1, #sidebar h2,  #sidebar h3, #sidebar h4, #sidebar h5, #sidebar h4 {
	color: #e5ce33;
}

a:hover{
	text-decoration: none;
	color: #3f7eb1;
}

h1, h2, h3, h4, a{
	color: #26923c;
	font-weight: bold;
}

strong{
	color: #26923c;
}

/*	--- Home Page	-------------------------------------------------------------------
	------------------------------------------------------------------- */

#home .post-title{
	display: none;
}

#home #content{
	padding: 0;
	margin: 0;
	width: 696px;
}

#home-address{
	background-color: #26923c;
	text-align: right;
	float: right;
	color: white;
	padding: 3px 20px;
	font-size: 90%;
	margin-bottom: 0px;
	display: block;
	width: 656px;
}

#home #content p{
	padding: 0px 20px 0px 20px;
}

.wp-image-160{
	margin-right: 420px;
}

/*	--- CATEGORIES
	-------------------------------------------------------------------
	------------------------------------------------------------------- */

.category-archive .post-title{
	font-size: 12pt;
	text-decoration: none;
	margin-bottom: 5px;
}

.postmetadata{
	color: #26923c;
}

.post{
	margin-bottom: 40px;
}



/*	--- Board of Directors
	-------------------------------------------------------------------
	------------------------------------------------------------------- */
	
#page-16 h3{
	clear: both;
	padding-top: 20px;
}	
	
	
/*	--- FAQ
	-------------------------------------------------------------------
	------------------------------------------------------------------- */

.faq_return_link{
	margin-bottom: 20px;
}


/*	--- FOOTER
	-------------------------------------------------------------------
	------------------------------------------------------------------- */

#footer a:focus, #footer a:hover { 
	text-decoration: underline;
}

#footer a {
	color: #26923c; 
	text-decoration: none;
}

#website-by a{
	color: #7fb26f; 
	text-decoration: none;
	font-weight: normal;
}

#copyright{
	float: left;
	font-size: 90%;
	padding-left: 10px;
}
	
#footer-links{
	float: right;
	display: inline;
	margin-right: 10px;
}

#footer-links li{
	float: right;
	list-style-type: none;
	display: inline;
	padding-left: 10px;
}

/* CFORMS */
	
.linklove{
	display: none;
}

.cform{
	margin: 0;
	width: 650px;
}

.reqtxt, .emailreqtxt{
	padding-left: 5px;
	color: #26923c
}

#cforms2form textarea, #cforms3form textarea{
	height: 70px;
}

#cforms3form #cf3_field_16{
	height: 200px;
}

#cforms2form #sendbutton2, #cforms3form #sendbutton2{
	float: left;
	margin-left: 355px;
	display: inline;
	clear: both;
	margin-bottom: 30px;
	
}

#cforms2form label, #cforms2form label span, #cforms3form label, #cforms3form label span{
	font-weight: normal;
	font-style: normal;
}

#cforms2form .cf_li_err, #cforms3form .cf_li_err{
	color: black;
	width: 420px;
	margin-left: 100px !important;
	padding: 0;
	background: #dceabf !important;
}

#cforms2form .cf_li_err label span, #cforms3form .cf_li_err label span{
	font-weight: bold !important;
}

#usermessagea{
	background: #dceabf !important;
	font-weight: bold;
}

/*Describe briefly... text*/

#cforms2form label, #cforms2form label span,
#cforms2form label, #cforms2form label span, #cforms3form label, #cforms3form label span,
#cforms3form label, #cforms3form label span{
	width: 345px;
	margin-left: 0px;
}

#cforms3form .cf-box-group .cf-after, #cforms2form .cf-box-group .cf-after{
	width: 100px;
	padding-left: 10px;
}

.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	background:#dceabf; 
}

ol.cf-ol li.textonly{
	background-color: #dceabf !important;
}

.cform input, .cform textarea{
	width: 250px;
}

#cforms2form .cf-ol #li-2-16items .cf-group-after{
	width: 250px !important;
	padding-left: 5px;
}