/* base HTML styles */
body { padding: 0px; margin: 0px; }
body.contentPage {  background: url(/images/grayfade.png) repeat-x; }
body, div, td, li { font-family: garamond, verdana; font-size: 16px; }
h1 { font-size: 24px; color: #bd0d80; margin: 20px 0 0 0; padding: 0px; }
h2 { font-size: 20px; color: #bd0d80; margin: 15px 0 0 0; padding: 0px; }
h3 { font-size: 16px; color: #bd0d80; margin: 10px 0 0 0; padding: 0px; }
p { margin: 8px 0; padding: 0px; }
ol { margin: 8px 0; }
a, a:visited { color: #3030FF; }

#wrapper { width: 1024px; margin: auto; text-align: left; background-image: url(/images/bg_home.png); background-repeat: no-repeat; position: relative;  }
#masthead { margin-bottom: 10px; }
#content { width: 100%; }
#pageContentArea { background-image: url(/images/content_bg.png); background-repeat: no-repeat; padding: 20px; min-height: 300px;  }
#pageContentArea img { border: 2px solid #aab5d1; padding: 2px; }
#pageContentArea h1 { margin-top: 0px; }
div.church h1, div.church h2, div.church h3, div.church h4, div.church h5, div.church h6 { color: #bd0d80; }
div.school h1, div.school h2, div.school h3, div.school h4, div.school h5, div.school h6 { color: #00339c; }

.intro { font-size: 18px; }
.b { font-weight: bold; }
.i { font-style: italic; }
.small { font-size: 14px; }
div.contentPrevNext { margin: 10px 0; float: right; }
a[disabled=disabled] { color: #444444; cursor: text; }

/* column container */
.colmask { position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both; float:left; width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

/* common column settings */
.colright, .colmid, .colleft { float:left; width:100%; position:relative; }
.col1, .col2, .col3 { float:left; position:relative; padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
	only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
}
/* 3 Column settings */
.threecol { }
.threecol .colmid { right:220px; /* width of the right column */ }
.threecol .colleft { right:599px; /* width of the middle column */ }
.threecol .col1 { width:583px; /* width of center column content (column width minus padding on either side) */
	left:1041px; /* 100% plus left padding of center column */
}
.threecol .col2 { width:220px; /* Width of left column content (column width minus padding on either side) */
	left:237px; /* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 { width:220px; /* Width of right column content (column width minus padding on either side) */
	left:819px; /* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer { clear: both; width:100%; background-color: #e5e5e5; background-image: url(/images/footer_rule.png);
	background-repeat: repeat-x; color: #898989; text-align: center; font-size: 14px; padding:10px 0; }
#footer .b { font-size: 14px; }


/* Menu styles */
.links { width: 153px; background-color: #ffffff; }
.links div.nav { padding: 5px 15px; margin: 0 2px; font-weight: bold; font-size: 14px;
				border: 1px solid #ffffff; border-left-width: 2px; border-right-width: 2px; border-top-width: 0px; }

.links div.bl p { padding:15px; margin:-27px 0 0 0; }
div.links .tr { margin:0; height: 25px; }
div.links div.tr p {  padding:15px; height: 4px; position: absolute; z-index: 3; }
div.links .r { margin-top: -20px; z-index: 1; }

div.churchlinks { background: url(/images/boxes/church_tl.png) top left no-repeat; margin-left: 30px; width: 157px;} 
div.churchlinks .tr { background: url(/images/boxes/church_tr.png) top right no-repeat; }
div.churchlinks div.r { background: url(/images/boxes/church_r.png) right repeat-y; }
div.churchlinks div.l { background: url(/images/boxes/church_l.png) left repeat-y; }
div.churchlinks div.bl { background: url(/images/boxes/church_bl.png) bottom left no-repeat; }
div.churchlinks div.bl p { background: url(/images/boxes/church_br.png) bottom right no-repeat; }
div.churchlinks div.nav { background-color: #d9a7c5;  color: #bd0d80; }
div.churchlinks a { color: #bd0d80; text-decoration: none; }

div.schoollinks { background: url(/images/boxes/school_tl.png) top left no-repeat; width: 157px; margin-right: 30px; float: right; } 
div.schoollinks .tr { background: url(/images/boxes/school_tr.png) top right no-repeat; }
div.schoollinks div.r { background: url(/images/boxes/school_r.png) right repeat-y; }
div.schoollinks div.l { background: url(/images/boxes/school_l.png) left repeat-y; }
div.schoollinks div.bl { background: url(/images/boxes/school_bl.png) bottom left no-repeat; }
div.schoollinks div.bl p { background: url(/images/boxes/school_br.png) bottom right no-repeat; }
div.schoollinks div.nav { background-color: #aab5d1; color: #00339c; }
div.schoollinks a { color: #00339c; text-decoration: none; }

#resources { float: right; }
#resourcesBody { border-left: 3px solid #AAB5D1; border-right: 3px solid #AAB5D1; width: 135px; padding: 8px; margin-bottom: 0px; }
#resourcesBody a { font-size: 14px; }
#resources img { border: 0px; padding: 0; margin: 0; }
#resourcesBottom { height: 9px; padding: 0px; margin: 0px; }

.homeworkTable td { vertical-align: top; padding-right: 10px; }

.label { font-weight: bold; text-align: right; vertical-align: top; }
.saved { font-weight: bold; color: #990000; background-color: #cccccc; padding: 10px; }


#rotatingImageButtons { padding: 6px 10px 0 0; width: 565px; text-align: right; color: #ffffff; font-family: arial, verdana; font-size: 11px; }
.rotatingImageNumber { display: inline; font-family: arial;  padding: 1px 5px; font-size: 11px; 
background: url('/images/homepage/bg_imageNumber.png') no-repeat; cursor:pointer; cursor: hand; }
.rotatingImageNumberOn { display: inline; font-family: arial;  padding: 1px 5px; font-size: 11px; 
background: url('/images/homepage/bg_imageNumberOn.png') no-repeat; color: #707070 }
.prevNext { padding: 0px 10px; font-family: arial, verdana; font-size: 11px; display: inline; cursor:pointer; cursor: hand; }


.listTable { }
.listTable th { text-align: left; font-weight: bold; border-bottom: 1px solid #333333; }
.listTable td { text-align: left; vertical-align: top; padding: 8px; }