/***************Reset Styles*****************/
html, body, div, span, p,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, em, images, 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;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body{
	font-family: arial, sans-serif;
	font-size: 100%;
	color: #000;
}
ol, ul{	list-style: none;}
table{	border-collapse: collapse;}
caption, th, td {
	text-align: left;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
/*************End Reset Styles***************/

body{background: url('../images/bg.jpg') repeat; background-attachment: fixed; background-color: #DDFAF6;}
#feathers{
/*	margin: 0 auto;
	width: 1230px;
	height: 440px; */
	background: url('../images/feathers.png') center top no-repeat;
	background-attachment: fixed;
}
a:link, a:visited, a:active{
	color: #00253F;
	text-decoration: none;
}

a:hover{
	color: #00253F;
	text-decoration: underline;
}
#container{
	margin: 0 auto 0 auto;
	width: 830px;
}
#header{height: 258px; background: url('../images/header_bg.png') no-repeat;}
#logo{margin: 0 0 0 65px; border: 0px;}

/********************* Navigation Styles****************************/
#nav{width: 100%; overflow: hidden; height: 34px; background: url('../images/nav_bg.png') no-repeat;}
#nav ul{position: relative; left: 50%; float: left;}
#nav li{
	position: relative;
	right: 50%;
	float: left;
	display: inline;
}
#nav a:link, #nav a:visited{
	font-family: georgia, helvetica, serif;
	color: #cce8e5;
	text-decoration: none;
	width: auto;
	display: block;
	padding: 5px 8px;
}
#nav a:hover, #nav a:active{
	text-decoration: underline;
}
/*******************End Navigation Styles**************************/

#content{background: url('../images/content_bg.png') no-repeat;}
#content-bottom{background: url('../images/content_bottom_bg.png') repeat-y 0 685px;}

#backBox {
background: url('../images/content_bottom_bg.png') repeat-y;

}

#footer{

text-align: center;
font-size: 10px;
color: darkblue;

}

/*********************Blog Post Styles****************************/
.blog-post{}
.post-photo{
	margin: 0 0 5px 0;
	text-align: center;
}
.post-photo images{
	border: 3px solid #0d5b6d;
}
.post-header{
	font-family: georgia, helvetica, serif;
	text-align: center;
	color: #0d5b6d;
	width: 100%;
	height: 150px;
	background: url('../images/post_header_bg.png') no-repeat;
}
.post-title{padding:33px 0 0 0; font-size: 18px;}
.post-title A {color: #0d5b6d; text-decoration: none;}
.post-title A:hover {text-decoration: underline;}
.post-date{
	margin: 30px auto 0 auto;
	background: url('../images/post_date_bg.png') no-repeat;
	width: 116px;
	height: 40px;
	line-height: 45px;
	font-size: 12px;
	color: #fff;
}
.post-detail{
	margin: 30px auto 0 auto;
	height: 40px;
	line-height: 45px;
	font-size: 12px;
}
.blog-post-body{
	margin: 0 auto;	
	padding: 0px 25px 0px 29px;
	color: #0d5b6d;
}

.blog-post-body p{
	padding: 0px 0px 20px 0px;

}


/*******************End Blog Post Styles**************************/


.menuhider{
display: none;
visibility: hidden;
border: 0px solid #00253F;
	color: #cce8e5;
}



.menuhider ul {

padding-left: 0px;

}

.menuhider ul li {
	font-family: georgia, helvetica, serif;
	list-style: none;
	color: #cce8e5;
	text-align: left;
padding-right: 15px;
padding-bottom: 4px;

}



.menuhider ul li a:link, .menuhider ul li a:visited{
	font-family: georgia, helvetica, serif;
	text-decoration: none;

	color: #cce8e5;
}
.menuhider ul li a:hover{
	font-family: georgia, helvetica, serif;
text-decoration: underline;
	color: #cce8e5;
}





/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	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) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

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

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

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */