/*-------------------------------------------------------
* Author: system32
* Description: Handles the site layout.
   -----------------------------------------------------*/
   
/*------------------------------------------------------
  				Global Reset
  ------------------------------------------------------*/	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
 
}   

body{  
font-weight: inherit; 
font-style: inherit; 
font-family: inherit; 
font:normal 12px/18px Arial, Tahoma, Helvetica, sans-serif;
color:#484848; 
background:#fff;

}

* html {
	margin:0;padding:0;
}

/*------------------------------------------------------
  				Logo 
  ------------------------------------------------------*/	
.top_bg{
height:143px;
width:749px;
margin-top:30px;
margin-left:90px;
background:url(../images/header.jpg) no-repeat;
}
 
 .logo
 {
margin-top:-50px;
margin-left:-50px;
 }
 
 small
 {
 font:normal 11px Tahoma, Arial, Helvetica, sans-serif
 }
 
 .white_space{
 height:40px;
 }
 
 
/*------------------------------------------------------
  				SubPage Header
  ------------------------------------------------------*/	
	 .subpageheader{
	 background: url(../images/SubHeaderbg.jpg) top left no-repeat;
	 height:112px;
	 width:1124px;
	 margin-left:-60px;
	}
	 .subpageheader h1{
	 font:normal 30px Arial, "Trebuchet MS", Helvetica, sans-serif;
	 padding:30px 0 0 0 ; 
	 color:#FFFFFF;
 	 }
	 .subpageheader p
	 {
	 font:normal bold 16px "Trebuchet MS", Helvetica, sans-serif;
	 color:#FFFFFF;
	 }

	 .subpageheader h1 p{
	 font:normal 30px Arial, "Trebuchet MS", Helvetica, sans-serif;
	 color:#FFFFFF;
 	 }
	 


	 
	 .centertext
{
text-align:center;
}

/*------------------------------------------------------
  				Photo Header
  ------------------------------------------------------*/	
.photo_header{
height:288px;
width:696px;
z-index:13;
position:absolute;
margin-top:190px;
margin-left:140px;
}  


  
/*------------------------------------------------------
  				Donate to Camps
  ------------------------------------------------------*/	
.donate_camps{
height:206px;
width:203px;
z-index:12;
position:absolute;
margin-top:40px;
margin-left:840px;
float:right;
}    
  
/*------------------------------------------------------
  				Main Header
  ------------------------------------------------------*/	 
	 .middle_bg {
	 background:url(../images/middle_bg.jpg) top left no-repeat;
	 height:564px;
	 width:1130px;
	 margin-left:-75px;
	color:#FFFFFF;
	padding-top:20px;
	padding-left:90px;
	
	 }
	 
	 .mainheader_container {
	 width:800px;
	 margin-left:100px;
	 
	 }
	 .middle_bg h1{
	 font:normal 5em/60px Impact, Helvetica, sans-serif;
	 color:#fff;
	 text-align:right;
	 text-transform:uppercase;padding-top:40px;
	 }
	.middle_bg h1 span
	{
	 color:#0b0e16;
	 }
	.middle_bg p{
 font:normal 13px Arial, "Times New Roman", Times, serif;
	color:#FFFFFF;
}	 
.tourbutton
{
background:URL(../images/tour.png) no-repeat;
width:180px;
height:50px;
}

h2.blogimage
{
 background:URL(../images/blog.gif) no-repeat;
 padding-left:60px;
 height:37px;
}

h2.testimonialimg
{
 background:URL(../images/testimonial.gif) no-repeat;
 padding-left:40px;
 height:37px;
}

/*------------------------------------------------------
  				Homepage Slider 
  ------------------------------------------------------*/	
/*	Featured-Container		*/ 

.featured_container {
 width:793px;
 height:249px;
margin-left:60px;
padding-top:-5px;
}
 

 
.featured-container h3{ 
 padding-bottom:5px;
 font:24px "Trebuchet MS", Arial, Helvetica, sans-serif;
 color:#1C3F94;
 font-weight:normal;
 width:200px;
 margin-left:25px;

 }
 
