@charset "UTF-8";
/******** CSS Document ***********/
/********* GETHSEMANE **********/

/***
ToC
	1. defaults
	2. structure
	2A. fonts
	3. links and navigation
	4. images
	5. special span classes
	6. special List styles
	7. table styles	
	
	
Notes

***/

/* ----- 1. DEFAULTS -------*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: "Century Gothic", sans-serif;
	color: #333333;
	background-color: #B0A373;
}

/* ----- 2. STRUCTURE ----- */

/* WRAPPER */
#wrapper {
	width: 800px;
	margin: 0px auto;	
	background-color: #DED0C1;	
}

/* Calendar Page Wrapper */
#wrapper2 {
	width: 800px;
	margin: 0px auto;	
	background-color: #FFEBD7;
}
	
	

/* HEADER */
#header {
	
}
	


/* MAIN NAV */
#mainNav {
	width: 800px;
	background-color: #666;
	padding: 8px 0px 3px 0px;
}	



/* LEFT COL */
#leftCol {
	width: 190px;
	float: left;
	background-color: #DED0C1;
}

.article {	
	padding: 15px 8px;
	border-bottom: 1px solid #B0A373;
}

.articleLast {	
	padding: 15px 8px;	
}



/* CONTENT */
#content {
	padding: 15px 15px;
	float: right;
	width: 580px;
	background-color: #FFEBD7;
}

/* CALENDAR PAGE NO LEFT COL CONTENT AREA */
#content2 {
	width: 750px;
	margin-left: 50px;
	background-color: #FFEBD7;
}

	

.feature, .subFeature {
	margin-bottom: 20px;
}
	

/* FOOTER */
#footer {
	width: 800px;
	background-color: #918961;
	color: #660000;
	border-top: 1px solid #666633;
	position: relative;
	margin-bottom: 10px;
	height: 100px;
}

.footerImg {
	position: absolute;
	right: 14px;
	top: 10px;
}



/*   CALENDAR */
#calendar {
	margin: 0px 0px 20px 0px;
}

#calList {
	margin: 10px 0px 25px 0px;
}


/* GOOGLE MAP */
.GMapEZ {
	margin-left: 19px;
}

#mapBubble p {
	font-size: 0.8em;
}

/* --- 2A. FONTS    ----- */
h1 {
	font-weight: normal;
	font-size: 1.2em;
}

/* Calendar Page H1 Style */
#content2 h1 {
	margin: 10px 50px 12px 0px;
	padding: 3px 2px 3px 6px;
	background-color: #B0A373;
}

/* This H1 For NON-Accordion Headings */
h1.title {
	margin-bottom: 10px;
	padding: 3px 2px 3px 6px;
	background-color: #B0A373;
}

h2 {
	font-size: 0.9em;
	font-weight: normal;
}

h3 {
	font-size: 0.9em;
	font-weight: bold;
}

h4 {
	font-size: 0.8em;
	font-weight: bold;
}

.subFeature h2 {
	border-top: 1px dotted #660000;
	padding-top: 5px;
	font-size: 1.3em;
	color: #660000;
	font-weight: bold;
	margin-bottom: 3px;
}

.subFeature h3 {	
	padding-top: 5px;
	font-size: 1.0em;
	color: #333;
	font-weight: bold;
	margin-bottom: 3px;
	margin-left: 19px;
}
	

.feature p, .subFeature p {
	font-size: 0.8em;
	line-height: 1.5em;
	margin-bottom: 15px;
	padding: 0px 19px;
}

/* Calendar Page Paragraph Style */
#content2 p {
	font-size: 0.9em;
	line-height: 1.5em;
	margin: 0px 50px 12px 0px;
}

.feature h3 {
	margin-left: 19px;
}

.feature h4 {
	margin-left: 19px;
	margin-bottom: 10px;
}


#leftCol p {
	font-size: 0.8em;
}

#footer p {
	font-size: 0.7em;
	margin-left: 10px;
	padding: 10px 0px;
	line-height: 1.3em;
}
	



/* --- 3. LINKS & NAVIGATION ----- */


/* MAIN NAV */
a.top, a.top:link, a.top:visited,
a.top:hover, a.top:active {
	font-family: "Century Gothic", sans-serif;	
	color: #FFEBD7;	
	text-decoration: none;
}

a.top:hover {
	color: #FFCC00;	
}

/* LEFT NAV */
#leftCol a:link, #leftCol a:visited,
#leftCol a:hover, #leftCol a:active {
	font-weight: bold;
	font-size: 1.0em;
	color: #333333;
	text-decoration: none;	
}

#leftCol a:hover {		
	text-decoration: underline;
}


/**  LEFT Nav in-text link style **/
#leftCol a.text, #leftCol a.text:link,
#leftCol a.text:visited, #leftCol a.text:hover,
#leftCol a.text:active {
	font-weight: normal;
	color: #660000;
	text-decoration: underline;	
	padding: 0px 3px;
}

#leftCol a.text:hover {
	background-color: #FFFFFF;
}



/********** Special style for *************/
/*****LINK to identify current page*****/

#thistoppage a:link, #thistoppage a:visited, #thistoppage a:hover, #thistoppage a:active {		
	color: #FFCC00;	
	text-decoration: none;
}


#thispage a:link, #thispage a:visited, #thispage a:hover, #thispage a:active {	
	color: #FFCC00;
	font-weight: bold;
	text-decoration: none;
}



/* Default IN-TEXT LINK Styles */
a.text, a.text:link, a.text:visited,
a.text:hover, a.text:active {
	color: #660000;
	text-decoration: underline;	
	padding: 0px 3px;
}

a.text:hover {
	background-color: #CCCCCC;
}




/* ------- 4. IMAGES -------- */

/* IMAGE FLOAT for LeftCol Thumbs */
img.thumbLeft {
	float: left;
	margin-right: 8px;
	margin-bottom: 2px;	
}

img.left {
	float: left;
	margin-right: 8px;
	margin-left: 15px;
}

img.leftSmall {
	float: left;
	padding: 4px;
	margin: 0px 20px 20px 20px;
	border: 3px solid #660000;
}
	

img.right {
	float: right;
	margin-left: 8px;
	margin-right: 15px;
}


img {
	border: none;
}


/* ------- 5. SPECIAL SPANS -------- */
.bold {
	font-weight: bold;
}

.center {
	text-align: center;
}

.large {
	font-size: 2em;
}

.red {
	color: #660000;
}

/* ------- 6. SPECIAL LIST STYLES -------- */

/* Top Nav List Styles */
ul.top {
	font-size: 0.8em;
	list-style-type: none;
	margin: 0px 0px 0px 15px;
	padding: 0px;	
}

li.top {
	display: block;
	float: left;
	padding: 0px 22px;	
}

ul#donations, ul#donations li {
	list-style-type: circle;
}

ul#donations li {
	margin-left: 22px;
}
	

/* Style for lists in Accordions */

#Accordion1 ul {
	margin-left: 20px;
	list-style-type: none;
	margin-bottom: 23px;
}

#Accordion1 li {
	font-size: 0.8em;
	margin-bottom: 6px;
}

#Accordion1 h2 {
	margin-left: 12px;
	font-weight: bold;
}


/* News Lists on INDEX Page */
ul.news {
	margin-left: 18px;
}


ul.news, ul.news li {
	list-style-type: none;
}

ul.news li {
	font-size: 0.9em;
	margin: 0px 0px 8px 0px;
}

/* ------- 7. TABLE STYLES -------- */




.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
    height: 0px;
    font-size: 1px;
    line-height: 0px;
}