/*
Theme Name: SCO
Description: A Custom Worldpress Theme for SCO
Version: 2.0
Author: Marknet Group
*/

/* ---------- Import browser reset stylesheet ---------- */
@import url("css/reset.css");

/* -------------------- Basic Layout -------------------- */

body {
	background: #c7d2d9;
	font: 12px Arial, "Helvetica Neue", Helvetica, sans-serif;
	}
	
#wrapper-top {
	background: url(images/wrapper-bg-top.png) no-repeat;
	width: 1026px;
	height: 40px;
	margin: 58px auto 0;
	}

#wrapper-bot {
	width: 1026px;
	height: 60px;
	margin: 0 auto;
	background: url(images/wrapper-bg-bot.png) no-repeat;
	}
	
#wrapper {
	background: url(images/wrapper-bg.png) repeat-y;
	width: 1026px;
	margin: 0 auto;
	}

#internal {
	width: 899px;
	margin: 0 0 0 64px;
	}

#header {
	background: url(images/header-bg.png) left bottom repeat-x;
	border-bottom: 5px solid #31406b;
	float: left;
	width: 100%;
	position: relative;
	}

#banner {
	background: #588b9a;
	float: left;
	width: 699px;
	border-bottom: 5px solid #31406b;
	position: relative;
	}

#content {
	width: 630px;
	float: left;
	margin: 20px 0 0 40px;
	line-height: 1.6;
	}

#footer {
	width: 992px;
	margin: 0 auto 100px;
	color: #32406b;
	font-size: 11px;
	}
	
.clear {
	clear: both;
	}

/* -------------------- Generic tags & Basic Classes -------------------- */

p {
	margin: 0 0 10px;
	}

a {
	color: #339900;
	text-decoration: none;
	}

a:hover {
	color: #32406B;
	}
	
.alignnone {
    margin: 0 10px 10px 0;
	}

.aligncenter {
    display:block;
    margin: 10px auto;
	}

.alignright {
    float:right;
    margin: 0 0 10px 10px;
	}

.alignleft {
    float:left;
    margin: 0 10px 10px 0;
	}

#content ul, #content ol {
	margin: 10px 20px;
	}
	
#content ul li {
	list-style-type: disc;
	margin: 5px 0;
	}
	
#content ol li {
	list-style-type: decimal;
	margin: 5px 0;
	}

/* -------------------- Headings -------------------- */

h1 {
	font-size: 32px;
	color: #32406b;
	margin: 10px 0 20px;
	}
	
h2 {
	color: #339900;
	font-size: 14px;
	}

h3 {
	color: #31406b;
	font-size: 13px;
	margin: 5px 0 0;
	}
		
h4 {
	color: #31406b;
	font-size: 12px;
	margin: 5px 0 0;
	}

/* -------------------- Logo -------------------- */

#logo {
	width: 151px;
	height: 102px;
	float: left;
	margin: 4px 0 25px 27px;
	}
	
#logo a {
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
	display: block;
	background: url(images/logo.png);
	width: 100%;
	height: 100%;
	}

/* -------------------- Main Navigation -------------------- */

#nav {
	background: #57a645;
	width: 212px;
	height: 270px;
	position: relative;
	margin: 0 0 0 -12px;
	float: left;
	border-bottom: 5px solid #31406b;
	font-size: 13px;
	position: relative;
	z-index: 100;
	}
	
#nav ul {
	margin: 40px 0 0;
	text-transform: uppercase;
	}

#nav li a {
	color: #fff;
	text-decoration: none;
	padding: 5px 0 5px 28px;
	display: block;
	}
	
#nav li a:hover {
	background: url(images/nav-active-bg.png) 10px 10px no-repeat;
	}

#nav li:hover {
	background: #31406b;
	}

#nav li.current-menu-item a, #nav li.current-page-parent a {
	background: url(images/nav-active-bg.png) 10px 10px no-repeat;
	}

#nav li ul.sub-menu {
	margin: 0;
	display: none;
	position: absolute;
	left: 212px;
	top: 0;
	background: #31406b;
	width: 300px;
	height: 265px;
	padding: 0 0 10px;
	}
	
#nav li ul.sub-menu a:hover {
	background: transparent;
	}

#nav li.current-menu-item ul.sub-menu a, #nav li.current-page-parent ul.sub-menu a {
	background: transparent;
	}

