/*----------- collingarythomasgrasley (modetwentythree.com) collingrasley@gmail.com --- public domain template, because sharing is good ------- no link back required, but it would be real swell :) --------------------*/

/* -----------------  page styles -------------------------------------------------------*/

body {
	padding:0;
	margin:0;
	line-height: 17px;
	background:#f4f4f4 url(../images/bodybg.gif) center repeat-y;
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}
#wrapper {
	width:800px;
	padding:0;
	background:#fff;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
}

/* -----------------  general styles  -------------------------------------------------------*/

a { color:#631e19; text-decoration: underline;background:none; }
a:hover { color:#894e4e; background:none; text-decoration:underline; }
p { margin:0;padding-top:2px;}
h2 {
	font-weight:bold;
	font-size:11px;
	padding:0px 0 4px 0px;
	margin: 0 0 2px 0;
	color:#000000;
	background:none;
	border-bottom: 2px dotted #444;
}
ul { margin: 0; padding : 0; list-style : none; }
img { border: 0;}
h4 {font: 30px 'HelveticaNeue-CondensedBold', 'Arial Narrow', Helvetica, Arial, sans-serif; margin:0;}
.pic{margin-top:8px;}
/* -----------------  top info  -------------------------------------------------------*/

#header {
	clear:both;
	width:800px;
	height:72px;
	background: url(../images/header.jpg) no-repeat;
	margin:0;
}
#title {float:left; width:240px; padding: 20px 0 10px 60px;}
#title h3 {font-size:12px; padding:5px 0 0 0; margin:0; color:#444;}
#hright {
	float:right;
	width:580px;
	height: 60px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#hrighttop {
	width: 200px;
	float:right;
	text-align: right;
	margin-top: 3px;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 0;
}
#title p {font-size: 0.9em; color: #808080; padding: 0; background: inherit;}
#menu {
	width: 580px;
	float:right;
	padding:0;
	text-align:right;
	margin-top: 16px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#menu li { display:inline; }
#menu li a {  color:#000000; text-decoration:none; padding:1px 10px 1px 10px;
height:19px; background:none;}
#menu li a:hover {
	background: none;
	color:#c00400;
} 

/* ----------------- Main content -------------------------------------------------------*/

#homepic {
	width:800px;
	height:280px;
	background: url(../images/homepic.jpg) no-repeat;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
}
#bottomcontenttop{
	width:800px;
	height:10px;
	background: url(../images/b_contenttop.jpg) no-repeat;
}
#bottomcontent{
	width:798px;
	height:180px;
	border-right:1px solid #c5c5c5;
	border-left:1px solid #c5c5c5;
}
#bottomcontentbtm{
	width:800px;
	height:10px;
	background: url(../images/b_contentbtm.jpg) no-repeat;
}
.left {
	float: right;
	width: 235px;
	padding:10px;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 5px;
	margin-left: 0;
}
.middle {
	float: right;
	width: 235px;
	padding:10px;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 5px;
	margin-left: 0;
}
.right {
	float: right;
	width: 235px;
	padding:10px;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 5px;
	margin-left: 0;
}
.thumbs img{position:relative;padding:1px;margin:5px 8px 5px 9px;border:2px solid #631e19;background:none;}
.thumbs img:hover{border:2px solid #c5c5c5; background:none;}

#leftPan{
	width:230px;
	float:left;
}

#leftPan h2{width:114px; height:34px; background:#fff; color:#000000; font-size:18px; line-height:34px;}

#leftPan ul{width:114px;}
#leftPan ul li{width:114px; height:24px;}
#leftPan ul li a{
	width:200px;
	height:24px;
	display:block;
	background:url(../images/bullet2-normal.gif) 0 10px no-repeat #fff;
	color:#000000;
	text-decoration:none;
	line-height:24px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 12px;
}
#leftPan ul li a:hover{background:url(../images/bullet2-hover.gif) 0 10px no-repeat #fff; color:#5F7A77; text-decoration:none;}
#leftPan ul li span{text-decoration:underline;}

/* ----------------- Bottom content -------------------------------------------------------*/

#footer {
	clear: both;
	text-align:center;
	line-height: 1.8em;
	color: #000000;
	background: #fff;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 1px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 0;
}
#footer a {color: #000000; background: inherit;}