.featured-container h3 a{ 
font:24px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#1C3F94;
}

.featured-container p{
 font-size:12px;
 line-height:150%;
 padding-bottom:20px;
 margin-bottom:25px;
 width:170px;
 color:#666;
 margin-left:25px;
 height:249px;
 } 

img.featured-image{ 
 width:600px;
 height:249px;
float:right;
margin-top:-20px;
} 
 


.ribbon{
 position:absolute;
 float:right;
 width:130px;
 top:-3px;
 right:-3px
 }
  
.more a, .port a{
 width:108px;
 display:block;
 height:32px;
 text-indent:-9999em;
 overflow:hidden;
 }
 
.more a:hover, .port a:hover{
 background-position:0 -32px;
 }
 
.more a{
 float:left;
 margin-right:15px;
 display:block;
 background: url(http://design.hayleytarrant.com/district2/wp-content/uploads/2010/03/more.png) no-repeat;
 }

.port a{
 background: url(images/port.png) no-repeat;
 } 
 
/* Featured Slider */

.stepcarousel{
 position: relative; 
 overflow: scroll;
 width: 830px; 
 height: 315px; 
 margin:0 auto;
 }

.stepcarousel .belt{
 position: absolute; 
 left: 0;
 top: 0;
 }

.stepcarousel .panel{
 float: left;
 overflow: hidden; 
 width: 830px; 
 margin:0;
 padding-top:5px;
 } 
 


/*------------------------------------------------------
		Homepage Featured Products in Content
  ------------------------------------------------------*/		 

.servicebox
{
overflow:auto;
height:100%;
margin-bottom:10px;
border-bottom:1px solid #ddd;
}

.rightpara2
{
margin-left:180px;
padding:0 0 0 20px;
}

/*------------------------------------------------------
  				Img Borders
  ------------------------------------------------------*/		 
.preview .borderimg, .blogbox .borderimg
 {
 border:1px solid #ddd;
 background:#fff;
 padding:3px;
 }

.borderimg
 {
 border:1px solid #ddd;
 background:#fff;
 padding:3px;
 }

/*------------------------------------------------------
  				Default Links
  ------------------------------------------------------*/	
	 a{
	 font: bold Century Gothic, sans-serif;
color:#1C3F94;
text-decoration:none;
}
a:hover {
color:#1C3F94;
text-decoration:underline;
}
	
	  h7{
font-weight:bold;
	 color:#484848;
	 }
	 p{
	 font:normal 12px/20px Arial, Helvetica, sans-serif;
	 color:#484848;
	 font-size:inherit;
	 margin:0;
	 }

	 h1 img, h2 img, h3 img, h4 img, h5 img, h6 img
	 {
	 vertical-align:middle;
	 }
/*------------------------------------------------------
  				Homepage 4 Boxes Below header
  ------------------------------------------------------*/		 
.feature_bar {
background:url(../images/feature_bar.png) no-repeat;
height:119px;
width:956px;
z-index:2;
position:relative;
margin-top:-220px;
padding-left:45px;
padding-top:15px;
margin-left:40px;
}

.fbox
{
padding-top:10px;
margin-right:35px;
height:79px;
width:auto;
z-index:3;
position:relative;
}

.fbox p
{
margin-left:0px;
padding:1px 10px 3px 0;
font: #1C3F94 normal bold 14px/16px Century Gothic, sans-serif;
text-align:right;
}
 .fbox img
	 {
	 float:right;
	 margin:5px 10px;
	 }
	 
	 /*------------------------------------------------------
  				Hbox (4 Boxes below the news)
  ------------------------------------------------------*/		 
.hbox_top {
background:url(../images/hbox_top.png) no-repeat;
height:60px;
width:241px;
padding-left:15px;
}

.hbox_bg{
width:241px;
margin-bottom:40px;
}

.hbox_container{
width:241px;
height:450px;
float:right;
margin-top:15px;
}

	 /*------------------------------------------------------
  				Church Map
  ------------------------------------------------------*/		 
.map_container {
height:450px;
width:350px;
float:right;
margin-top:20px;
margin-right:50px;
}


	 
	 

/*------------------------------------------------------
  				Content Reset
  ------------------------------------------------------*/	
	
.content
{
padding-bottom:30px;
overflow:auto;
height:100%;
}
.cbg
{
background:#fff;
}
	
.para *
{
padding-bottom:5px;
}


.text
{
padding:20px;
padding-left:0px;
}

.border_left{
border:1px solid #666;
float:left;
}

.border_right{
border:1px solid #666;
float:right;
}

/*------------------------------------------------------
  				Headings
  ------------------------------------------------------*/	
h1{
font: normal 28px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding:0;
margin-top:15px;
color:#1C3F94;
letter-spacing:-1px;
}

h2{
font: normal 24px  "Trebuchet MS", Arial, Helvetica, sans-serif;
padding:0;
color:#1C3F94;
padding-top:15px;
margin-bottom:5px;
}

h3{
font: normal 18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
padding:0;
color:#1C3F94;
margin-top:15px;
margin-bottom:5px;
}

h4{
font: normal 18px  Arial, Helvetica, sans-serif;
margin-top:15px;
margin-bottom:5px;
color:#969696;
}

h4 a{
font: normal 18px  Arial, Helvetica, sans-serif;
margin-top:15px;
margin-bottom:5px;
color:#969696;
}

h5 {
font: normal bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#1C3F94;
margin-bottom:5px;
}

h6 {
font: normal 18px  "Trebuchet MS", Arial, Helvetica, sans-serif;
padding:0;
color:#fff;
margin-top:15px;
margin-bottom:5px;
}

h7 {
font: #1C3F94 normal bold 14px/16px "Trebuchet MS", sans-serif;
padding:0;
margin:0 0 5px 0;
text-align:right;
}

/*------------------------------------------------------
  				Button /  Readmore
  ------------------------------------------------------*/	
.button {
font:normal 10px Arial, Helvetica, sans-serif;
padding:6px 15px;
text-transform:uppercase;
color:#909090;
margin-top:20px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
} 
a.button  {
text-decoration:none;
background:#fefefe url(../images/buttonbg.gif) bottom left repeat-x;
border:1px solid #ddd;
color:#909090;
}  
a.button:hover{ 
border:1px solid #ccc;
background:#fefefe url(../images/buttonbg.gif) bottom left repeat-x;
color:#484848;
}



.navigation {
	padding-bottom:50px;
}
.navigation a {
padding:5px 10px;
	color: #484848;
border:1px solid #bdd2dc;
	background:url(../images/buttonbg.gif) bottom left repeat-x;
	text-decoration:none;
}
.navigation a:hover {
	border:1px solid #bdd2dc;
	color:#909090;
	background:url(../images/buttonbg.gif) bottom left repeat-x;
	text-decoration:none;
}


/*------------------------------------------------------
  				Floats & Alignments
  ------------------------------------------------------*/	
.rightalign
{
float:right;
}

.leftalign
{
float:left;
}
 
.textleft{
text-align:left;
}
.textright{
text-align:right;
}

.textcenter{
text-align:center;
}

/*------------------------------------------------------
  				Readmore Block
  ------------------------------------------------------*/	
.readmoreblock {
font:normal bold 11px Arial, Helvetica, sans-serif;
padding:3px 10px;
text-transform:uppercase;
color:#ccc;
display:block;
margin-top:5px;
letter-spacing:0px;	
border-radius:3px;
-moz-border-radius:3px;
} 
a.readmoreblock  {
text-decoration:none;
background:#d8d8d8;
background:url(../images/buttonbg.gif) bottom left repeat-x;
border:1px solid #dedede;
color:#b5b5b5;
}  
a.readmoreblock:hover{ 
background:#197bc4;
border:1px solid #666;
color:#fff;
}

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

.footer_bg {
	 background:url(../images/footer_image.jpg) top left no-repeat;
	 height:260px;
	 width:1130px;
	padding-left:60px;
	padding-right:40px;
	padding-top:20px;
	margin-left:-60px;
	margin-top:30px;
	
	 }
	 
	 .footer_container {
	 padding-left:300px;
	 margin-bottom:20px;
	 }

#footer-sidebar {
display:block;
height: 260px;
color:#fff;
}

#footer-sidebar p{
color:#fff;
}

#footer-sidebar a{
color:#fff;
}


#footer-sidebar1 {
float: left;
width: 300px;
margin-right:20px;
font: #fff Arial, Helvetica, sans-serif;
}

#footer-sidebar1 h3{
color: #fff;
}

#footer-sidebar2 {
float: left;
width: 300px;
margin-right:20px;
font: #fff Arial, Helvetica, sans-serif;
}

#footer-sidebar2 p{
font: #fff Arial, Helvetica, sans-serif;
}

#footer-sidebar2 h3{
color: #fff;
}

#footer-sidebar3 {
float: right;
width: 300px;
margin-right:100px;
font: #fff Arial, Helvetica, sans-serif;
}

#footer-sidebar3 a{
font: #fff Arial, Helvetica, sans-serif;
}

#footer-sidebar3 h3{
color: #fff;
}


/*------------------------------------------------------
  				Seperators
  ------------------------------------------------------*/	
  
.linebg	{
margin-top:20px;
margin-bottom:20px;
clear:both;
border-top:1px solid #d8d8d8;
}

.sepline	{
background:url(../images/sep.gif) top right repeat-y; /* Siderbar Seperator */
}

.vertical_line{
border-right:1px solid #d8d8d8;
height:300px;
}


