@charset "utf-8";
/* CSS Document */

img {outline:none; border:none;}
a {text-decoration:none;}

body {
	background:url(images/background_tile.jpg) repeat;
	padding:0px;
	margin:0px;
}

#page_wrapper {
	height:634px;
	width:100%;
	background:url(images/pagecontent_tile.jpg) repeat-x; 
	display:block;
	padding:0px;
	margin:0px;
}


#page_wrapper_dp {
	height:864px;
	width:100%;
	background:url(images/pagecontent_tile_dp.jpg) repeat-x; 
	display:block;
	padding:0px;
	margin:0px;
}

#content_wrapper {
	width:800px;
	margin-left:auto;
	margin-right:auto;/* setting margin:auto on both sides with a fixed width will center the content horizontally within its containing div*/
}

#header {height:90px;}

#header #logo {
	margin-left:20px;
	float:left;
	position:relative;
	top:23px; /*relative positioning lets you offset the logo 23px from the top of the containing div */
}

#header p {
	float: right;
	margin-right: 20px;
	margin-top: 65px; /* position the links 55px from the top of the containing div */
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #660000;
}
#header a { 
	text-decoration:none;
	color: #660000;
}
#header a:hover {
	text-decoration:underline;
}

#middle_section {
	height:436px;
	width:100%;
}

#middle_section #home_photo {
	float:right;
	width:339px;
	height:445px;
	border:4px solid #993333;
	position:relative;
	bottom:10px; /*manually pushes the photo up 10 px to overlap the div above slightly*/
	margin-right:20px;
}

#left_box {
	width:409px;
	height:315px;
	display:block; /*display block ensures it will display the whole box, regardless of the size of text inside*/
	background-color:#faf2cf;
	border: 4px solid #993333;
	border-right:0px;
	margin-top:21px;
	margin-left:20px;
}

#left_box ul {
	list-style:none;
	margin-top: 30px;
	margin-left:30px;
	padding-left:0px;
}

#left_box ul li {
	margin-bottom:10px;
}

#left_box p {
	margin-left:30px;
	margin-top:25px;
}

#bottom_box {
	width:409px;
	height:60px;
	display:block;
	background-color:#faf2cf;
	border: 4px solid #993333;
	border-right:0px;
	margin-top:10px;
	margin-left:20px;
}

#footer {
	width:100%;
	clear:both; /* moves this div below all floating elements from above it */
	text-align:center;
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #660000;
	}

#footer a {
	text-decoration:none;
	color: #660000;
}

#footer a:hover {text-decoration:underline;}