/* -----------------------------------------
Stylesheet for Northampton Wellness Associates - www.northamptonwellness.com/
Author: cdeVision.com
Copyright: (c)2008 cdeVision
Created: 31 March 2008
Amended: (note date and by whom and any notes)
-------------------------------------------- */

body {background:#fff url(images/bg.png) repeat-x; margin:0; font-family:arial,helvetica,sans-serif; font-size:12px; color:#333; text-align:center;}

h1, h2, h3, h4 {padding:0; margin:0;} 
h1 {font-weight:normal; font-size:22px; padding:0 0 12px 0; line-height:22px; color:#2A1193;} /* page titles - interior (purple) */
h2 {font-weight:normal; font-size:16px; padding:16px 0 6px 0; margin:0 0 15px 0; line-height:16px; color:#417081; 
	border-bottom:1px solid #CADEEA;} /* sub-titles (lt. blue w/ underline) */
h3 {font-weight:bold; font-size:14px; padding:8px 0 4px 0; line-height:16px;} /* subhead */

p {margin:0; padding:0 0 12px 0; line-height:18px;}
ul, ol {margin:0 0 0 25px; padding:0 0 13px 0;}
li {line-height:18px; padding:0 0 2px 0;}

img {border:0;}
img.left {float:left; margin:0 14px 14px 0;}
img.right {float:right; margin:0 0 14px 14px;}
.clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;}
.skiplink {display:none;}

div#printlogo {display:none;}

/* fix PNG transparency in <IE6 */
#logo, #mission, h1.home, h2.home, #boxtop, #bluecoltop {behavior:url(scripts/iepngfix.htc);}

/* ---- links ----------------------------------------- */
a {color:#417081; text-decoration:none;}  
a:visited {color:#417081;}
a:hover {color:#9BCECD; text-decoration:none;}
a:active {color:#417081;}
a:active, a:focus {outline:none;}
/* links with icons */
a.yinyang {background:url(images/icon-yinyang.png) no-repeat; padding-left:20px; font-weight:bold;}
	a.yinyang span {font-weight:normal; padding-left:20px;} /* use after <br /> */


/* ---- ids & classes ----------------------------------------- */
#frame {width:880px; margin:0 auto 20px; padding:0; background:#fff; position:relative;}

#header {position:relative; width:860px; height:195px; margin:0 auto; background:url(images/bg-header.png) repeat-x;}
	#header span {display:none;}
	#logo {position:absolute; top:20px; left:65px; width:326px; height:154px; background:url(images/logo.png) no-repeat;}
	#logo a {display:block; width:326px; height:154px;}
	#mission {width:300px; height:110px; position:absolute; top:45px; right:60px; text-align:left;}
		#mission h2 {width:242px; height:20px; margin:0 0 5px 0; padding:0; background:url(images/mission-title.png) no-repeat; border:0 !important;}
		#mission ul {width:290px; height:58px; margin:0 0 5px 0; padding:0; list-style:none; background:url(images/mission-text.png) no-repeat;}
		#mission p {text-align:right; margin-right:38px; padding:0;}
		
#navmenu {width:860px; margin:0 auto 20px; background:transparent; height:30px; line-height:normal;}
	#navmenu ul {margin:0; padding:0; list-style:none;}
	#navmenu li {float:left; margin:0 5px 0; padding:0 0 0 9px; line-height:30px; background:url(images/nav-left-off.png) no-repeat left top; 
		border-bottom:1px solid #99AFD2;}
	#navmenu a {float:left; display:block; padding:0 13px 0 4px; text-decoration:none; color:#2A1193; background:url(images/nav-right-off.png) no-repeat right top;}
	#navmenu a:hover {color:#fff;}
	#navmenu #current {background:url(images/nav-left-on.png) no-repeat left top; border-bottom:1px solid #5F4DAE;}
	#navmenu #current a {background:url(images/nav-right-on.png) no-repeat right top; color:#fff;}

#content {width:826px; margin:0 auto; padding:25px 17px 20px 17px; text-align:left; background:#FBFFE8 url(images/bg-content.png) repeat-x; 
	border-top:2px solid #E7EAC6; border-bottom:2px solid #E7EAC6;}
	#content img {border:2px solid #E7EAC6;}
	#content img.practitioner {float:left; margin:2px 12px 12px 0;}
	h1.home span, h2.home span {display:none; padding:0;}
	h1.home {width:457px; height:27px; margin:5px 0 3px -5px !important; padding:0 !important; background:url(images/h1-home.png) no-repeat;}
	h2.home {width:370px; height:42px; margin:0 0 10px -4px !important; padding:0 !important; background:url(images/h2-home.png) no-repeat; border:0;}
	#homeboxes {width:100%; margin-top:25px; background:url(images/bg-homeboxes.png) repeat-y;}
		#boxtop {width:825px; height:12px; background:#FBFFE8 url(images/boxtop.png) no-repeat;}
		#homeboxes h3 {font-size:16px; font-weight:normal; color:#2A1193;}
		#homeboxes p {line-height:17px;}
		#homeboxes img {border:0; display:block; margin:8px auto 8px;}
		/* box margins set inline */
		.box {width:241px;  padding:0 12px 0 12px; float:left; background:#E7F8F7 url(images/bg-bluegradient.png) repeat-x;}
	#lcolhome {float:left; width:350px;}
	#rcolhome {float:right; width:450px;}
	#lcol {float:left; width:500px}
		.quote {color:#345967; background:#ECF9F9; border:1px solid #CADEEA; padding:17px 20px 5px 20px; margin:10px 0 18px 0;}
	#rcol {float:right; width:302px;}
		#rcol h2 {border:0; margin:0; padding:5px 0 15px 0; color:#2A1193;}
		#bluecol {width:302px; background:#E7F8F7 url(images/bg-bluecol.png) repeat-x;}
			#bluecoltop {width:302px; height:16px; background:#FBFFE8 url(images/bg-bluecoltop.png) no-repeat;}
			#bluecol .pad {padding:0 20px 10px 20px;}

#footer {width:860px; margin:10px auto; text-align:left;}
	#footer #text {width:510px; float:left; margin-left:20px; display:inline;}
	#footer p {padding:0 0 8px 0;}
	p.copyright {font-size:11px;}
	#metanav {width:280px; float:right; margin-right:10px; display:inline;}
	#metanav ul {list-style:none; margin:0; padding:0;}
	#metanav li {display:inline;}
	#metanav a {color:#2A1193; text-decoration:underline; margin:0 5px;}
	#metanav a:hover {text-decoration:none;}
	
	
	
#adminmenu {
	font:normal 10px Arial, Verdana, Helvetica, sans-serif;
	width:125px;
	clear:both;
	font-size:11px;
	position:absolute;
	right:0;
	top:0;
	}
	#adminmenu table { text-align:left; background-color:#FFFFFF;width:125px;height:80px;}
	#adminmenu a {text-decoration:none; color:#000000;}