body { 
	margin-top: 14px; margin-left: 
	14px; margin-right: 14px;	
	margin-bottom: 14px; 
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: Black;	
	font-size: 9pt;
}
p { 	
	margin-bottom: 4px;	
	margin-top: 2px;	
	margin-right: 10px;	
	margin-left: 10px;
}

/* -----------------  divs ------------------------  */
.center {
	text-align: center;
	}		
.centerB {
	text-align: center;
	font-weight: bold;
	}		
.sm {
	font-size: 8pt;
	}	
.block {
	margin-left: 20px; 
	margin-right: 20px; 
	}
.blockWide {
	margin-left: 60px; 
	margin-right: 80px; 
	}
.ideaBox {
	border: 1px solid #7DBB53;
	font-size: 9pt;
	padding: 10px;
}
.imgRight {
	float: right;
	margin: 0 10px 10px 0; 
	}
.imgLeft {
	float: left;
	margin: 0 10px 10px 0; 
	}	
.puff {
	padding: 20pt;
	}
.justify {
	text-align: justify;
	margin-bottom: 3px;
	text-indent: 0px;
	}			
.leftdiv {
	float: left;
	width: 49.9%; /* by making one side less than 50%, IE won't flicker when resizing the browser narrower. */
	padding: 0;
	margin: 0;
}
.rightdiv {
	float:right;
	width: 50%; /* see .leftdiv above */
	padding: 0;
	margin: 0;
}
.toClear {
	clear: both;
	text-align: center;
	display: inline;
	min-width:400px;
}
	/*  --------------wraps ----------- */
#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .95em;
	text-align: center;
	color: White;
	clear: both;
	padding-top: 10px;
}	

/*  --------------------- block containers ---------------------- */
.contentRtColumn {
	text-align: left;
	margin-left: 220px;
	padding-right: 20px;
	padding-left: 20px;		
	padding-top: 15px;
	padding-bottom: 8px;
}
.sidebar {
	float:left;
	font-size: 9pt;
	width:200px;
/*	margin: 0;*/
	padding:15px;
	text-align: left;
   border-right: 1px solid #000000;
}

/*  -------------- colors -------------------- */
.red {
	color: #c3000f; 
}	
.green {
	color: #168501;
}	
.blue {
	color: #336f99;
}
/*  ----------------- lists -------------------- */
ul {
	list-style: square outside;
	display: block;
	white-space: normal;
	margin: 4px 10px 4px 80px;
}	 
/*  -----------------------links ------------------- */
a:link, a:visited { 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 9pt; 
	color: #336F99;
	text-decoration: none;
}	
a:hover {
	color: #c3000f;
	text-decoration: none;
}
a:focus, a:active {
	color: #336f99;
	text-decoration: none;
}
a img {  
	border: 0px;
}	
/* ---------- */
a.sp:link, a.sp:visited { 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 9pt; 
	color: White;
	text-decoration: none;
}	
a.sp:hover {
	color: #F9C206;
	text-decoration: none;
}
a.sp:focus, a:active {
	color: White;
	text-decoration: none;
}

/* ---------- */
a.dev:link, a.dev:visited { 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal; 
	font-size: .95em; 
	color: White;
}	
a.dev:hover {
	color: #F9C206;
}
a.dev:focus, a.dev:active {
	color: Black;
}
/* ---------- */

	
/*  ------------------------- headers ----------------- */
h1, h2, h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
/*	margin-left: 40px;*/
	text-align: center;
}	
h1 { 
	margin-bottom: 0px;
	font-size: 185%;
	font-weight: lighter;
	text-align: center;
	margin-top: 0px;
	}
h1 + p {
	margin-top: 0px;
}	
h2 {
	margin-bottom: 0px;
	font-size: 160%;
	font-weight: lighter;
	}
h2 + p {
	margin-top: 0px;
}
h3 {
	margin-bottom: 0px;
	font-size: 130%;
}
h3 + p {
	margin-top: 0px;
}
.sidebar h3 {
	margin: 0;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	padding-top: 4px;
}
/* --------------------  these are the wraps ----------------------- */
#blueBox {
	height: 100%;
	padding: 12px;
	border: 3px solid #7dbb53;
	background-color: Black;
	/* overflow: hidden; */
}
#whiteBox {
	height: 100%;
	width: 800px;
	padding: 0;
	/*	border: 2px solid #C3000F;*/
	background-color: White;
	overflow: hidden;
	text-align: left;
}
#theWrap {
	width: 800px;
	overflow: hidden;
}