/*------------------------------------------------------
  				Portfolio Boxes
  ------------------------------------------------------*/	


.portfolioitem .details
{
font:normal 12px/18px Arial, Helvetica, sans-serif;
float:right;
width:320px;
}
.portfolioitem .preview
{
display:block;
width:240px;
text-align:center;
}
.portfolioitem h3
{
color:#484848;
font:normal 20px/22px Arial, Helvetica, sans-serif;
}

.portfolioitem 
{
padding:20px;
overflow:auto;
height:100%;
margin:10px 0;
}
.portfolioitem .corner {
	position:absolute;
	top:-2px;
	left:-2px;
	width:85px;
	height:85px;
}

/*------------------------------------------------------
  				Border Block Horizontal Bar
  ------------------------------------------------------*/	
  
.bordersub
{
background:#FFFFFF;
}

hr.hrbar
{
clear:both;
border:none;
border-bottom:1px solid #d8d8d8;
}

/*------------------------------------------------------
  				Testimonial Block
  ------------------------------------------------------*/	
  
blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
blockquote {
margin: 15px 0px 15px 0px;
background: url(../images/quoteclose.gif) no-repeat bottom right;
}

blockquote p {
background: url(../images/quoteopen.gif) no-repeat top left;
padding-left: 30px;
font:italic normal 12px/20px Georgia, Arial, Verdana, sans-serif;
}

.testimonial
{
overflow:hidden;
height:100%;
padding-bottom:20px;
}

/*------------------------------------------------------
  				Unordered Lists
  ------------------------------------------------------*/	
  
ul.listitems
{
margin:0;
padding:0;
}
ul.listitems li
{
font:normal 12px Arial, Helvetica, sans-serif;
voice-family:inherit;
margin:0;
height:18px;
background:url(../images/circle.gif) 0% 50% no-repeat;
text-decoration:none;
padding:3px 10px 3px 20px;
}

/*------------------------------------------------------
  				Search Box
  ------------------------------------------------------*/	
div.topheadline fieldset {
	width: 190px;
	float:right;
	display: block;
	margin-top:50px;
	}

div.topheadline form label {
display: block; 
background: url(../images/searchbar.png) no-repeat; 
width: 184px; 
height: 29px; 
}
div.topheadline fieldset legend{
display:none;
}
div.topheadline form label input {
background: none; 
border: none;
outline: none; 
width: 170px; 
margin-top: 5px; 
padding-left:10px;
color:#484848;
}

.buttonhide {display: none;}




