/* 
AACDS CSS Styling and Design
author: Dustin Pfeifer
contact: dustin@dustinpfiefer.com
*/

* {
	margin:0;
	padding:0;
}

body {
	background:#f7e9c2 url(../images/background-home.jpg) repeat-x top;
	text-align:center;
	margin:0 auto;
	font:12px/150% lucida grande, arial, sans-serif;
	color:#333;
}

#masthead {
	width:920px;
	height:225px;
	overflow:hidden;
	margin:0 auto;
}

.logo {
	float:left;
	margin:68px 0 0;
}

.header {
	float:right;
	margin:0;
}

#footer {
	background:#f7e9c2 url(../images/background-footer.jpg) repeat-x top;
	padding:40px 0;
	text-align:left;
	font-size:11px;
}

#footerinfo {
	background:url(../images/logo-footer.jpg) no-repeat left center;
	padding:0 0 0 40px;
	width:880px;
	margin:0 auto;
}

#footerinfo p {
	margin:0;
}

/* Navigation */

#nav {
	width:920px;
	height:30px;
	overflow:hidden;
	margin:0 auto;
	padding:11px 0 0;
}

#nav li {
	display:inline;
	list-style-type:none;
}

#nav a {
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	border-left:1px solid #ad613c;
	padding:0 0 0 12px;
	margin:0 0 0 12px;
}

#nav a:hover, #nav a.selected {
	color:#f7e9c2;
}

#nav a.home {
	border:none;
	padding:0;
	margin:0;
}

#secondary {
	margin:10px 0;
	font-size:11px;
	line-height:150%;
}

#secondary span {
	color:#9c4b23;
	font-size:12px;
}

#secondary .metadata {
	font-style:italic;
}

#secondary p {
	margin:0;
}

#secondary li {
	background:url(../images/dotline.jpg) repeat-x bottom;
	list-style-type:none;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

/* Modular Content */

#content {
	width:960px;
	text-align:left;
	margin:40px auto;
}

.one, .two, .three, .four {
	float:left;
	padding:0 20px;
}

.one {
	width:200px;
}

.two {
	width:440px;
}

.three {
	width:680px;
}

.four {
	width:920px;
}

.third {
	width:320px;
}

.left {
	float:left;
}

.right {
	float:right;
}

.callout {
	background:#ebddb5;
	padding:20px;
	width:300px;
}


/* Formatting
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

p {
	margin:0 0 10px 0;
}

a {
	color:#9c4b23;
}

a img {
	border:none;
}

a.more {
	text-decoration:none;
	font-size:12px;
}

h1 {
	font:26px georgia, serif;
	text-transform:uppercase;
	font-weight:normal;
	line-height:175%;
	margin:0 0 40px;
	padding:0 20px;
}

h1.home {
	padding:0;
}

h1 span {
	display:block;
	font-size:60px;
}
	
h2 {
	font:16px georgia, serif;
	text-transform:uppercase;
	font-weight:normal;
	margin:0 0 10px;
}

ul, ol {
	margin:0 20px;
}

.imgleft {
	float:left;
	padding:0 10px 0 0;
}


/* Browser Adjustments
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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

.clearfix {display: inline-block;}          
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */