/* CSS Document */

body { 
margin: 0 0 10px 0; 
padding: 0; 
text-align: left; 
background: #4c94ce url(../images/bkgrnd.gif) top left repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
}
* html body {
font-size: x-small; /* for IE5/Win */
f\ont-size: small; /* for other IE versions */
}

/* Global styles applied to everything */
* {
margin: 0; 
padding: 0; 
border: 0; 
text-align: left;
line-height: 1.1em;
color: #000000;
}

/**** Layout structure ***/

/* Below is the purple container that holds the header, body, and sidebar divs on the site */

#container {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 770px;
	background: url(../images/container_bg.gif);
}

#containerTop {
	margin: 10px auto 0px auto;
	padding: 0px;
	width: 770px;
	height: 20px;
	background: url(../images/container_top.gif) top left no-repeat;
}
#containerBottom {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 770px;
	height: 20px;
	background: url(../images/container_bottom.gif) top left no-repeat;
}

#header {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 750px;
	height: 150px;
	background: url(../images/header.jpg) top left no-repeat;
}

/*
	#mainMenu
	Here you can change the font size and face of the text for the menu items.
	If you change the color tag, it will change the color of the seperator characters which is a pipe | by default.
*/
#mainMenu {
	margin: 5px auto 0px auto;
	padding: 0px;
	width: 750px;
	height: 30px;
	background: #194541 url(../images/main_nav_bg.gif) top left no-repeat;
}

#mainMenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

#mainMenu li {
	margin: 7px 0px 0px 7px;
	padding: 0px;
	float: left;
	font-size: 100%;
	color: #DEBA4F;
}

/*
	#mainMenu a
	If you change the color here, it will change the color of your menu links. */

#mainMenu a {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #DEBA4F;
}

#mainMenu a:hover {
color: #f8fad4;
text-decoration: underline;
}

/* "You are here" indicators for each page */
#mainMenu li#pageid {
color: #f8fad4;
}
/*
	#bodyContainer
	You can change the font here. This will change the font for the left panel and the body panel.
*/
#bodyContainer {
	position: relative;
	float: left;
	left: 10px;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 750px;
	background: url(../images/body_bg.gif);
}

#bodyTop {
	position: relative;
	float: left;
	left: 10px;
	margin: 10px auto 0px auto;
	padding: 0px;
	width: 750px;
	height: 14px;
	background: url(../images/body_top.gif) top left no-repeat;
}

#bodyBottom {
	position: relative;
	float: left;
	left: 10px;
	margin: 0px auto 10px auto;
	padding: 0px;
	width: 750px;
	height: 14px;
	background: url(../images/body_bottom.gif) top left no-repeat;
}
/*
	#leftPanel
	In the Main section, this contains the image and the quote. In the Member section it contains the sub-navigation for the Member section */
	
#leftPanel {
	float: left;
	margin: 0;
	padding: 0;
	width: 195px;
	text-align: center;
	line-height: 1em;
}

#leftPanel img {
text-align: center;
}

#leftPanel p {
margin: 10px 0px 5px 10px;
font-size: 130%;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: left;
text-indent: 0;
}

#leftPanel p:first-letter {
font-family: Monotype Corsiva;
font-size: 300%;
font-weight: bold;
} 

/*
	#bodyPanel
	The font for this body panel is inherited from the #body id. However if you want to have a different color or font
	text here, you may add the color or font tags.
*/
#bodyPanel {
	float: right;
	margin: 0px 10px 0px 0;
	padding: 0;
	width: 522px;
	border-left: 2px solid #5d0392;
}

#bodyPanel ul {
margin-top: 0.3em;
margin-bottom: 0.3em;
margin-left: 4em;
list-style:disc;
}

#bodyPanel ul li {
margin-left: 1em;
}

#footer {
	clear: both;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 750px;
	height: 65px;
	background: url(../images/footer.gif) top left no-repeat;
	text-align: right;
}

/*
	#copyright
	You can change the font or color of the copyright text by modifying those tags here.
*/
#copyright {
padding: 3px 0px 0px 3px;
font-size: 90%;
color: #d5c1a6;
line-height: 1.5em;
text-align: left;
}

#copyright p {
margin: 0;
font-size: 90%;
color: #000;
line-height: 1.5em;
}
 
#copyright a {
color: #000 /*d5c1a6*/;
}

#copyright a:hover {
color: #FEF8E9;
}

#ccleft {
float: left;
width: 88px;
} 
/*
------------------------------------------------------------------------------------------------------
	The following tags are not required for the design and you may modify them however you wish.
	You may want to change the color in the h1 and h2 tags as well as the tag labeled h3, h4, h5, h6.
	I have set images to have a padding around them and be displayed in block mode, you may change this.
	I have also set the default link styles in the a tags. If you want to learn more about CSS and how
	it works, visit this page: http://www.w3schools.com/css/default.asp. It's got some great information
	on each property of CSS.
------------------------------------------------------------------------------------------------------
*/

p {
margin: .5em;
padding: 0px;
text-indent: 2em;
}

p.chants {
margin: 0 .5em .5em .5em;
padding: 0px;
text-indent: 0;
}

h1 {
	margin: 0.5em 0;
	padding: 0;
	font-size: 140%;
	text-align: center;
	font-weight: bold;
	width: 100%;
}

h2 {
margin: .5em 0 0.5em 0.5em;
padding: 0px;
font-size: 120%;
text-align: left;
width: 100%;
}

h3 {
margin: .5em 0 0.5em 0.5em;
padding: 0px;
font-size: 100%;
text-align: left;
width: 100%;
}
h4 {
margin: .5em 0 0.5em 0.5em;
padding: 0px;
font-size: 100%;
text-align: left;
width: 100%;
}

/*img {
	display: block;
	margin: 7px;
	padding: 0px;
}*/

a {
	color: #5D0392;
	text-decoration: underline;
}

a:hover {
	color: #194541;
}

#meeting {
	width: 90%;
	margin: 5px auto 5px auto;
	border: 1px #666 solid;
	background-color:#999;
	text-align: left;
}

#meeting th {
padding: 5px;
}

#meeting td {
padding: 5px;
} 

#path {
	width: 100%;
	margin: 5px;
	border: 1px #666 solid;
	background-color:#999;
	text-align: left;
}

#path th {
/*padding: 5px;*/
border: 1px #666 solid;
font-size: 80%;
}


#path td {
padding: 5px;
font-size: 80%;
border: 1px #666 solid;
} 

.imgright {
float: right;
margin: 5px;
padding: 0px;
}