/*------------------------------------------------------
  		Recent Blog Entries Unordered Lists
  ------------------------------------------------------*/	
ul.commonlist
{
margin-top:0px;
margin-bottom:10px;
margin-right:50px;
width:150px;
display: block;
float: left;
position: relative;
}

.news_bg{
background-color:#EAF2FA;
height:180px;
float:inherit;
width:1023px;
margin-left:-75px;
padding-top:40px;
margin-bottom:15px;
padding-left:100px;
}

ul.commonlist li
{
margin-bottom:3px;
font:normal 11px/18px Arial, Helvetica, sans-serif;
padding:3px 0px;
color:#666666;
margin-bottom:20px;
padding-right:20px;
}
ul.commonlist li a:link, ul.commonlist li a:visited, ul.commonlist li a:active
{
padding:3px 0px;
color:#1C3F94;
text-decoration:none;
}

ul.commonlist li a:hover
{
color:#1C3F94;
padding:3px 0px;
text-decoration:underline;
}


ul.commonlist li img
{
vertical-align:middle;
margin-right:5px;
}

.tb10
{
margin:10px 0;
}
.tb20
{
margin:20px 0;
}


div.date
{
margin:5px 0 5px 0;
}


/*------------------------------------------------------
  				Sidebar Menu
  ------------------------------------------------------*/	
.twitter_image{
margin-bottom:15px;
}

.container_submenu{
float:left;
width:250px;
margin-top:15px;
margin-bottom:10px;
margin-left:15px;
}

.category3_submenu{
background-color:#EAF2FA;
float:right;
width:300px;
padding-top:35px;
padding-bottom:40px;
padding-left:15px;
padding-right:40px;
margin-right:-103px;
}

.submenu_bg{
background-color: #E7F2C2;
width:250px;
padding-left:30px;
padding-bottom:15px;
padding-right:30px;
margin-right:30px;
}


.submenu{
width:250px;
margin-bottom:5px;
float:right;
}

.submenu ul {
margin:0;
list-style:none;
padding:0 10px;
}

.submenu li a {
font:normal 12px Arial, Helvetica, sans-serif;
voice-family:inherit;
height:16px;
margin:0;
color:#696969;
border-bottom:1px solid #dedede;
text-decoration:none;
}

.submenu li li a {
font:normal 12px Arial, Helvetica, sans-serif;
margin:0;
color:#696969;
text-decoration:none;
border-bottom:1px solid #dedede;
text-decoration:none;
}

.submenu li li a:link, .submenu li li a:visited {
color:#696969;
display:block;
padding:6px 10px;
}

.submenu li a:link, .submenu li a:visited {
color:#696969;
display:block;
padding:6px 10px;
}

.submenu li a:hover {
color:#484848;
padding:6px 10px;
}

.submenu li li a:hover {
color:#484848;
padding:6px 10px;
}


.submenu li li.current_page_item a
{
	color: #484848;
	font-weight:bold;
	text-decoration: none;
}
.submenu li.current_page_item a
{
	color: #484848;
	font-weight:bold;
	text-decoration: none;
}
.submenu li.current-cat a
{
	color: #484848;
	font-weight:bold;
	text-decoration: none;
}
.submenu ul li.current_page_ancestor
{
	color: #484848;
	font-weight:bold;
	text-decoration: none;
}


/*------------------------------------------------------
  				Comments
  ------------------------------------------------------*/	

.the_commentor {
float:left;
width:110px;
text-align:right;
}
.the_commentor p
{
padding:0;
margin:0;
}

.comment-metadata a {
text-decoration:none;
font-size:10px;
letter-spacing:0;
}

.the_comment {
float:right;
width:450px;
font:normal 12px/18px Arial, Helvetica, sans-serif;
letter-spacing:-1;
color:#5d5949;
padding:20px;
margin-right:5px;
min-height:100px;
margin-bottom:10px;
background-color:#f8f8f8;
border:1px solid #dddddd;
}

ol.commentlist li.alt .the_comment {
position:relative;
top:1px;
overflow:auto;
background-color:#ffffff;
}

