body {

font-family:Verdana,"BitStream vera Sans",Helvetica,Sans-serif;
    }
html {
background: #C1BB99 url(/i/background.jpg) no-repeat fixed top;	
}
#main {
	background-color: #fff;
	padding: 10px;
}
	body.home #main {
		background: transparent;
		padding:0
	}
h1, h2, h3, h4, h5, h6 {
font-family:Arial;
font-weight:bolder;
letter-spacing:-0.05em;
}
h1 { font-size:200%; }
	#header {
		height: 150px;
		text-indent: -9000px;
		background: transparent url(/i/header.gif) 0 100px no-repeat;
	}
h2 { font-size:200%; }
	#pageheading { height: 100px; text-indent:-9000px; }
	div#pageheading.aboutus { background: #fff url(/i/headers/aboutus.gif) 12px -10px no-repeat; ) }
	div#pageheading.events { background: #fff url(/i/headers/events.gif) 12px -10px no-repeat; ) }
	div#pageheading.campus { background: #fff url(/i/headers/campus.gif) 12px -10px no-repeat; ) }
	div#pageheading.missions { background: #fff url(/i/headers/missions.gif) 12px -10px no-repeat; ) }
	div#pageheading.leaders { background: #fff url(/i/headers/leaders.gif) 12px -10px no-repeat; ) }
	div#pageheading.resources { background: #fff url(/i/headers/resources.gif) 12px -10px no-repeat; ) }
h3 {
font-size:200%;
color: #557F8F;
}
h4 {
font-size:170%;
color: #75713E;
}
h5 {
font-size:150%;
}
h6 {
font-size:130%;
}

p {
}

a {
color: #557F8F;
}

a:hover, a:focus, a:active {
color: #557F8F;
text-decoration: none;
}

img, a img {
text-decoration: none;
border: none;
}
	body.internal div#main img {
		border: 1px solid black; 
		margin: 10px; 
		padding: 5px; 
		float: right;
	}
small {
}

abbr, acronym { /* Also see .abbr class for a span used by IE */
}

blockquote {
}

cite {
}

em {
}

strong {
}

/* -------------------------------------------------------------- 
   (courtesy of Blueprint)
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields 
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/* Lists
-------------------------------------------------------------- */
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
li ul, 
li ol       { margin:0 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

div#main li {
	list-style-type: disc;
}

/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Main Nav
-------------------------------------- */
.nav {
    width: 175px;
    height: 525px;
    background: url(/i/nav.gif) no-repeat;
    position: absolute;
}
.nav li a:link, .nav li a:visited {
    position: absolute;
    top: 0;
    height: 25px;
    text-indent: -9000px;
    overflow: hidden;
}
	.nav .aboutus a:link, .nav .aboutus a:visited { top: 178px; width: 160px; }
	.nav .aboutus a:hover, .nav .aboutus a:focus { background: url(/i/nav.gif) no-repeat 0 -705px; }
	.nav .aboutus a:active { background: url(/i/nav.gif) no-repeat 0 -705px; }
	.nav .events a:link, .nav .events a:visited { top: 205px; width: 160px; }
	.nav .events a:hover, .nav .events a:focus { background: url(/i/nav.gif) no-repeat 0 -732px; }
	.nav .events a:active { background: url(/i/nav.gif) no-repeat 0 -732px; }
	.nav .resources a:link, .nav .resources a:visited { top: 232px; width: 160px; }
	.nav .resources a:hover, .nav .resources a:focus { background: url(/i/nav.gif) no-repeat 0 -759px; }
	.nav .resources a:active { background: url(/i/nav.gif) no-repeat 0 -759px; }
	.nav .campus a:link, .nav .campus a:visited { top: 259px; width: 160px; }
	.nav .campus a:hover, .nav .campus a:focus { background: url(/i/nav.gif) no-repeat 0 -786px; }
	.nav .campus a:active { background: url(/i/nav.gif) no-repeat 0 -786px; }
	.nav .missions a:link, .nav .missions a:visited { top: 286px; width: 160px; }
	.nav .missions a:hover, .nav .missions a:focus { background: url(/i/nav.gif) no-repeat 0 -813px; }
	.nav .missions a:active { background: url(/i/nav.gif) no-repeat 0 -813px; }
	.nav .photos a:link, .nav .photos a:visited { top: 313px; width: 160px; }
	.nav .photos a:hover, .nav .photos a:focus { background: url(/i/nav.gif) no-repeat 0 -840px; }
	.nav .photos a:active { background: url(/i/nav.gif) no-repeat 0 -840px; }
	.nav .leaders a:link, .nav .leaders a:visited { top: 340px; width: 160px; }
	.nav .leaders a:hover, .nav .leaders a:focus { background: url(/i/nav.gif) no-repeat 0 -867px; }
	.nav .leaders a:active { background: url(/i/nav.gif) no-repeat 0 -867px; }
	.nav .home a:link, .nav .home a:visited { top: 384px; width: 160px; height: 32px; }
	.nav .home a:hover, .nav .home a:focus { background: url(/i/nav.gif) no-repeat 0 -911px; height: 32px; }
	.nav .home a:active { background: url(/i/nav.gif) no-repeat 0 -911px; height: 32px; }
	.nav-home {
		position: absolute;
    top: 374px;
    width: 160px;
    height: 32px;
    background: url(/i/nav.gif) no-repeat 0 -895px;
	}
/* Main Nav
-------------------------------------- */
.rightcolumn {
    width: 175px;
    height: 509px;
    background: url(/i/rightcolumn.png) no-repeat;
    position: absolute;
	 top: 100px;
}
.rightcolumn li a:link, .rightcolumn li a:visited {
    position: absolute;
    top: 0;
    height: 25px;
    text-indent: -9000px;
    overflow: hidden;
}
	.rightcolumn .findoutmore a:link, .rightcolumn .findoutmore a:visited { top: 350px; width: 160px; }
	.rightcolumn .findoutmore a:hover, .rightcolumn .findoutmore a:focus { background: url(/i/rightcolumn.png) no-repeat 0 -859px; }
	.rightcolumn .findoutmore a:active { background: url(/i/rightcolumn.png) no-repeat 0 -859px; }
	.rightcolumn .dailydevotions a:link, .rightcolumn .dailydevotions a:visited { top: 386px; width: 160px; }
	.rightcolumn .dailydevotions a:hover, .rightcolumn .dailydevotions a:focus { background: url(/i/rightcolumn.png) no-repeat 0 -895px; }
	.rightcolumn .dailydevotions a:active { background: url(/i/rightcolumn.png) no-repeat 0 -895px; }
	.rightcolumn .prayerrequests a:link, .rightcolumn .prayerrequests a:visited { top: 413px; width: 160px; }
	.rightcolumn .prayerrequests a:hover, .rightcolumn .prayerrequests a:focus { background: url(/i/rightcolumn.png) no-repeat 0 -922px; }
	.rightcolumn .prayerrequests a:active { background: url(/i/rightcolumn.png) no-repeat 0 -922px; }

/* FRONT BUTTON ROW
---------------------------------------------------------*/
div#frontbuttonrow {margin:10px 0;}
div#frontbuttonrow ul {margin: 0;}
div#frontbuttonrow li {display: inline;}
div#frontbuttonrow li.middlebutton { margin: 0 5px }

div#footer {text-align: center; background-color: transparent; }