.home #nav li ul.sub-menu {
	height: 260px;
	}
	
#nav li ul.sub-menu a {
	padding: 3px 10px;
	}

#nav li:hover ul.sub-menu {
	display: block;
	}
	
/* -------------------- Header -------------------- */

h2#tagline {
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
	display: block;
	background: url(images/tagline.png);
	width: 330px;
	height: 17px;
	float: right;
	margin: 46px 40px 0 0;
	}
	
#btn-donate {
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
	display: block;
	background: url(images/btn-donate.gif);
	width: 81px;
	height: 28px;
	position: absolute;
	right: 10px;
	bottom: 0;
	}

#btn-donate:hover {
	background-position: 0 -28px;
	}

/* -------------------- Homepage Elements -------------------- */

#featured {
	float: left;
	width: 465px;
	}

#callout {
	float: left;
	width: 234px;
	color: #fff;
	font-size: 12px;
	line-height: 1.6;
	}
	
#callout h2 {
	font-size: 14px;
	padding: 6px 0 5px;
	margin: 0;
	color: #fff;
	}
	
#callout ul {
	margin: 20px 11px;
	position: relative;
	width: 212px;
	height: 200px;
	}

#callout ul li {
	position: absolute;
	z-index: 1;
	}

#callout ul li.active {
	z-index: 10;
	}

#callout p {
	margin: 0 0 20px;
	}
	
#callout a {
	color: #fff;
	text-decoration: underline;
	font-size: 13px;
	}

#slideshow {
	position: relative;
	width: 465px;
	height: 270px;
	}

#slideshow li {
	position: absolute;
	left: 0;
	top: 0;
	}

#slide-nav {
	position: absolute;
	left: 470px;
	bottom: 14px;
	}

#slide-nav li {
	float: left;
	margin: 0 0 0 10px;
	}

#slide-nav li a {
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
	display: block;
	background: url(images/slidenav-bg.png);
	width: 14px;
	height: 13px;
	}

#slide-nav li.active a {
	background: url(images/slidenav-bg-active.png);
	}
	
#bottom-widgets {
	clear: both;
	padding: 10px 0 0 30px;
	line-height: 1.6;
	}

#bottom-widgets .left, #bottom-widgets .middle, #bottom-widgets .right {
	width: 250px;
	float: left;
	color: #32406b;
	margin: 20px 40px 20px 0;
	}
	
#bottom-widgets .left .textwidget {
	font-size: 18px;
	}

#bottom-widgets .left p {
	margin: 0;
	}
	
#bottom-widgets .middle {
	position: relative;
	}

#bottom-widgets .right {
	margin-right: 0;
	}

#bottom-widgets .widgettitle {
	color: #32406b;
	font-size: 26px;
	border-bottom: 3px solid #57a645;
	padding: 0;
	margin: 0 0 10px;
	}
	
/* -------------------- Internal Pages -------------------- */

#breadcrumbs {
	font-size: 11px;
	color: #32406b;
	}

#featured-img {
	float: right;
	margin: 0 0 10px 10px;
	}	

/* -------------------- Footer -------------------- */

#footer a {
	color: #32406b;
	}
	
#footer a:hover {
	color: #339900;
	text-decoration: underline;
	}

#footer ul li {
	float: left;
	border-right: 1px solid;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	line-height: .9;
	}

#footer li.last {
	border: none;
	}

#footer .widget img {
	padding-top: 25px;
	margin: 0 10px 0 0;
	float: left;
	}

/* -------------------- Events Page -------------------- */

.page-id-82 #content ul li {
	list-style-type: none;
	background: #F4F3DF;
	margin: 10px 0;
	padding: 3px;
	border: 1px solid #E6E4C8;
	}

.page-id-82 #content ul li a {
	background: url(images/icon-add.png) left center no-repeat;
	padding: 5px 0 5px 20px;
	margin-left: 10px;
	}
	
/* -------------------- Forms -------------------- */

.page-id-442 iframe {
	display: none;
	}
	
.gform_button {
	background: #339900;
	color: #fff;
	border: none;
	font-weight: bold;
	padding: 5px;
	text-transform: uppercase;
	}

.gform_button:hover {
	background: #1e7a00;	
	}

/* -------------------- Posts -------------------- */

