/*
Theme Name: Opportunity Village
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 
Tags: 
*/

div#body-container
{
	margin: 5px auto 5px auto;
	width: 804px;
	clear: both;
}

/**
 * ==============================================================================
 * Top
 * ==============================================================================
 */

div#top-curve
{
	width: 804px;
}

div#top-curve div.left
{
	float: left;
	width: 14px;
	height: 14px;
	background: url('/wp-content/themes/opportunityvillage/images/crnr_top_left.gif') no-repeat;
}

div#top-curve div.middle
{
	float: left;
	width: 776px;
	height: 14px;
	background: #fff;
}

div#top-curve div.right
{
	float: left;
	width: 14px;
	height: 14px;
	background: url('/wp-content/themes/opportunityvillage/images/crnr_top_right.gif') no-repeat;
}

/**
 * ==============================================================================
 * Header
 * ==============================================================================
 */

div#body-header
{
	clear: both;
	background: #fff;
}

div#body-header div.inner
{
	padding: 0 14px 0 14px;
}

div#header_bar
{
	overflow: hidden;
	height: 27px;
	line-height: 27px;
	background: #F4F4F6;
}

div#header_bar div.left
{
	float: left;
	width: 388px;
	height: 27px;
	background: url('/wp-content/themes/opportunityvillage/images/logo_top.gif') no-repeat left;
}

div#header_bar div.right
{
	float: left;
	padding-right: 15px;
	width: 373px;
	height: 27px;
	text-align: right;
}

div#header-logo
{
	clear: both;
	padding-bottom: 15px;
	width: 776px;
	height: 82px;
	background: url('/wp-content/themes/opportunityvillage/images/logo.gif') no-repeat top left;
}

/**
 * ==============================================================================
 * Content
 * ==============================================================================
 */

div#body-content
{
	clear: both;
	background: #fff;
}

div#body-content div.inner
{
	padding: 34px;
}

h2
{
	font-size: 17px;
}

h4
{
	font-size: 12px;
}

p
{
	margin: 0 0 10px 0;
}

/**
 * ==============================================================================
 * Bottom boxes
 * ==============================================================================
 */

div#body-boxes
{
	overflow: hidden;
	padding: 0 14px 0 14px;
	background: #fff;
}

div#body-boxes div.left
{
	float: left;
	margin-right: 32px;
}

div#body-boxes div.middle
{
	float: left;
	margin-right: 31px;
}

div#body-boxes div.right
{
	float: left;
}


div.box {
	width:						237px;
	padding:					0px;
	margin-bottom: 15px;
	}


div.box div.topper {
	width: 237px;
	height: 49px;
	line-height: 49px;
	background: #014588 url('/wp-content/themes/opportunityvillage/images/box-header.gif') no-repeat;
	color:						white;
	}


div.box div.box-bottom 
{
	border-top: 3px solid #014588;
	border-right: 3px solid #014588;
	border-left: 3px solid #014588;
	background-color: #7cb7d5;
	color: white;
}

div.box div.box-footer
{
	width: 237px;
	height: 12px;
	background: #014588 url('/wp-content/themes/opportunityvillage/images/box-footer.gif') no-repeat;
}
	
div.text-area
{
	padding: 18px 18px 0 18px;
	/*position: relative;
	top: -1px;
	left: -1px;
	width: 231px;
	height: 299px;*/
	background: #7CB7D5;
}

div.text-area p
{
	margin: 0 0 15px 0 !important;
}
	
	
/**
 * ==============================================================================
 * Footer
 * ==============================================================================
 */

div#footer_contact-container
{
	clear: both;
	background: #fff;
	padding: 0 14px 0 14px;
}

div#footer-copyright
{
	clear: both;
	padding: 5px 0 0 14px;
	color: #fff;
	font-size: 10px;
}

/**
 * ==============================================================================
 * Bottom
 * ==============================================================================
 */

div#bottom-curve
{
	width: 804px;
}

div#bottom-curve div.left
{
	float: left;
	width: 14px;
	height: 14px;
	background: url('/wp-content/themes/opportunityvillage/images/crnr_bttm_left.gif') no-repeat;
}

div#bottom-curve div.middle
{
	float: left;
	width: 776px;
	height: 14px;
	background: #fff;
}

div#bottom-curve div.right
{
	float: left;
	width: 14px;
	height: 14px;
	background: url('/wp-content/themes/opportunityvillage/images/crnr_bttm_right.gif') no-repeat;
}



/* CSS doc for opportunityvillage.org */

body {
	font-family:				Verdana, Arial, Helvetica, sans-serif;
	font-size:					11px;
	color:						#333333;
	background-color:			#3D7896;
	background-image:			url('/wp-content/themes/opportunityvillage/images/bg.gif');
	}


