/**
 * Theme Name: Crown Oak Site v1.1a
 * Theme URI: http://m-spacemedia.com
 * Description: Theme for Crown Oak Website.
 * Version: 1.1a
 * Author: Mark Muller
 * Author URI: http://m-spacemedia.com
 * Tags: Crown Oak
 */


.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#map_canvas {
width: 250px;
height:250px;
}
#map_canvas_2 {
width: 250px;
height:250px;
}
a {
	text-decoration: none;
	font-family: 'Trebuchet MS';
}

html, body {
	margin: 0px 0px 0px 0px;
	background: #BBBBBB url(images/rp_leaf.png) repeat center center;
}
#wrap {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	top: 0px;
	padding-bottom: 30px;
	background: transparent url("images/body_shadow.png") repeat-y center top;
	clear: both;
	min-height: 660px;
}
.sideleaves {
	height: 800px;
	width: 320px;
	position: absolute;
	top: 30px;
	margin: 0 auto;
	background: transparent url(images/leaf.png) no-repeat 19px 69px;
}
/* Image hover items for tables */
.hoverShow {
}

#largeImg {
position: absolute;
left: 50px;
display:none;
}

#largeImg2 {
position: absolute;
right: 20px;
display:none;
}

/* Site Items */
#header {
	background-image: url(images/header_shadow.png);
	background-repeat: no-repeat;
	width: 1000px;
	height: 202px;
	margin:0 auto;
	overflow: hidden;
}
#banner {
	position: relative;
	width: 960px;
	height: 152px;
	top: 50px;
	background: transparent url(images/header_v3.png) no-repeat center top;
	margin: 0 auto;
}

#footer {
	margin: 0 auto;
	width: 1000px;
	height: 50px;
	position: relative;
	top: 0px;
	clear: both;
	background: transparent url(images/footer_shadow.png) no-repeat center top;
}

#footer p {
	font: 12px 'Trebuchet MS';
	margin: 0;
	padding-top: 9px;
	text-align: center;
	color: #444444;
	}

#footer p a {
	color: #000000;
}


#left_column {
	position: relative;
	top: 30px;
	left: 45px;	
	float: left;
}

#main_column {
	position: relative;
	float: right;
	top: 30px;
	right: 45px;
	width: 600px;
	height: 200px;
}

#breadcrumbs {
position: relative;
top: -90px;
left: 10px;
width: 960px;
margin: 0 auto;
z-index: 10000;
}

#breadcrumbs p {
	font: 11px 'Trebuchet MS';
	 color: #ccc;
}

#breadcrumbs a {
	text-decoration: none;
	font: 11px 'Trebuchet MS';
	color: #ccc;
}
#breadcrumbs a:hover {
	text-decoration: underline;
	color: #cdc;
}

p, label, input {
	color: #535353;
	font-family: "Trebuchet MS";
	font-size: 14px;
	padding: 0 15px 0 15px;
	line-height: 20px;
	margin: 1em 0;
}

input, span {
	color: #535353;
	font-family: "Verdana";
	font-size: 12px;
	padding: 0 5px 0 5px;
	line-height: 19px;
	margin: 0;
	width: 200px;
}

.copy {
	line-height: 20px;
	font-family: "Trebuchet MS";
	font-size: 14px;
	padding: 0 15px 0 15px;
	color: #535353;
	text-align: justify;

}

.faq-question {
	border-top: 1px solid #ddd;
	padding-top: 10px;
}
.faq-question a:hover {
	color: #447744;
}
.faq-answer {
	padding-left: 40px;
	color: black;
}

/* Begin Images */
p img {
	padding: 5px;
	border: 1px #ccc solid;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

a .aligncenter {
margin-bottom: 10px;
margin-top: 8px;
}

img.adpanels {
	padding: 0px;
	 border: none;
}	
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 15px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 15px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	clear: both;
	}
.alignleft a {
	font: 12px 'Trebuchet MS';
	text-decoration: none;
}


.alignright a {
	font: 12px 'Trebuchet MS';
	text-decoration: none;	
}

/* End Images */

/* Page Structure */

.homePage {
	width: 900px;
	height: 528px;
	position: relative;
	padding: 30px;
	overflow: hidden;
}

.narrowcolumn {
	float: left;
	padding: 0 0 0 85px;
	margin: 0px 0 0;
	width: 650px;
	z-index: 10;
	}
.narrowPushcolumn {
	float: left;
	padding: 0 0 0 245px;
	margin: 0px 0 0;
	width: 650px;
	z-index: 10;
	}	
.widecolumn {
	position: relative;
	padding: 10px 0 20px 0;
	margin: 5px auto;
	width: 760px;
	z-index: 10;
}

.homePageColumn {
	width: 570px;
	margin: 0 6px 0 34px;
	text-align: justify;
	float: left;
}

.homePageColumn > h1 {
	font-size: 26px;
}

.post {
	padding: 10px;
	margin: 40px 0 40px;
	text-align: justify;
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 30px 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}
.narrowcolumn p a:hover {
	text-decoration: underline;
}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

#adpanels {
	position: relative;
	float: left;
	width: 346px;
	height: 155px;
}
/* End Structure */


/*	Begin Text Styling */



h1 {
	padding: 0 15px;
	margin: 0;
	font-family: 'Trebuchet MS';
	}

h2 {
	margin: 0px 0 0;
	font-family: 'Trebuchet MS';
	color: #444;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
	font-family: 'Trebuchet MS';

}

#sidebar a {
	font: 12px 'Trebuchet MS';
	color: #333333;
	line-height: 18px;
}

