/* Main Timberwolf Screen Style Sheet */

body{
	margin: 0;
	padding: 0;
	font: Verdana, sans-serif small;
	background: #fff;
	font-size: small;
}

/* Layout Structure */
#wrapper{
	min-width: 500px;
	max-width: 1400px;
	background: url(/new/images/design/wrap-bg.gif) repeat-y 70% 0;
	font-size: 110%;
}
#header{
	border-bottom: 3px solid #aeb390;
	background: #2c3a23 url(/new/images/design/logo_large.gif) no-repeat top left;
	height: 150px;
	padding-left: 264px;
	/*float: left;*/
}

#header h1{
	margin: 0;
	padding: 1em 0 0 1em;
	font: Georgia, serif;
	font-size: 300%;
	color: #aeb390;
	float: left;
	display: none;
}

.address {
	float: right;
	font-size: 85%;
	margin: 1em 3em 0 2em;
	color: #aeb390;
	width: 200px;
}

.address a {
	color: #aeb390;
}

.address a:visited{
	color: #fff;
}

#breadcrumb{
	margin: 0;
	padding: 5px 0 3px 25px;
	font-size: 90%;
	font-weight: bold;
	color: #2c3a23;
	text-align: left;
	background: #aeb390;
	width: 68%;
	border-bottom: 1px solid #9b8748;
}

#breadcrumb a{
	font-weight: bold;
	text-decoration: none;
}

#content{
	float: left;
	width: 70%;
	font-size: 95%;
	line-height: 1.5em;
	color: #333;
}
	
#content .gutter{
	padding: 25px;
}

#content h2{
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 150%;
	font-weight: normal;
	color: #aeb390;
}

dl.feature{
	margin: 15px 0;
	padding: 15px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

dl.feature dt{
	margin: 0 0 .5em 0;
	font-family: Georgia, serif;
	font-size: 140%;
	color: #aeb390;
}

dl.feature dt img{
	float: left;
	margin: 0 15px 0 0;
	padding: 0 4px 4px 0;
	background: url(/new/images/design/photo-frame.gif) no-repeat bottom right;
}
/* This will clear the image that has been floated - Not supported by IE */
dl.feature:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

dl.feature dd{
	margin-left: 169px;
	font-size: 90%;
	line-height: 1.5em;
	color: #666;
}

/* Sidebar Styles */

#sidebar{
	float: right;
	width: 30%;
}

#sidebar .gutter{
	padding: 15px;
}

.box{
	margin: 0 0 20px 0;
	padding: 0 0 12px 0;
	font-size: 85%;
	line-height: 1.5em;
	color: #666;
	background: #fff url(/new/images/design/box-b.gif) no-repeat bottom left;
}

.box h3{
	margin: 0;
	padding: 12px;
	font-family: Georgia, serif;
	font-size: 140%;
	font-weight: normal;
	color: #aeb390;
	background: #fff url(/new/images/design/box-t.gif) no-repeat top left;
}

.box p, .box ul{
	margin: 0;
	padding: 0 12px;
}

.box ul li {
	margin: 0 0 0 12px;
	padding: 0 0 0 18px;
	list-style: none;
}

#footer{
	clear: both;
	background-color: #aeb390;
	padding: 5px 0 5px 10px;
}

#footer p{
	margin: 0;
	padding: 0 15px;
	font-size: 85%;
	color: #2c3a23;
}
/* Internet Explorer Hacks */

/* IE\Windows  requires that the clearing element have a specified dimension. The amount is irrelevent since IE always expands the container to fit the content anyway. */
/* Hide from IE5/Mac \*/
#footer{height: 1%;}
/* End hide from IE5/Mac */

/* These are hacks to fix the self-clearing floats in the definition list */
* html dl.feature{height: 1%;} /* for IE 5+6 */
*:first-child+html dl.feature{min-height: 1px;} /* for IE 7 */

.clear{
	height: 0;
	clear: both;
}