ol.commentlist {
padding:10px 0;
margin:0;
}

ol.commentlist li {
clear:both;
list-style:none;
}

.comment-author {
font: normal bold 14px/16px Arial, Helvetica, sans-serif;
margin-bottom:0;
}

.comment-author a {
color:#1a7dc7;
text-decoration:none;
}

.commentlist .the_comment a {
color:#1a7dc7;
}

.commentlist .the_comment a:hover,.comment-author a:hover {
color:#1a7dc7;
text-decoration:underline;
}

/*------------------------------------------------------
  				Top BlogPage Post Info
  ------------------------------------------------------*/	


.postinfo
{
padding-top:5px;
margin-bottom:20px;
font-size:11px;
color:#777777;
line-height:24px
}
.postinfo a
{
color:#484848;
padding:3px 3px;
}

*html .postinfo /* IE6 Height Fix */
{
line-height:30px;
}
/*------------------------------------------------------
  				Blogpage Box
  ------------------------------------------------------*/	

.blogbox 
{
padding:20px;
overflow:auto;
height:100%;
}

.blogbox img
{
margin-right:20px;
}

div.blogbox p
{
padding:20px 0 5px 0;
}

.avatarimg
{
background:#FFFFFF;
padding:5px;
border:1px solid #cdcdcd;
}
.avatarimg:hover
{
background:#FFFFFF;
padding:5px;
border:1px solid #6c6c6c;
}

/*------------------------------------------------------
  				Blog Page Box Bottom Bar
  ------------------------------------------------------*/	

.bottomblog
{
background:#fdfefe url(../images/boxbar.gif) top left repeat-x;
padding:10px;
overflow:auto;
height:100%;
border:1px solid #ddd;
border-top:0;
}


/*------------------------------------------------------
  				Comment Page form
  ------------------------------------------------------*/	

#commentform input {
	width: 170px;
	padding: 5px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 500px;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: left;
	}
#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
#commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

/*******************/

#wp-calendar
{
	border-collapse: separate;
	border-spacing: 0;
	text-align: center;
	width: 100%;
}
#wp-calendar caption
{
	color: #484848;
	font-size: 11px;
	padding: 8px 0;
}
#wp-calendar th
{
	background: #dbdbdd;
	color: #484848;
	font-size: 11px;
	padding:8px 0;
}
#wp-calendar td
{
	border-top: 1px solid #dbdbdd;
border-collapse:seperate;
	color: #484848;
padding:8px 0;
	font-size: 11px;
	overflow: hidden;
	vertical-align: middle;
	width: 14.28%;
}

#wp-calendar td:hover
{
	border-top: 1px solid #b8b8b8;
	color: #484848;
	font-size: 11px;
	overflow: hidden;
	vertical-align: middle;
	width: 14.28%;
}


#wp-calendar td#today
{
	background: #484848;
	border-top: 1px solid #000;
	color: #fff;
	overflow: hidden;
	vertical-align: middle;
}

#wp-calendar a
{
	font-style: normal;
	font-weight: bold;
}
#prev
{
	text-align: left;
}
#next
{
	text-align: right;
}
#prev a, #next a
{
	color: #484848;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	padding: 3px 0 0 0;
	text-decoration: none;
	text-transform: uppercase;
}
#prev a:hover, #next a:hover
{
	color: #000;
}

.submitbutton
{
border:none;
background:URL(../images/submit.gif) no-repeat;
width:94px;
height:24px;
text-indent:-9999px;

}


/*------------------------------------------------------
  	Slider Menu Lists
  ------------------------------------------------------*/	
#container {
	margin: auto;
	width: 490px;
}

#header {
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	height: 42px;
	width: 490px;
	margin-bottom: 20px;
}

#button {
	height: 32px;
	width: 184px;
	margin-right:-40px;
}

ul, li {
	margin:0; 
	padding:0; 
	list-style:none;
}



.the_menu {
	display:none;
	width:200px;
	border: 1px solid #8ac24c;
	z-index:150;
	position:relative;
}