#sidebar a:hover {
	color: #000000;
	text-decoration: underline;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0px 0 5px;
	font-size: 16px;
	color: #444;
	font-style: italic;
	border-bottom: 1px solid #444;	}
	
h3 {
	padding: 0 15px 0 15px;
	margin: 0px 0 0;
	font: bold 16px 'Trebuchet MS';
	line-height: 22px;
	margin: 1em 0;
	color: #444;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */

/* Lists */

ul {
	text-decoration: none;
	list-style: square;
	color: #535353;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-style: italic;
	}

.narrowcolumn ul li {
	line-height: 24px;
}

/* Main Menu Bar & Side Bar Menu */

#sidebar {
	position: relative;
	width: 186px;
	top: 95px;
	left: 50px;
	float: left;
}

#sidebar_content ul {
	list-style: none;
	padding-left: 0;
	margin-left: 0px;
	}

#sidebar_content ul li {
margin: 10px 0 10px 0;
}

#sidebar_content ul li:hover {
	background: url(images/leafsml_grey.png) no-repeat left center;
	position: relative;	
	left: 0px;

}
#sidebar_content ul li a {
	position: relative;
	left: 35px;
	font: 12px 'Trebuchet MS', Tahoma;
	color: #535353;
	text-decoration: none;
}

#sidebar_content ul li a:hover {
	color: #535353;
	text-decoration: none;
}

#sidebar_content ul li.current_page_item {
	background: url(images/leafsml.png) no-repeat left center;
	position: relative;	
	left: 0px;
	list-style: none;
}

#sidebar_content ul li.current_page_item a {
	color: #535353;
	border-bottom: 1px solid #444;
	/*	text-shadow: #444 0px 3px 2px;*/
}


#sidebar_head {
	/*background: url(images/subheader.png) no-repeat center top;*/
	width: 184px;
	height: 40px;
}
#sidebar_content {
	/*background: #b8b8c7 url(images/submenu_shadow.png) repeat-x left -30px;*/
	position: relative;
	width: 184px;
	height: 100%;
padding-top:10px;
float: left;
	
}
#sidebar_blank {
	position: relative;
	width: 0px;
	top: 60px;
	left: 20px;
	float: left;
}

#menubar {
	border-top: 4px solid #727280;
	width: 960px;
	margin: 0 auto;
	padding: 0px;
	background: #d1d2d2 url(images/submenu_shadow.png) repeat-x left -30px;
	height: 22px;
	overflow: hidden;
	z-index: 1000;
}

#menubar ul {
	display: block;
	padding-right: 15px;
	margin: 0 auto;
	float: right;
	list-style-type: none;
}
 
#menubar ul li {
	display: inline;
	float:left;
	padding: 0 15px;
	width: auto;
	height: 23px;
}

#menubar ul li:hover {
	color: #000;
	height: 20px;
	float: left;
	padding: 0 15px;
	background-color: #727280;
	background: url(images/submenu_shadow.png) repeat-x left -30px;
}


#menubar ul li a {
	padding: 3px 0px;
	float: left;
	font: normal 12px 'Trebuchet MS';
	text-transform: capitalize;
	text-align: left;
	text-decoration: none;
	color: #444;
}

#menubar ul li.current_page_item {
	padding: 0 20px;
	background-color: #727280;
	height: 28px;
	background: url(images/submenu_shadow.png) repeat-x left -25px;
}

#menubar ul li.current_page_item a {
	color: #ffffff;
	text-shadow: #444 1px 2px 0px;
}

#menubar ul li.current_page_item span.subtitle {
	color: #000;
}

#menubar ul li.current_page_parent {
	padding: 0 20px;
	background-color: #727280;
	height: 28px;
	background: url(images/submenu_shadow.png) repeat-x left -25px;
}

#menubar ul li.current_page_parent a {
	color: #ffffff;
	text-shadow: #444 1px 2px 0px;
}

#menubar ul li.current_page_parent span.subtitle {
	color: #000;
}

#menubar ul li.current_page_ancestor {
	padding: 0 20px;
	background-color: #727280;
	height: 28px;
	background: url(images/submenu_shadow.png) repeat-x left -25px;
}

#menubar ul li.current_page_ancestor a {
	color: #ffffff;
	text-shadow: #444 1px 2px 0px;
}

#menubar ul li.current_page_ancestor span.subtitle {
	color: #000;
}

#menubar ul li span.subtitle {
	color: #444;
	font: normal 10px 'Trebuchet MS';
}

/* end of menu bar & side bar */

/* Other Elements */

.homePage {
	margin: 0 auto;
}

.homePage .slideshow {
	margin: 0;
	width: 900px;
	height: 528px;
	overflow: hidden;
}

.homePage .slideshow .item {
	margin: 0;
	width: 900px;
	height: 528px;
	overflow: hidden;
}

.homePage .slideshow .item .overlay {
	position: absolute;
	width: 905px;
	height: 70px;;
	bottom: 0px;
	background: transparent url(images/whitetrans.png) repeat top left;
	/*opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);*/
}

.homePage .slideshow .item .textOverlay {
	font-weight: bold;
	position: absolute;
	font: italic 43px serif, 'Trebuchet MS', Tahoma, Verdana;
	text-align: center;
	width: 900px;
	height: 50px;
	bottom: 0px;
	padding: 10px;
	color: #352610;
}
/* End of Other Elements */

.with_frm_style  {
background:url("images/shading.png") repeat-x scroll left bottom #DDDDDD;
border:1px solid #333333;
margin:0 0 0 14px;
padding:15px 0 0 0;
width: 610px;
}

.with_frm_style fieldset {
	position: relative;
}

.with_frm_style legend span {
	border: 1px solid #333;
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 10px;
}