@charset "UTF-8";

/* @group Eric Meyer */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */

/* @group GLobal Def */
.clear { clear: both; }

Body {
	font: Georgia, "Times New Roman", Times, serif;
	color:#322c11;
	background: #f2ebce url(../img/bg.jpg) repeat-x center 173px;
}

h1 {
	font-size: 2.3em;
	color: #000;
	font-variant: small-caps;
	font-weight: normal;
}

h2 {
	color: #146f8a;
	font-size: 2em;
	font-variant: small-caps;
	font-weight: normal;
}

h3 {
	color: #146f8a;
	font-size: 1.5em;
	font-weight: normal;
}

h3 em {
	font-size: .7em;
	font-weight: normal;
}

h3.main { border-bottom: 1px solid #ccc; }

h4 { margin: 0px 0px -10px 0px; }

a { color:#146f8a; }

p, li {
	padding: .5em inherit;
	line-height:1.4em;
}

/* @end */

/* @group Forms */
 form { }

form ul li {
	clear: both;
	border-bottom: 1px dotted #ccc;
	padding: .5em 0px;
}

label {
	width: 80px;
	float: left;
}

input { }

select { }

li.textareainfo { padding-left: 80px; }

li.textareainfo label {
	float: none;
	width: 100%;
}

.ButtonRow { padding-left: 90px; }

.ButtonRow input {
	font-size: 1.3em;
	font-weight: bold;
}

/* @end */

/* @group Layout */

/*the ore width of the page that is used to constrain sub containers*/

.width1 {
	width:756px;
	margin: 0px auto;
}

.width2 {
	width:756px;
	margin: 0px auto;
}

.width2 h2 {
	padding-top: 10px;
	padding-bottom: 5px;
}

#Head {
	position:relative;
	background: url(../img/bg_BlueHead_sm.jpg) repeat-x center top;
	height: 173px;
}

#Head h1 {
	padding-top:70px;
	color:#c5b8a5;
	font-size: 2.35em;
}

#Head span h1 {
	position:absolute;
	color:#000;
	padding:0px 0px 0px 2px;
	top:70px;
}

#Head #Blurb {
	width: 370px;
	float:right;
	font-style: italic;
	padding-top:60px;
	font-size: 1.1em;
}

*html #Head #Blurb {
	width: 370px;
	float:right;
	font-style: italic;
	padding-top:60px;
	font-size: 1.1em;
}

#Nav {
	position:absolute;
	bottom:0px;
	clear: right;
}

#Nav li {
	float: left;
	width: auto;
	padding: 0px;
}

#Nav li a {
	display: block;
	border-right: 1px solid #c5b8a5;
	padding: .3em 1em;
	font-size: 1.2em;
	color:#7b6c28;
	text-decoration: none;
	background: url(../img/bg_li.png) repeat-x scroll center bottom;
}

#Nav li a:hover {
	background-color:#8fb4c3;
	color:#000;
}

#Nav li.selected a {
	background: #fff url(none);
	border-color: #7b6c28;
	border: 1px solid #c5b8a5;
	border-bottom:none;
	margin-bottom:-.1em;
}

#Content { clear: both; }

#Content .width1 { padding: 10px; }

#Content h2 {
	padding-top: 40px;
	padding-bottom: 20px;
}

#Content h3 {
	padding-top: 20px;
	padding-bottom: 10px;
}

.bar {
	background: url(../img/bar.jpg) repeat-x;
	height: 4px;
	display: block;
}

#Content p.first {
	padding-right: 380px;
	padding-bottom: 10px;
}

#Content p { padding: 10px 0px; }

#Content img {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}

#Footer {
	background: url(../img/bar.jpg) repeat-x center top;
	padding:5px 0px;
	clear: both;
}

#Footer ul { display: inline; }

#Footer li { display: inline; }

#Footer p {
	display: inline;
	text-transform: uppercase;
	font-variant: small-caps;
	color: #4d4419;
}

#Footer li a {
	display: inline;
	padding: 5px;
	font-size: .8em;
	text-decoration: none;
	color: #7b6c28;
}

/* @end */

/* @group Page Specific */
/*Home*/
#Content .home { height:300px; }

#Content .home p.first { padding:30px 380px 10px 20px; }

#Content .home #quotes {
	width: 334px;
	float: right;
	padding:0px 25px 0px 0px;
}

#Content .home #quotes p { vertical-align: middle; }

#Content .home #quotes p span { font-size: 1.3em; }

#Content #Schools p { padding-bottom: 30px; }

#Content .home p.first img { float: none; }

#Content .home p.first strong {
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: normal;
	display: block;
}

#News {
	width: 300px;
	float:left;
}

.relative {
	position:relative;
	display:block;
}

.relative h3 { z-index:10; }

.absolute {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
}

#Content .relative h2 { color:#c5b8a5; }

#Content .relative h3 { color:#fff; }

#Content .relative .absolute h3, #Content .relative .absolute h2 {
	color:#146f8a;
	z-index:0;
	margin-left:2px;
	*margin-left:1px;
}

#Content .relative .absolute h3 em {
	color:#146f8a;
	z-index:0;
	margin-left:-2px;
	*margin-left:-1px;
	display:block
}

#News p { padding-right: 20px; }

#Schools {
	margin-left: 290px;
	padding-left:20px;
	border-left: 1px solid #c5b8a5;
}

/*individual pages*/
.about { background: url(../img/pict1.jpg) no-repeat left 3px; }

.home {
	background: url(../img/home2.jpg) no-repeat 0 0;
	padding:0px!important;
}

.school { background: url(../img/schools.jpg) no-repeat 0 0; }

.contact { background: url(../img/blank.jpg) no-repeat 0 0; }

.donate { background: url(../img/kids.jpg) no-repeat 0 0; }

.membership { background: url(../img/membership.jpg) no-repeat 0 0; }

/* @end */