body {
	background: #fff;
	font: 11px/15px Verdana;
	color: #333;
	background: #f7f7f7;
}

#shell {
	margin: 0 auto;
	width: 692px;
	border-top: 4px solid #505153;
	background: #fff;
	padding: 0 15px;
}

#header {
	height: 90px;
	padding-top: 14px;
	position: relative;
}

#logo {
	background: url(/i/logo.png) no-repeat;
	padding-top: 48px;
	width: 211px;
}

#mainNav {
	height: 20px;
	font: bold 15px Arial;
	letter-spacing: -1px;
	padding-top: 10px;
}

	#mainNav a {
		margin-right: 15px;
		color: #666;
	}
	#mainNav a:hover {
		color: #22217f;
	}

	#intro #mainNav a#mainNavIntro,
	#life #mainNav a#mainNavLife,
	#test #mainNav a#mainNavTest,
	#study #mainNav a#mainNavStudy,
	#about #mainNav a#mainNavAbout, 
	#contact #mainNav a#mainNavContact,
	#assess #mainNav a#mainNavAssess, 
	#counseling #mainNav a#mainNavCounseling { color: #22217f; }

#secondarNav {
	position: absolute;
	top: 20px; right: 0;
}

#secondarNav a {
	color: #9d9fa1;
	text-decoration: none;
	font-weight: bold;
}

	#secondarNav a:hover, 
	#about a#secNavAbout, 
	#contact a#secNavContact {
		color: #2e3092;
	}

#mainImg {
	height: 220px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	background-repeat: none;
}
	#intro 	#mainImg { background-image: url(/i/mainImgIntro.jpg); }
	#life 	#mainImg { background-image: url(/i/mainImgLife.jpg) }
	#test 	#mainImg { background-image: url(/i/mainImgTest.jpg) }
	#study 	#mainImg { background-image: url(/i/mainImgStudy.jpg) }
	#about 	#mainImg { background-image: url(/i/mainImgAbout.jpg) }
	#contact #mainImg { background-image: url(/i/mainImgContact.jpg) }
	#assess #mainImg { background-image: url(/i/mainImgAssess.jpg) }
	#counseling #mainImg { background-image: url(/i/mainImgCounseling.jpg) }

#mainContent {
	min-height: 300px;
	_height: 300px;
}

	#mainContent .colA {
		width: 166px;
		padding-right: 40px;
		float: left;
		padding-top: 42px;
		font: bold 18px Arial;
		letter-spacing: -1px;
		color: #999;
	}
	#mainContent .colA b {
		color: #569501;
	}
	#mainContent .colB {
		width: 484px;
		float: left;
	}

#footer {
	margin: 0 auto;
	border-top: 4px solid #505153;
	padding: 10px 0 20px 206px;
	color: #999;
	margin-top: 30px;
	background: url(/i/logoFooter.png) 0 8px no-repeat;
	font-size: 10px;
}



a { 
	color: #569501;
	text-decoration: none; 
	font-weight: bold;
}
	#footer a {	font-weight: normal; }

p { margin-bottom: 7px }

	#footer p { margin-bottom: 0px;}


h1 { 
	font-weight: bold; 
	margin-bottom: 15px;
	font: bold 23px Arial;
	color: #666;
	letter-spacing: -1px;
}

h2 { 
	font-weight: bold; 
	font-size: 13px;
	margin-bottom: 7px;
	margin-top: 17px;
}

ul { 
	margin: 0 0 7px 15px;
	padding-left: 15px;
	list-style: square;
}
ul li { 
	margin-bottom: 5px;
}
	
	
p.info { 
	margin-bottom: 0;
	font-size: 10px;
}
p.info label { 
	width: 148px; 
	display: block;
	float: left;
	text-align: right;
	padding-right: 7px;
	font-weight: bold;
}
p.info span { 
	display: block;
	float: left;
}

#blogNote {
	border-top: 1px solid #999;
	margin-top: 15px;
	padding-top: 15px;
	font-size: 11px;
	color: #333;
	letter-spacing: 0;
	line-height: 15px;
	background: url(/i/notepad.png) left 15px no-repeat;
	padding-left: 63px;
}