a {
	color:						#014588;
	font-weight:				bold;
	text-decoration:			none;
/*	color:						#007CBB;	*/
	}


a:hover, #header_bar a:hover{
	color:						white;
	background-color:			#014588;
/*	color:						#D1702B;	*/
	text-decoration:			none;
	}


#base {
	background-color:			#FFFFFF;
	}






#container {
	background-color:			white;
	width:						820px;
	margin-left:				auto;
	margin-right:				auto;
	padding-left:				15px;
	padding-right:				15px;
	padding-top:				15px;
	padding-bottom:				15px;
	}











#header #cover {
	padding-top:				10px;
	padding-bottom:				5px;
	text-align:					right;
	width:						483px;
	}


#header_bar {
	background-color:			#F4F4F6;
	color:						#C9C9C9;
	}
	
#header_bar div.inner
{
	line-height: 27px;
}


#header_bar a {
	color:						#333333;
	text-decoration:			none;
	}


#nav_bar{
	background-color:			#D1702B;
	}


#content {
	/*text-align:				justify;*/
	/*padding:					20px;*/
	}
	
#content-home {
	/*text-align:				justify;*/
	padding:					0 20px 0 0;
	}
	
#content-home-left {
	/*text-align:				justify;*/
	padding:					0 40px 0 0;
	}
	
.content-home {
	/*text-align:				justify;*/
	padding:					0 20px 0 0;
	}
	
.content-home-left {
	/*text-align:				justify;*/
	padding:					0 40px 0 0;
	}


#highlight_panel {
	color:						#FFFFFF;
	background-color:			#7CB7D5;
	}


#highlight_panel a {
	color:						#014588;
	}


#footer {
	font-size:					10px;
	color:						#FFFFFF;
	width:						760px;
	padding:					5px;
	}


#footer a {
	color:						#FFFFFF;
	}


#left_col {
	background-color:			#F4F4F6;
	width:						236px;
	vertical-align:				top;
	}


/*  ================================================================  */
/*           Navigation menu bar across top of content                */
/*  ================================================================  */

#navbar {
	/*width:						100%;
	clear:						both;
	float:						left;*/
	margin-left: 14px;
	width: 776px;
	height: 26px;
	background-color:			#D1702B;
	overflow: hidden;
	}


#navbar ul {
	padding:					0;
	float:						left;
	margin:						0px 20px 0px 20px;
	list-style-type:			none;
	background-color:			#D1702B;
	border-top:					1px solid #D1702B;
	border-bottom:				1px solid #D1702B;
	border-left:				1px solid #D1702B;
	border-right:				1px solid #D1702B;
	}


#navbar li {
	float:						left;
	border-right:				1px solid #D1702B;
	}


#navbar a:link, #navbar a:visited {
	float:						left;
	display:					block;
	color:						white;
	padding:					5px 10px;
	border-bottom-width:		0;
	background-color:			inherit;
	font-weight:				bold;
	}


#navbar a:hover, #navbar a:active {
	color:						white;
	background-color:			#EEA529;
	font-weight:				bold;
	}
	

.accent {
	color:						#FFD51D;
	}




/*  ================================================================  */
/*                Old nav bar that uses tables                        */
/*  ================================================================  */

#nav {
	background-image:url('/wp-content/themes/opportunityvillage/images/nav_bg_home.jpg');
	text-decoration:			none;
	}


#tab {
	font-weight:				bold;
	height:						30px;
	vertical-align:				middle;
	text-align:					left;
	padding:					0px 5px 5px 0px;
	}


#tab a {
	color:						#FFFFFF;
	text-decoration:			none;
	display:					block;
	width:						100%;
	}


#tab a:hover {
	color:						#FFFFFF;
	}


div#dropdown {
	text-align:					left;
	margin-left:				-13px;
	}


div#dropdown #link {
	background-color:			#D1702B;
	border-bottom:				1px solid #FFFFFF;
	}


div#dropdown #link a {
	color:						#FFFFFF;
	font-weight:				normal;
	text-decoration:			none;
	display:					block;
	line-height:				20px;
	padding-left:				15px;
	height:						100%;
	width:						100%;
	}


div#dropdown #link a:hover {
	background-color:			#FFFFFF;
	color:						#007CBB;
	font-weight:				normal;
	}


td div {
    /* this makes TDs a container with their own coordinate system.
       absolutely-positioned elements will be offset relative to them */
    position:relative;
	}
/* eof dhtml nav ------------------------------------- */


#subnav {
	width:						100%;
	}


#subnav td {
	border-bottom:				1px solid #FFFFFF;
	text-align:					left;
	background-color:			#E2EDCA;
	}


