/*

main style sheet containing styles universal to all pages

/* -----------------------------------------------------------------
                        LISTING ORDER
--------------------------------------------------------------------
Universal
Page Structure
Navigation
Headers
Text Treatments
Images
--------------------------------------------------------------------


--------------------------------------------------------------------
						UNIVERSAL
--------------------------------------------------------------------
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #E4E4C3;
	font-family: "Courier New", Courier, monospace;
	font-size: 62.5%;
	margin: 0 auto;
	text-align: center;
}

br.clearfloat {
	clear: both;
	height: 0;
	overflow: hidden;
}

a {
	color: #520A11;
	outline: none;
}

a:hover {color: #333;}


/*
PAGE STRUCTURE
============================*/

#outer-wrapper {
	border-bottom: 1px solid #F28C00;
	background: url(../images/backgrounds/outer-wrapper.gif) #F0EADC repeat-x left top;
	width: 100%;
}

#inner-wrapper {
	background: url(../images/backgrounds/inner-wrapper.gif) repeat-x left bottom;
	width: 100%;
}

#wrapper {
	margin: 0 auto;
	width: 995px;
}

#banner {
	background: url(../images/backgrounds/banner.jpg) transparent no-repeat 446px 0;
	float: left;
	height: 215px;
	text-align: left;
	width: 995px;
}

#content {
	background: url(../images/backgrounds/content.jpg) no-repeat bottom right;
	color: #494949;
	float: left;
	padding: 0 0 20px 0;
	text-align: left;
	width: 995px;
}

#column-1 {
	float: left;
	overflow: hidden;
	width: 455px;
}

#column-2 {
	float: left;
	overflow: hidden;
	padding: 0 30px 20px 30px;
	position: relative; top: -43px;
	width: 480px;
}

.event {
	background: url(../images/backgrounds/event.gif) #FBF6D5 repeat-x left top;
	margin: 0 0 27px 0;
	padding: 22px 27px 0 27px;
}

#footer {
	background:url(../images/backgrounds/footer.jpg) transparent no-repeat right bottom;
	float: left;
	height: 120px;
	padding: 23px 0 0 0;
	text-align: left;
	width: 995px;

}

/*
NAVIGATION
============================*/

#nav {
	float: left;
	height: 183px;
	padding: 32px 124px 0 27px;
	width: 120px;
}

#nav li {
	clear: both;
	float: left;
	height: 25px;
	list-style-type: none;
	padding: 0 0 1px 0;
	width: 120px;
}

#nav li a {
	float: left;
	height: 25px;
	text-indent: -9999px;
	width: 120px;
}

#nav li.home a {background: url(../images/nav/home.gif) transparent no-repeat left bottom;}
#nav li.about a {background: url(../images/nav/about.gif) transparent no-repeat left bottom;}
#nav li.events a {background: url(../images/nav/events.gif) transparent no-repeat left bottom;}
#nav li.contact a {background: url(../images/nav/contact.gif) transparent no-repeat left bottom;}

#nav li a:hover {
	background-position: 0 -26px;
}

#nav li.current a, #nav li.current a:hover {
	background-position: 0 1px;
}

/*
HEADERS
============================*/

h2.replace {
	float: left;
	height: 55px;
	text-indent: -9999px;
	width: 480px;

}

h2.about-us {background: url(../images/headers/about.gif) no-repeat left top;}
h2.an-adv-story {background: url(../images/headers/an-adv-story.gif) transparent no-repeat left top;}
h2.have-you {background: url(../images/headers/have-you.gif) transparent no-repeat left top;}
h2.whats-next {background: url(../images/headers/whats-next.gif) no-repeat; height: 96px;}
h2.contact-us {background: url(../images/headers/contact.gif) transparent no-repeat left top;}

h3 {
	color: #630016;
	font-size: 1.8em;
	padding: 0 0 7px 0;
}

h4 {
	font-size: 1.3em;
}

/*
TEXT TREATMENTS
============================*/

/*banner*/

#logo {	
	background: url(../images/backgrounds/logo.jpg) transparent no-repeat left top;
	float: left;
	height: 214px;
	text-indent: -9999px;
	width: 375px;
}

#store-info {	
	background: url(../images/backgrounds/store-info.gif) transparent no-repeat left top;
	float: left;
	height: 150px;
	text-indent: -9999px;
	width: 154px;
}

#quote {	
	background: url(../images/backgrounds/quote.jpg) transparent no-repeat left top;
	float: left;
	height: 150px;
	width: 192px;
}

#quote p {
	float: left;
	height: 150px;
	text-indent: -9999px;
	width: 192px;
}

#beecher {background: url(../images/backgrounds/beecher.gif) transparent no-repeat left top;}
#phelps {background: url(../images/backgrounds/phelps.gif) transparent no-repeat left top;}
#faulkner {background: url(../images/backgrounds/faulkner.gif) transparent no-repeat left top;}
#interesting {background: url(../images/backgrounds/interesting.gif) transparent no-repeat left top;}

/*content area*/

#content p,
#content ul,
#content ol,
#content dl {
	font-size: 1.3em;
	line-height: 1.7em;
}

#content p {
	padding: 0 0 30px 0;
	text-align: justify;
}

#content ul {
	list-style-type: square;
	padding: 0 0 30px 35px;
}

#content ul#monthly-discuss {
	list-style-type: none;
}

#content ul#monthly-discuss li {
	padding: 0 0 25px 0;
}

.new {
	color: #F28C00;
	font-weight: bold;
}


#footer p {
	color: #620016;
	font-size: 1.2em;
	line-height: 1.3em;
}

#footer a {
	color: #314665;
}

#footer a:hover {
	color: #000;
}


/*
CHALK BOARD
============================*/

.board {
	float: left;
	margin: 0 30px 0 0;
	overflow: hidden;
	text-indent: -9999px;
	width: 455px;
}

.board-home {
	background: url(../images/backgrounds/board-home.jpg) no-repeat left top;
	height: 780px;
}

.board-about {
	background: url(../images/backgrounds/board-about.jpg) no-repeat left top;
	height: 374px;
}

.board-events {
	background: url(../images/backgrounds/board-events.jpg) no-repeat left top;
	height: 233px;
}


#content .board ul {padding: 0;}

/*
CONTACT
============================*/

#contact-faq {
	background: url(../images/backgrounds/contact-faq.gif) #FBF9E5 repeat-x left bottom;
	margin: 13px 0 20px 0;
	padding: 17px;
}

#content #contact-faq p {
	line-height: 1.5em;
	padding: 0;
}

#contact-info {
	background: url(../images/backgrounds/contact-info.gif) #FBF6D5 repeat-x left top;
	margin: 0 0 30px 0;
	padding: 15px 15px 0 15px;
}

#content #contact-info p {
	line-height: 1.5em;
}