BODY {margin:0;}
html { min-height: 100%; margin-bottom: 1px; }
* {margin:0; padding:0; font-family :  Arial, Helvetica, Verdana, sans-serif;}
img {border:0; }
p, td, div {font-size:12px; color:#4A454A; }
p {margin-bottom:10px;}
a {color:#8C1808;}
h1 { color:#B4AF78; font-size:14px; padding:15px 0 0 0;}
h2 { color:#1D6C8A; font-size:20px; font-weight:normal; margin:6px 0 10px 0;}
h3 {color:#1D6C8A; font-size:12px; padding:15px 0 0 0;}
h4 {color:#1D6C8A; font-size:12px;}
h5 {}

.subhead {font-size:18px; margin-bottom:6px; color:#773c3c}
.container {width:764px; margin-left:auto; margin-right:auto; text-align:left; }

/*header styles, including logo and utility navigation*/
.header {float:left; background-color:#dedede;}
.header .masthead {}


#main {float:left; width:764px; background : url(../images/bg-page.gif) repeat-y top left #fff;}

/*vertical navigation*/
#nav.column {float:left; width:186px; padding:0 0 20px 0;}
#nav.column ul {list-style-type: none; width:186px;}
#nav.column ul li a {width:155px; color:#6F6F71; font-weight:bold; display:block; text-decoration:none; font-size:11px; padding: 6px 3px 5px 28px; border-bottom: 1px solid #fff; background : url(../images/nav-plus.gif) no-repeat 8px 7px;}
#nav.column ul li a:hover {background-color:#B7AE77; color:#fff;}
	
	/*styles for second level of navigation*/
	#nav.column ul ul li {}
	#nav.column ul ul li a {width:155px; color:#fff; font-weight:normal; display:block; text-decoration:underline; font-size:11px; padding: 6px 3px 5px 28px; border-bottom: 1px solid #fff; background-image:none; background-color:#CFC68B;}

	
body.home #nav ul li.home a,
body.transitions #nav ul li.transitions a,
body.serviceYou #nav ul li.serviceYou a,
body.relating #nav ul li.relating a,
body.makingDecisions #nav ul li.makingDecisions a,
body.action #nav ul li.action a,
body.lifetime #nav ul li.lifetime a {background-color:#B7AE77; color:#fff;}	
	
	/*give all 2nd level nav items the same background color:*/
	body #nav ul li ul li a {background-color:#CFC68B!important; color:#fff;}
	
	/*take underline off each 2nd level nav items when active page*/
	body.home.welcome #nav ul li.home ul li.welcome a,
	body.home.whoswho #nav ul li.home ul li.whoswho a,
	body.transitions.lifeafter #nav ul li.transitions ul li.lifeafter a,
	body.transitions.recognizing #nav ul li.transitions ul li.recognizing a,
	body.transitions.stages #nav ul li.transitions ul li.stages a,
	body.transitions.managing #nav ul li.transitions ul li.managing a,
	body.transitions.leaving #nav ul li.transitions ul li.leaving a,
	body.serviceYou.serviceYouSub #nav ul li.serviceYou ul li.serviceYouSub a,
	body.serviceYou.networks #nav ul li.serviceYou ul li.networks a,
	body.relating.relatingSub #nav ul li.relating ul li.relatingSub a,
	body.makingDecisions.makingDecisionsOneSub #nav ul li.makingDecisions ul li.makingDecisionsOneSub a,
	body.makingDecisions.assessments #nav ul li.makingDecisions ul li.assessments a,
	body.makingDecisions.makingDecisionsTwo #nav ul li.makingDecisions ul li.makingDecisionsTwo a,
	body.makingDecisions.makingDecisionsThree #nav ul li.makingDecisions ul li.makingDecisionsThree a,
	body.makingDecisions.postponing #nav ul li.makingDecisions ul li.postponing a,
	body.makingDecisions.educationOptions #nav ul li.makingDecisions ul li.educationOptions a,
	body.makingDecisions.jobOptions #nav ul li.makingDecisions ul li.jobOptions a,
	body.makingDecisions.continue #nav ul li.makingDecisions ul li.continue a,
	body.makingDecisions.otherOptions #nav ul li.makingDecisions ul li.otherOptions a,
	body.action.actionPlanSub #nav ul li.action ul li.actionPlanSub a,
	body.action.resume #nav ul li.action ul li.resume a,
	body.action.college #nav ul li.action ul li.college a,
	body.lifetime.lifetimeSub #nav ul li.lifetime ul li.lifetimeSub a,
	body.lifetime.conclusion #nav ul li.lifetime ul li.conclusion a,
	body.lifetime.lifemore #nav ul li.lifetime ul li.lifemore a  {text-decoration:none;}	
	
	/*turn all 2nd levels off until we need them*/
	body #nav ul li ul {display:none;}
	
	/*turning them on*/
	body.home #nav ul li.home ul,
	body.transitions #nav ul li.transitions ul,
	body.serviceYou #nav ul li.serviceYou ul,
	body.relating #nav ul li.relating ul,
	body.makingDecisions #nav ul li.makingDecisions ul,
	body.action #nav ul li.action ul,
	body.lifetime #nav ul li.lifetime ul {display:block;}
	
/*column containing main content well*/
#content.column {float:left; width:540px; padding:10px 15px 20px 20px; }
#content ul, #content ol, #content dl, #content blockquote {margin:10px 0 10px 25px;}
.pagination {float:right; text-align:right; width:115px;}
.pagination ul {list-style-type:none; margin:0 0 0 0!important;}
.pagination li {display:inline; float:left;}
.pagination li.blank {width:72px;}
.pagination a.back {background : url(../images/pagination-back.gif) no-repeat; width:42px; height:28px; display:block; margin-right:30px;}
.pagination a.forward {background : url(../images/pagination-forward.gif) no-repeat; width:42px; height:28px; display:block;}


#tab1, #tab2 {background-color:#E7EFEF; padding:8px; border: 1px solid #B5AA73; margin-bottom:10px; color:#104D73; position:relative; top:-3px;}


.tip {
	cursor: help;
	padding: 3px 0 0 0;
	display: block;
}

.tipDropdown {
	position:relative; top:-1px;
	border: 1px solid #B5AA73;
	padding: 10px;
	margin: 0 0 5px 0;
	background: #E7EEF9;
}
.tipDropdown p {color:#8C1408;}

.more {
	cursor: help;
	color: Maroon;
	text-decoration: underline;
	font-weight: bold;
	margin: 13px 0 0 0!important;
	padding: 3px 0 3px 22px;
	display: block;
	background : url(../images/open.gif) no-repeat 0 1px;
}

p.more:hover {
	text-decoration: none;
}

.standout {
	border: 1px solid #B5AA73;
	font-size:11px;
	padding: 10px;
	margin: 0 0 5px 0;
	background: #E7EEF9;
}
.standout p, .standout ul {color:#8C1408; font-size:11px;}

.standout2 {
	border: 1px solid #B5AA73;
	padding: 15px;
	margin: 5px 0 5px 0;
	background: #E7EEF9;
	font-size:11px;
}

.bio {float:left; width:540px; clear:both; margin-bottom:10px;}
.bio img {float:left; margin-right:20px; margin-top:17px; border: 2px solid #B5AE7B;}
.bio .content {float:left; width:370px;}
.bio p.more {margin-top:14px;}
.bioPic { display:block; float:left; margin-right:16px; border: 2px solid #B5AE7B;}

.frame_left {
	padding: 5px;
	margin: 0px 10px;
	border: 1px solid gray;
	float: left;
}

.frame_right {
	padding: 5px;
	margin: 0px 10px;
	border: 1px solid gray;
	float: right;
}

.journalframe {
	padding: 5px;
	border: 1px solid gray;
	background: #FAEADD;
	margin:5px 0 10px 0;
}

#stories {
	border:1px solid gray;
	background: #D2B48C;
	padding: 5px;
	margin: 30px auto;
	width:80%;
}

#stories p {
	text-align:center;
	font: bold 100% Arial, Helvetica, sans-serif;
}




/*footer styles*/
.footer { width:764px; background-color:#447C9F; float:left;}
.footer .logo {float:left; width:142px;}
.footer .nav {float:right; width:400px; text-align:right; color:#fff; padding:10px;}
.footer .nav a { color:#fff; padding:10px;}
.clearfloats {clear:both; padding-top:.05px; }