body {
	
	background:#ebf0b7;
		background:#	background:#ebf0b7;
	
	}
h2 {text-transform:uppercase; font-size:115%; letter-spacing:1px;
color:#7280CE; font-weight:bold;}

#wrapper {
	text-align:left; 
	width:850px;
	margin:20px auto}
#header {
	position:relative; 
	width:850px;}
#banner {
	width:850px; 
	height:166px; 
	background: url(../images/banner.png) no-repeat;}
#banner_text {
	width:200px;
	position:absolute;
	top:0px;
	right:12px;	}
#banner_text p {
	margin:1em}
#nav {
	width:850px; 
	height: 24px;
	margin:2px 0 0 0 ;
	background:url(../images/nav_bgd.png) repeat-x; 
	color:#7280CE; 
	text-transform:lowercase; 
	font-size:80%;}
#nav ul { 
	list-style:none; 
	padding:0; margin:0}
	
#nav ul li { 
	display:block; 
	float:left; 
	width:auto; 
	margin:0; 
	padding:0 30px; 
	line-height:24px; 
	border-right:1px solid #E7EFA4;
	letter-spacing:.5px;
text-transform:uppercase; font-size:90%}
#nav ul li.lastmenuitem {
	border-right:none;}
#content {
	width:768px;
	clear:both; 
	padding:35px 30px 40px 50px;
	border:1px solid #ccc;
	border-top:none;
	background:#fff}
#footer {
	text-align:center;}
a, a:link {
	text-decoration:none}
img {
	border:none}
.adorn {}
img.right { 
	 padding:5px; margin:0 0 0 1em; float:right;} 
	 
#nav a:link, #nav a:visited {text-decoration:none;}
#nav a:hover {color:#fff;}


div.callout {width:25%;  float:right; margin:0 0 0 20px; background:#BFC9FF;
padding:20px; font-size:85%; color:black;}
div.callout h3{ padding-left:1px; color:white;  font-size:1.4em;
}

.footnote {font-size:.8em; color:#888; margin-top:7em; border-top:1px solid #ccc; width:300px}

.popup {}