.post {
	margin: 0 0 20px;
	}

#content table td {
	padding: 10px 0;
	}
	
#content th {
	text-align: left;
	padding: 10px 0;
	}

th.date, th.location {
	width: 25%;
	}
	
/* -------------------- Donate Form -------------------- */

#content #gform_fields_2, #content #gform_fields_2 ul {
	margin: 0;
	}

.page-id-286 .articleBody h2 {
	font-weight: bold;
	font-size: 14px;
	margin: 20px 0 5px;
	}
	
.page-id-286 .articleBody p, #gform_wrapper_2 {
	margin: 0 150px 10px 0;
	}

#gform_2 #field_2_3 .gfield_label, #gform_2 #field_2_1 .gfield_label {
	color: #61B543;
	}
	
#gform_2 .gsection {
	border: none;
	padding: 20px 0 0;
	}
	
#gform_2 #field_2_1 li {
	float: left;
	margin-right: 10px;
	}

#gform_2 #field_2_1 li label {
	margin-left: 3px;
	float: left;
	}

#field_2_6 #input_2_6_1 {
	width: 226px !important;
	margin-right: 10px;
	}
	
#input_2_6_2 {
	width: 220px !important;
	}
	
#field_2_7 #input_2_7, #input_2_8 {
	width: 222px !important;
	margin-right: 10px;
	}
	
#field_2_8 {
	clear: none;
	float: left;
	}
	
#input_2_6_1_container {
	width: 240px;
	float: left;
	}
	
#field_2_7, #field_2_8 {
	float: left;
	width: 234px;
	}
	
#field_2_6 .gfield_label, #field_2_5 .gfield_label {
	display: none;
	}
	
#field_2_7 .gfield_label, #field_2_8 .gfield_label, 
#field_2_9 .gfield_label, #field_2_10 .gfield_label {
	font-weight: normal;
	}
	
#input_2_6_4_container, #input_2_6_5_container {
	width: 110px;
	float: left;
	clear: none;
	}

#gform_2 .gchoice_3_5 label {
	float: left;
	margin: 2px 5px;
	}

#gform_2 .ginput_complex label {
	display: block;
	margin: 3px 0;
	font-size: 12px;
	letter-spacing: 0.5pt;
	}

/* -------------------- Homepage Lightbox -------------------- */

#hiddenModalContent {
	display: none;
	}
	
#TB_ajaxContent {
	padding: 0 !important;
	line-height: 1.4 !important;
	}
	
#TB_ajaxContent p {
	margin: 0;
	}
	
#TB_ajaxContent blockquote {
	border: none;
	margin: 0 0 28px;
	padding: 0;
	}
	
#TB_window {
	background: #023863 !important;
	color: #fff !important;
	border: 10px solid #fff !important;
	}
	
#TB_title {
	position: relative;
	height: 0 !important;
	}

#TB_closeWindowButton {
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
	display: block;
	background: url(images/btn-close.png);
	width: 24px;
	height: 23px;
	}

#TB_closeAjaxWindow img {
	display: none;
	}

#TB_closeAjaxWindow {
	position: absolute;
	right: -30px;
	top: -28px;
	}

#TB_ajaxWindowTitle {
	display: none !important;
	}

#TB_window a {
	color: #fff !important;
	}
	
#box-left {
	float:left;
	margin-right: 16px;
	height: 470px;
	overflow: hidden;
	}

#closeWindowButton {
	position: relative;
	top: 8px;
	text-decoration: underline;
	}

#lbox-right {
	width: 300px;
	padding-top: 43px;
	float: left;
	}

#box-stuff {
	margin: 20px 0 0 8px;
	}

#lb-image {
	float: left;
	margin-right: 16px;
	}

.wp-image-4411 {
	margin: 0;
	}

.wp-image-4421 {
	margin: 15px 0 0 0;
	}

#btn-lb-donate {
	text-indent: -9999px;
	font-size: 1%;
	overflow: hidden;
	display: block;
	background: url(images/btn-lb-donate.png);
	width: 137px;
	height: 34px;
	float: left;
	}

#btn-lb-donate:hover {
	background-position: 0 -34px;
	}
		
/* -------------------- Various Pages -------------------- */

.page-id-87 #content h2 {
	margin: 0 0 20px;
	}