.the_menu li {
	background-color: #b9d683;
	border-bottom: 1px solid #8ac24c;
}

.the_menu li a {
	color:#FFFFFF; 
	text-decoration:none; 
	padding:10px; 
	display:block;
}

.the_menu li a:hover {
	padding:10px;
	font-weight:bold;
	background:#a7cc78;
}


/*------------------------------------------------------
  	Top Menu Lists
  ------------------------------------------------------*/	
.topmenu{
margin-top:-60px;
margin-right:200px;
float:right;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;	position:relative; z-index:100	;float:right;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			15em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block; font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif, Sans-serif; 
	position:		relative;
	}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */

}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.50em 1.2em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#1C3F94;
}
.sf-menu li ul{
}
.sf-menu li li {
	background:		#fff;
}
.sf-menu li li li {
	background:		#1C3F94;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	text-decoration:none;color:#1C3F94;
	text-transform:capitalize;
	outline:		0;	background:#EAF2FA bottom left repeat-x;
}


/*** currentpage **/
.sf-menu .current_page_item a, .sf-menu .current-cat a:visited  { /* visited backgrounds for the current page status */
	text-decoration:none;color:#1C3F94;
	outline:		0;	background:#EAF2FA bottom left repeat-x;
	text-transform:capitalize;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*------------------------------------------------------
  	Div Tags For Single Post
  ------------------------------------------------------*/	

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;
}


.container {
	width: 960px;
	margin: 0 auto;
	_width: 945px;
}

#mainwrapper {
	width: 930px;
	background-image: url('images/container_wrapper.png');
	background-repeat: repeat;
	margin: 20px 0;
	padding: 15px;
	_width: 945px;
}

#maincontent {
	width: 930px;
	background-image: url('images/content_bg.jpg');
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #fff;
	_width: 945px;
}

#content {
	width: 580px;
	display: block;
	float: left;
	padding: 0;
	text-align: left;
	margin: 0;
	_display: inline;
}

.title, .title a {
	color: #565656 !important;
	font-size: 24px;
	letter-spacing: -1px;
	margin-bottom: 8px;
	text-decoration: none !important;
	border: 0 !important;
	_position: relative;
	_cursor: pointer;
}

.title a:hover {
	color: #565656 !important;
}

#content a, #sidebar a {
	color: #1d1d1d;
	text-decoration: underline;
	_position: relative;
	_cursor: pointer;
}

#content a:hover, #sidebar a:hover {
	color: #3c83db;
}

#content h4 {
	color: #1d1d1d;
	font-size: 13px;
	font-weight: bold;
	display: block;
	margin-bottom: 13px;
}

#content ol, #content ul, .widget ol, .widget ul {
	margin: 0 0 13px 13px;
}

#content li {
	list-style-type: disc;
	margin-bottom: 6px;
}

#content blockquote {
	font-size: 17px;
	font-style: italic;
	font-family: "Times New Roman", "Georgia", "Serif";
}

#content blockquote p {
	line-height: 22px;
}

.metadata {
	margin-bottom: 5px;
	display: block;
}

.metadata, .metadata a {
	color: #4280b1 !important;
}

.metadata a {
	border-bottom: 1px dashed #91c750;
	text-decoration: none !important;
	_position: relative;
	_cursor: pointer;
}

.metadata a:hover {
	color: #659131 !important;
}

.post, .page {
	width: 524px;
	margin: 0 0 8px 20px;
	background-color: #f5f5f5;
	border: 1px solid #dcdcdc;
	padding: 13px;
}

.readmore {
	display: block;
	width: 110px;
	height: 23px;
	text-decoration: none;
	text-indent: -9999px;
	font-size: 0.1px;
	background-image: url('images/content_keepreading.png');
	float: right;
	border: 0 !important;
	_position: relative;
	_cursor: pointer;
}

.clearer {
	width: 1px;
	height: 1px;
	clear: both;
	visibility: hidden !important;
	margin: 0;
	border: 0;
	padding: 0;
}

.page_sidebar {
float:right;
margin-left:40px;
width:300px;
}