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: 925px; height: 1073px;
		margin-left: auto; margin-right: auto;
		z-index: 1;
	}



	#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 */
		height: 126px;
		padding: 0px 10px 10px 30px; 
		background-color: white;
		overflow: hidden;
		width: 883px;
	}

	#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;
	}













	
	/*
	#titleArea {
		position80px; height: 126px;
		padding: 0px 10px 10px 30px; 
		background-image: url(../images/headerBG.jpg);
	}

	#logo {
		position: absolute; top: 35px; left: 50px;
		background-image: url(../images/logo_oval.png);
		width: 150px; height: 79px; 
	}

	#title {
		position: absolute; top: 45px; left: 235px;
		background-image: url(../images/title.png);
		width: 265px; height: 55px;
	}

	#taSubtitle {
		position: absolute; top: 100px; left: 250px;
	}

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



/* --- */

	#contentArea {
		width: 670px; height: 898px; float: left;
		background-color: white;
		border-right: 1px solid white; border-bottom: 1px solid #666;
	}
	
	#topBar {
		width: 669px; height: 15px;
		background-color: #4e4e68;
		border-bottom: 1px solid white; border-right: 2px solid white;
		margin-top: 1px; 
		padding: 8px 0 11px 0;
	}
	
	#textArea {
		height: 824px; overflow: auto;
		background-color: white; 
		padding: 0px 35px 25px 20px;
	}
	* html #textArea { padding: 0px 20px 0px 20px }

	#sideBar {
		width: 250px; height: 896px; float: right;
		background-color: #395929;
		margin-right: 2px; border-top: 1px solid white;
		border-bottom: 2px solid #444;
		border-right: 2px solid #444;
	}
	* html #sideBar { margin-right: 1px; }

	#announcementsBox {
		width: 240px; height: 610px;
		margin: 0 0 0 10px;
		overflow: auto;
		border-bottom: 1px dotted white;
	}

	/*
	#footer {
		position: absolute; bottom: -40px; right: 20px;
	}
	*/

	/* 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;
	}

	.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;
	}

	#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}

	.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;
	}


/* ---------------- Side Navigation ---------------- */
	.sideNav {
		float: left;
		width: 210px;
	}
	.sideNav ul {
		padding: 0px;
		padding-left: 35px;
	}
	.sideNav li {
		border-bottom: 1px solid white; 
		list-style-type: none;
	}
	
	.sideNav li a {
		font-family: sans-serif; font-size: 11px;
		color: white; display: block;
		text-decoration: none; list-style-type: none;
		width: 95%;
		margin: 0; padding: 4px 0 4px 5%;
		border-bottom: 0;
	}
	.sideNav li a:hover {
		background: #81b06c; /*#768089;*/
		color: white;	
		border-bottom: 0;
	}


	
/*------------------ VARIOUS --------------------------- */	
	#textAreaPasses {
		height: 824px; overflow: auto;
		background-color: white; 
		padding: 0px 15px 25px 20px;
	}
	
	#workList {
		margin: 15px 0 0 70px;
		width: 400px;
	}

	#subtitle {
		text-align: center;
	}

	#passBox {
		width: 190px; height: 225px;
		margin: 12px 2px 0 2px;
		padding-bottom: 8px;
		border: 4px solid saddlebrown;
		float: left;
	}

	.paybutton {
		margin: 0 0 5px 40px;
	}

	.pass {
		width: 174px; height: 85px;
		border: 1px solid brown;
		margin: 10px 0 10px 8px;	
	}

	#lunchpass {
		background-image: url(../images/lunchPass.jpg);

	}

	#five {
		background-image: url(../images/5classes.jpg);
	}	
	
	#ten {
		background-image: url(../images/10classes.jpg);
	}

	#twenty {
		background-image: url(../images/20classes.jpg);
	}

	
	#oneMonth {
		background-image: url(../images/1month.jpg);
	}

	#threeMonth {
		background-image: url(../images/3month.jpg);
	}

	#sixMonth {
		background-image: url(../images/6month.jpg);
	}

	#oneYear{
		background-image: url(../images/1year.jpg);
	}

	.desc {
		font-size: 10px; width: 175px;
		margin: 0 0 10px 15px;
	}

	#money {
		margin: 15px 0 15px 0;
	}

	#private {
		background-image: url(../images/privateSessions.jpg);
	}

	#prenatal {
		background-image: url(../images/prenatal.jpg);
	}


	/* ------------- MISC --------------- */


	.amazonItem {
		margin: 10px 10px 10px 10px;
		float: left;
	}

	#row1 {
		float: left;
	}