body {
	background:url(../images/vert_grad_1.jpg) repeat-x #989CC4; 
	color: #989CC4;
	text-align:center;
	height:100%
}
#container {
margin: 0 auto;
width:900px;
text-align:left;
background: #FFFFFF;
position: relative; /* for shadow*/
top:-15px;
}
#leftcolumn {
float:left; 
width:180px; 
height:500px;
padding-top:20px; 
padding-left:10px;
background:url(../images/vert_column_1.jpg) repeat-x;
}
#center {
float:left; 
padding:10px; 
width:400px
}
#rightcolumn {
float:left; 
width:270px;
padding:5px;
height:100%;
}
#john {
background-color:#eee;
border: 2px solid;
border-color:#999;
}
#johnheading {
background-color:#999;
height:40px;
}
.johnpara {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #393752;
	border-width: thin thin medium;
	line-height: 20px;
	padding-left:5px;
	padding-right:5px;
}
#pitfall {
background:#E2E1ED;
border: 2px solid #666666;
}
#pitfall li {
margin-left:1em;
}
#pitheading {
background-color:#666;
height:40px;
}
#next {
float:right; 
position:relative; 
right:0; 
left:0
}
#duedates {
background-color: #FFFFD9;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
}
#fancybox {
border: solid 1px #989CC4;
background:url(../images/vert_cont_grad.jpg) repeat-x;
padding: 3px;
}
#footer {
clear:both; 
background-color:#393752;
padding:5px;
}
.menuheading {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px; 
font-weight: bold; 
color: #D6D3CE; 
text-align: left
}
.johnheading {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:17px;
font-weight:bold;
color:#454545;
padding:10px;
margin:0;
}
.pitheading {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:bold;
color:#CCC;
padding:10px;
margin:0;
}
.paraheading {  
font-family: Georgia, "Times New Roman", Times, serif; 
font-size: 20px; 
font-weight: bolder; 
color: #737593; 
text-align: left;
}
.mainpara {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	border-width: thin thin medium;
	line-height: 20px;
}
.medpara {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	border-width: thin thin medium;
	line-height: 20px;
	padding-left:5px;
	padding-right:5px;
}
.smallpara {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border-width: thin thin medium;
	line-height: 20px;
}
.mainpara a:link {  color: #737593; text-decoration: underline; font-weight:bold}
.mainpara a:visited { color: #989CC4; text-decoration: underline; font-weight:bold}
.mainpara a:hover { color: #989CC4; text-decoration: underline}
.mainpara a:active { color: #999999; text-decoration: underline}
.smallpara a:link {  color: #737593; text-decoration: underline}
.smallpara a:visited { color: #333333; text-decoration: underline}
.smallpara a:hover { color: #989CC4; text-decoration: underline}
.smallpara a:active { color: #999999; text-decoration: underline}
.johnpara a:link {  color: #737593; text-decoration: underline; font-weight:bold}
.johnpara a:visited { color: #333333; text-decoration: underline}
.johnpara a:hover { color: #989CC4; text-decoration: underline}
.johnpara a:active { color: #999999; text-decoration: underline}
.footer {font-family: Georgia, "Times New Roman", Times, serif; color: #737593; font-size:14px}
.footer a:link{color: #737593; text-decoration:none}
.footer a:visited {color: #737593; text-decoration:none}
.footer a:hover {color: #989CC4; text-decoration: underline}

#shadow {
	width:920px;
	background: url(../images/vert_bg_shad.jpg) repeat-x #7C7DA2;
	margin: 0 auto;
	position: relative;
	top:15px;
}