body { background-image: url(../images/lotus3.jpg)  /*#333300*/; font-family: arial, sans-serif; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

	p, input, h1, h2, h3, h4, h5, h6, h7 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

	
	#container {
		position: relative;
		width: 923px; height: 1033px;
		margin-left: auto; margin-right: auto;
		border-right: 1px solid black;
		border-left: 1px solid black;
	}

	#topSpanningBar {
		height: 30px;
		background-color: #3A2701;
		background-repeat: repeat-x;
	}

	#bottomSpanningBar {
		height: 40px;
		background-color: #3A2701;
		background-repeat: repeat-x;
		z-index: 0;
	}

	/* -- DM: 10.05.08, 10:13pm; Due to the precise positioning nature of the title area, converting to abs-pos layout
	for this section. */
	#titleArea {
		/* position: relative; top: 0px; -- DM: 10.05.08, 10:21pm */
		position:80px; height: 126px;
		padding: 0px 10px 10px 30px; 
		background-color: white;
	}

	#logo {
		position: absolute; top: 15px; left: 30px; /* -- DM: 10.05.08, 10:27pm */
		background-image: url(../images/logo.jpg);
		width: 166px; height: 110px; 
		/* -- DM: 10.05.08, 10:27pm
		margin: -40px 0 0 -20px;
		float: left;
		*/
	}

	#title {
		position: absolute; top: 35px; left: 205px; /* -- DM: 10.05.08, 10:30pm */
		background-image: url(../images/title.jpg);
		width: 300px; height: 75px;
		
		/* -- DM: 10.05.08, 10:37pm 
		margin: 15px 0 0 165px;
		*/
	}

	/* -- DM: 10.05.08, 10:38pm; added this class to abs-pos the subtitle */
	#address {
		position: absolute; top: 13px; right: 30px;
		color: #523702; text-align: right;
	}

	#facebook {
		position: absolute; top: 65px; right: 0px; 
		background-image: url(../images/fb.gif);
		width: 144px; height: 44px;
	}	

	
	#titleLinks {
		text-align: right;
		margin: 0 90px 2px 0;
	}

/* --- */

	#contentArea {
		width: 923px; height: 858px; float: left;
		background-color: white;
		border-bottom: 1px solid #666;
	}
	
	#topBar {
		width: 924px; height: 2px;
		background-color: #4e4e68;
		margin-top: 1px; 
	}
	
	#textArea {
		height: 399px; width: 650px;
		padding: 20px 0px 25px 20px;
		float: left;
	}

	#welcomeText {
		width: 350px;
		float: left;
	}

	#sideBar {
		width: 250px; height: 436px; float: right;
		padding: 0 0 10px 0;
		background-color: #395929;
	}

	#announcementsBox {
		width: 247px; height: 410px;
		margin: 0 0 0 0px;
		padding: 0 0 0px 0;
		overflow: auto;
	}



	/* How this works:
     * - Make the top-level footer element span the width of its container, which is the bottom-spanning-bar, which itself spans the whole page width.
 	 * - Make a P inside the footer element which has a defined width (equal to the overall site container's width), and center it via margin: auto.
	 * - For some godforsaken reason, the P needs a border around it in order to render correctly as a block-level element in all browsers.
	 * - To acheive reasonable positioning behavior within the footer containing div, the P needs to be vertically positioned relatively. Margin/Padding
	 *   failed to acheive any success.
	 */
	#footer {
		width: 100%;
		z-index: 10;
		position: relative;
	}
	#footerText {
		position: relative; top: 10px;
		margin-left: auto; margin-right: auto;
		border: 1px solid #3A2701;
		width: 1033px;
		color: white;
		text-align: center;
		z-index: 11;
	}

	.clearlyLink:link { color: steelblue; }
	.clearlyLink:visited { color: steelblue; }
	.clearlyLink:hover { color: red; }
	.clearlyLink:active { color: yellow; }


	.horDiv {
		height: 2px; width: 700px;
		color: white; border-top: 1px solid white;
	}

	#xhtmlButton {
		position: absolute; bottom: 10px; left: 15px;
		background-image: url(../images/xhtmlButton.gif);
		width: 88px; height: 31px;
	}

	#etiquette {
		width: 475px;
		margin: 15px 0 0 50px;
	}