#subnav th {
	font-weight:				bold;
	text-transform:				uppercase;
	text-align:					left;
	border-bottom:				1px solid #FFFFFF;
	background-color:			#CEDDAC;
	height:						30px;
	}


#subnav a {
	color:						#333333;
	padding-top:				3px;
	padding-bottom:				3px;
	padding-left:				43px;
	display:					block;
	line-height:				15px;
	height:						100%;
	/*width:					100%;*/
	text-decoration:			none;
	}


#subnav a:hover {
	color:						#007CBB;
	background-color:			#FFFFFF;
	padding-left:				50px;
	}


#subnav #selected a{
	color:						#007CBB;
	background-color:			#FFFFFF;
	font-weight:				bold;
	}


#subnav #subselected a{
	color:						#007CBB;
	background-color:			#FFFFFF;
	}


#subnav #link {
  text-align:					left;
  color:						#007CBB;
  background-color:				whitesmoke;
  height:						10;
	}


#heading {
	color:						#007CBB;
	font-size:					14px;
	font-weight:				bold;
	}


#blackout {
	background:					#333333;
	display:					none;
	position:					absolute;
	top:						0px;
	left:						0px;
	filter:						alpha(opacity=80); /* ie */
	-moz-opacity:				.80; /*older mozilla & firefox*/
	opacity:					.80; /* safari 1.2, newer firefox and mozilla, CSS3 */
	khtmlopacity:				.80; /* safari<1.2, konqueror */
	}


table {
	border-collapse:			collapse;
	}
	

#navigation {
	float: left;
	clear: both;
	width: 100%
}


#navigation ul {
	padding: 0;
	width: 100%;
	float: left;
	margin: 0 0 10px;
	list-style-type: none;
	background-color: black;
	border-top: 1px solid #3F831C;
	border-bottom: 1px solid #3F831C;
	border-left: 1px solid #3F831C;
	border-right: 1px solid #3F831C;
	}


#navigation li {
	float: left;
	border-right: 1px solid #3F831C;
	}


#navigation a:link, #navigation a:visited {
	float:						left;
	display:					block;
	color:						#3F831C;
	padding:					5px 25px;
	border-bottom-width:		0;
	background-color:			inherit;
	font-weight:				normal;
	text-decoration:			none;
	}


#navigation a.current {
	color: #E9F7E6;
	background-color: #62CF2B;
	font-weight: normal;
	}


#navigation a:hover, #navigation a:active {
	color: #E9F7E6;
	background-color: #62CF2B;
	font-weight: normal;
	}


/*  ================================================================
                  Content boxes for video and text
    ================================================================  */

#contentBox {
	margin-bottom:				none;
	margin-left:				auto;
	margin-right:				auto;
	margin-top:					15px;
	width:						90%;
	}


#content-video-box {
	border:						1px solid blue;
	float:						left;
	margin-right:				15px;
	}


#videoFrame{
	float:						left;
	width:						auto;
	background-color:			#d4e4b1;
	padding:					12px;
	border-right:				3px solid #bbb;
	border-bottom:				3px solid #bbb;
	margin-top: 25px;
	}


#videoDisplay {
	margin:						auto;
	}












.banner {
	border-bottom:				3px solid #ccc;
	border-right:				3px solid #ccc;
	margin-right:				7px;
	}


#footer_contact {
	background-color:			#eee;
	/*margin-top:					12px;*/
	padding:					10px;
	text-align:					center;
	}


#left-box {
	width:						237px;
	padding:					0px;
	margin:						10px;
	}


#left-box .topper {
	background-color:			#014588;
	color:						white;
	}


#left-box .box-bottom {
	border:						1px solid #014588;
	background-color:			#7cb7d5;
	color:						white;
	}


#middle-box {
	width:						237px;
	padding:					0px;
	margin:						10px;
	}


#middle-box .topper {
	background-color:			#3975b1;
	color:						white;
	}


#middle-box .box-bottom {
	border:						2px solid #3975b1;
	background-color:			#abd3e7;
	color:						black;
	}


#right-box {
	width:						237px;
	padding:					0px;
	margin:						10px;
	}


#right-box .topper {
	background-color:			#014588;
	color:						white;
	}


#right-box .box-bottom {
	border:						3px solid #014588;
	background-color:			#7cb7d5;
	color:						white;
	}


.topper {
	
	font-size:					22px;
	text-align:					center;
	}


.box-bottom {
	margin:						auto;
	height:						300px;
	}


.text-area {
	background-color:			inherit;
	/*margin:						20px auto 20px auto;*/
	padding:					auto;
	width:						192px;
	}


.text-area img {
	border:						2px solid #014588;
	}