/************************************************************************
This is the primary CSS sheet for the Earley Acupuncture website 
redesign. This sheet is responsible for setting site defaults, including
backgrounds, fonts, colors, etc. If needed, this sheet may be
supplemented with additional sheets.
************************************************************************/

body {
	background: top left url('/images/main_bg.gif');
	font-family:arial,helvetica,sans-serif;
	font-size: 14px;
	color:#333;
	text-align:center;
}

body div#document	{
	width : 900px; /* sets overall content width */
	margin:0 auto 15px;
	text-align:left;
}




/****************** IMPORTANT DEFAULTS *******************/
p {
	margin: 0 0 1em 0;
	padding:0;
}

a, 
a:link, 
a:active,
a:visited {
	color:#000044;
}
a:hover { 
	color:#3d3d71;
}

ul { margin-bottom:1em; }

h1 {
	font-size:22px;
	padding-bottom:12px;
}


.quoteFormLabelCell {
	text-align:right;
}
/****************** END IMPORTANT DEFAULTS *******************/





/****************** MASTHEAD *******************/
#masthead {
	padding: 14px 30px 14px 42px;
	background:top left url('/images/masthead_bg.gif') repeat-y;
}
	#masthead table {}
	#masthead table tr { vertical-align:middle; }
	#masthead .colA {}
	#masthead .colB {
		font-size:13px;
		text-align:right;
	}
		#masthead .colB div {
			font-weight:bold;
			font-size:24px;
		}
/****************** END MASTHEAD *******************/




/****************** LEFT NAV *******************/
#leftNav {}
#leftNav a,
#leftNav a:link, 
#leftNav a:active,
#leftNav a:visited {
	display:block;
	position:relative;
	padding:3px 14px 5px;
	margin-bottom:2px;
	background:bottom right url('/images/left_link_corner.gif') no-repeat #000044;
	color:#fefefe;
	text-decoration:none;
	font-size:18px;
}
#leftNav a:hover,
#leftNav a.selected { background: bottom right url('/images/left_link_corner_over.gif') no-repeat #65658e !important; }
/****************** END LEFT NAV *******************/




/****************** MAIN BODY *******************/
#mainBody {
	background:top left url('/images/mainbody_bg.gif') repeat-y;
	padding:15px 30px 0;
}
	#mainBodyTable .leftCell { padding-right:30px; }
	#mainBodyTable .mainCell { width:605px; }
/****************** END MAIN BODY *******************/




/****************** FOOTER *******************/
#footer {
	padding:12px 30px 22px;
	color:#fff;
	background:bottom left url('/images/footer_bg.gif') no-repeat;
}
	#footer .colA {}
	#footer .colB { text-align:right; }

	#footer a,
	#footer a:link, 
	#footer a:active,
	#footer a:visited,
	#footer a:hover { color:#fff; }
	
#copyrightLine {
	padding:10px 0;
	font-size:11px;
	color:#fff;
	text-align:center;
}
#copyrightLine a,
#copyrightLine a:link, 
#copyrightLine a:active,
#copyrightLine a:visited,
#copyrightLine a:hover { color:#fff; }
/****************** END FOOTER *******************/