/*--------------------- Text & Title Classes ------------------ */
	.text {
		font-family: arial; font-size: 13px;
		color: black; text-align: justify; 
		font-weight: normal; font-style: none;
		margin: 10px 0px 0px 10px; padding: 0;
	}

	.bottomText {
		font-family: arial; font-size: 13px;
		/* color: #b8a584; */ color: #5e4513; text-align: left;

	}

	.welcome_text {
		font-family: arial; font-size: 16px;
		color: #5e4513; text-align: left;
		font-weight: normal; font-style: none;
		margin: 10px 0 0 10px; padding 0;
	}

	.note {
		font-family: arial; font-size: 11px;
		color: white; text-align: justify; 
		font-weight: normal; font-style: none;
		margin: 0px 0px 0px 0px; padding: 0;
	}

	.quote {
		font-family: timesnewroman; font-size: 18px;
		color: white; text-align: center; 
		font-weight: normal; font-style: italic; 
		margin: 0px 0px 0px 0px; padding: 0;
	}

	.caption {
		font-family: arial; font-size: 11px; 
		color: darkblue; text-align: center; 
		font-weight: bold; font-style: none;
		margin: 3px 0px 0px 0px; padding: 0;		
	}

	h1 {
		font-family: timesnewroman; font-size: 41px; 
		color: white; text-align: center;
		font-weight: normal; font-style: italic;
		margin: 10px 175px 0px 10px; padding: 0;
	}

	h2 /*SubTitle of Page */{
		font-family: timesnewroman; font-size: 20px;
		color: white; text-align: center;
		font-weight: normal; font-style: none;
		margin: 0px 250px 0px 0px; padding: 0;
		letter-spacing: .02em;
	}

	h3 /* Page Titles */{
		font-family: sans-serif; font-size: 20px; 
		color: saddlebrown; text-align: center;
		font-weight: bold; font-style: none;
		margin: 0px 0px 0px 0px; padding: 0;		
	}

	h4 /*sideBar Titles */{
		font-family: tahoma, sans-serif; font-size: 18px; 
		color:  white; text-align: left;
		font-weight: bold; font-style: none;
		margin: 10px 0px -5px 25px; padding: 0;
	}


	h5 /* Paragraph Titles */ {
		font-family: sans-serif; font-size: 16px;
		color: black; text-align: left;
		font-weight: bold; font-style: none;
		text-decoration: underline;
		margin: 10px 0 0px 10px; padding: 0;
	}

	h6 /*Item Titles */ {
		font-family: sans-serif; font-size: 14px;
		color: saddlebrown; text-align: center;
		font-weight: bold; font-style: none;
		text-decoration: underline;
		margin: 10px 0 0 0;
	}

	h7 /*Welcome */ {
		font-family: sans-serif; font-size: 28px;
		color: #82a471;
		margin: 40px 0px 0px 10px;

	}

	h8 /* Pic Titles */ {
		font-family: verdana; font-size: 16px;
		color: #3a2701; text-align: center;
		margin: 8px 0 0 0;
	}

	#pageTitle {
		float: left; margin: -5px 0 0px 75px;
	}

	.link:link {color: white; text-decoration: none;}
	.link:visited {color: white; text-decoration: none;}
	.link:hover {color: #968968; text-decoration: none;}
	.link:active {color: white; text-decoration: none}

	.addlink:link {color: white; text-decoration: none;}
	.addlink:visited {color: white; text-decoration: none;}
	.addlink:hover {color: #968968; text-decoration: none;}
	.addlink:active {color: white; text-decoration: none}


	.moreLink:link {color: #b09c79; text-decoration: none;}
	.moreLink:visited {color: #b09c79; text-decoration: none;}
	.moreLink:hover {color: #672700; text-decoration: underline;}
	.moreLink:active {color: #672700; text-decoration: none;}

	.subLink:link {color: #3a2701; text-decoration: none;}
	.subLink:visited {color: #3a2701; text-decoration: none;}
	.subLink:hover {color: white; text-decoration: none;}
	.subLink:active {color: white; text-decoration: none;}

	.picLink:link {}
	.picLink:visited {}
	.picLink:hover {}
	.picLink:active {}


	.listItem {
		font-family: sans-serif; font-size: 13px;
		color: saddlebrown; text-align: justify;
		margin: 2px 0 0 -5px; padding: 0;
		list-style-type: disc;
	}

	.listItem {
		margin: 6px 0 0 0;
		font-size: 15px;
		color: black;
	}



	/* ------------ REDESIGN ------------------ */
	/*
	#tanBar {
		width: 923px; height: 190px;
		position: relative;
		background-color: #b8a584;
	}

	#pic1 {
		position: absolute; left: 84px; top: 25px;	
		width: 215px;
	}

	#pic2 {
		position: absolute; left: 359px; top: 25px;
		width: 215px;
	}

	#pic3 {
		position: absolute; left: 634px; top: 25px;
		width: 215px;
	}

	.pic {
		border: 1px solid #3a2701;
	}

	#pose {
		float: left;
		margin: -10px 0 0 10px;
	}

	#yogaquote {
		margin: 25px 0 0 5px;
	}


	#peace {
		float: left;
	}
	*/





	/* ------------ REDESIGN ------------------ */
	#tanBar {
		width: 923px; height: 190px;
		position: relative;
		background-color: #b8a584;
	}

	#pic1 {
		position: absolute; left: 84px; top: 25px;	
		width: 215px;
	}

	#pic2 {
		position: absolute; left: 359px; top: 25px;
		width: 215px;
	}

	#pic3 {
		position: absolute; left: 634px; top: 25px;
		width: 215px;
	}

	.pic {
		border: 1px solid #3a2701;
	}

	#pose {
		float: left;
		margin: -10px 0 0 10px;
	}

	#yogaquote {
		margin: 25px 0 0 5px;
	}


	#peace {
		float: left;
	}


	#bottomWhite {
		position: relative; 
	}

	#box1  {
		position: absolute; top: 45px; left: 84px;
		width: 215px;
		
	}

	#box2 {
		position: absolute; top: 45px; left: 359px;
		width: 215px;

	}

	#box3 {
		position: absolute; top: 45px; left: 634px; 
		width: 215px;
	}


	.horDiv  {
		width: 215px; height: 1px;
		background-color: #ab9672;
		margin-top: 12px; 
	}

	.read {
		font-size: 12px; text-align: right;
		color: #b09c79; margin-top: 2px;
	}