/* SITE STYLE */
* {padding:0; margin:0;}
body {font:10px/1.6em Arial, Helvetica, sans-serif; color:#333;}

/* COLORS */
body {background-color:#B1B17B;} /* color of site background */
#wrap {background-color:#FFFFFF;} /* color of content background */
#header {background-color:#405774;}  /* color of header background */
#footer {background-color:#F3D273;} /* color of footer background */

/* LINKS */
a, a:visited {color:#CD6607; text-decoration:none; font-weight: bold;} /* color of links */
a:hover {color:#F6A03D; text-decoration:underline;}

/* CONTENT STYLES */
p, h1, h2, h3, h4, h5, h6, img {padding:5px 0px; margin:0px 5px;}
ul {padding:5px 0px; margin:0px 20px; line-height: 1.5em;}
p, ul {font-size:1.2em;}
img {border:none;}
h1 {font:2.4em Georgia, "Times New Roman", Times, serif;}
#intro span, h3 {font:1.8em Georgia, "Times New Roman", Times, serif;}
h4 {font:1.6em Georgia, "Times New Roman", Times, serif;}

/* LAYOUT */
#wrap {width:750px; position:relative; left:50%; margin-left:-375px;}
#header {height:150px; padding: 0px; margin: 0px; background: url(header.gif) no-repeat 0px 0px #000000; vertical-align:top;}
	#header img { padding: 0px; margin: 0px;}
	#header h2 {margin:5px 25px; font:3.4em Georgia, "Times New Roman", Times, serif; color:#FFFFFF;}	
	#header h2 span {font-size:.9em;}
	
#left {width: 25%; padding: 10px 0px; margin: 0px 0px;}
#content {width: 75%; padding: 10px 0px; margin: 0px 0px;}
#footer {clear:both; color:#444444;}

 /* NAVIGATION */
#navigation {width: 100%; margin: 0px; background: #F3D273; }/* color of navigation background */
#nav {width: 100%; margin: 0px; padding: 0px;}
#nav {font-size: 1.2em; list-style: none; margin-left:0; margin-right:0px;}
#nav li {margin-bottom: 0px; float: left; display: block;}
#nav a {font-weight: bold; display: block; text-align: center; background: #F3D273; padding: 3px 13px 3px 13px; color:#000000; margin: 0px 1px 0px 0px;} /* color of default navigation background */
#nav a span {display: block; font-size: .8em;}
#nav img {margin-top: 2em; margin-bottom: 2em;}
#nav a:hover {background: #B48228; text-decoration: none; color: #FFFFFF;}/* color of hovered navigation background */

#nav h2, #nav h3, #nav h4, #nav h5, #nav p {margin: 5px 20px;}
#nav h3 {margin-top:20px; margin-bottom:10px; font-size:1.6em;}

/* Nav Button turned on based on body class */
.home #nav #home a, .behind #nav #behind a, .wwi #nav #wwi a, .ask #nav #ask a, .news #nav #news a,.booktalk #nav #booktalk a, .about #nav #about a, .contact #nav #contact a {background: #B48228; text-decoration: none; color: #FFFFFF;}/* color of selected navigation background */

/* IMAGE POSITIONS */
.left {float:left; margin-right:10px;}
.right {float:right; margin-left:10px;}