/* Very good CSS reference is at http://reference.sitepoint.com/css */
/* Very good PHP reference is at http://www.php.net/manual/en/index.php */

* {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}	

/* Jim added to center pages */
#page_container { 
	width: 813px; 
	margin: 0 auto; 
} 

body {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
}

.top{
	background-image: url(/images/top_wide.gif);
	background-repeat: no-repeat;
}

.toperlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #339999;
	text-decoration: none;	
}

.toperlink A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #339999;
	text-decoration: none;
}

.toperlink A.sitesearch{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.toperlink A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #31BBAD;
	text-decoration: underline;
}

.toplink {
    line-height: 14px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #78AA42;
	
}

.toplink A{
	font-family: Arial, Helvetica, sans-serif;
	
}

.toplink  A:hover{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;

		
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	padding-bottom: 14px;
	color: #000000;
	text-decoration: none;	
}

ul li{
	font-family: Arial, Helvetica, sans-serif;
/*	font-size: 11px; */
	font-size: 13px;
	font-weight: normal;
	padding-left: 10px;
	margin-left: 0px;
	color: #000000;
	text-decoration: none;
	list-style-type: square;	
/*	list-style-position: inside; bullets show in IE but then menus screwed up, FF a mess... */
}

/* bullets do not show in IE unless you have margin-left set to at least 10px, and they are 
   minimally indented unless set at least 30px. However, this creates space between
   the main menu and its sub-navs on our site. So, to fix created the following class for use
   on lists on pages. Decent layout compromise between FF default and IE. */
/* When have time, consider if some form of inheritance / specificity would be better way to define */ 
.inpagelist {
	font-family: Arial, Helvetica, sans-serif;
/*	font-size: 11px; */
	font-size: 13px;
	font-weight: normal;
	padding-left: 10px;
	margin-left: 25px;
	color: #000000;
	text-decoration: none;
	list-style-type: square;	
}

/* need to change color because cannot see link. */
A {
/*	color: #19494C; */
	color: #1C5858;
	text-decoration: none;	
}

A:hover {
	color: #19494C;
	text-decoration: underline;	
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin-top: 12px;
	padding-top: 5px;
	padding-bottom: 6px;
	color: #19494C;
	text-decoration: none;	
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-bottom:3px;
	color: #19494C;
	text-decoration: none;	
}

h2 A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #19494C;
	text-decoration: none;	
}

h2 A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #19494C;
	text-decoration: underline;	
}

/* change color? */
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;  
/* 		color: #19494C; */
	text-decoration: none;	
}

h3 A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #19494C;  
/* 		color: #19494C; */
	text-decoration: none;	
}

h3 A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #19494C;  
/* 		color: #19494C; */
	text-decoration: underline;	
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 14px;
	color: #008D98;
	text-decoration: none;	
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 10px;	
	padding-right: 10px;
	padding-bottom: 13px;
	color: #008D98;
	text-decoration: none;	
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 10px;	
	color: #19494C;
	text-decoration: none;	
}


.catheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom:10px;
	text-transform:capitalize;
	color: #19494C;  
	text-decoration: none;	
}

.ShareThis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 13px;
	color: #008D98;
	text-decoration: none;	
}

.bottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #339999;
	text-decoration: none;
	background-color: #C2D0A2;
	text-align: left;
	vertical-align: middle;
}

.bottom A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #339999;
	text-decoration: none;
	background-color: #C2D0A2;
	text-align: left;
	vertical-align: middle;
}

.bottom A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #31BBAD;
	text-decoration: underline;
	background-color: #C2D0A2;
	text-align: left;
	vertical-align: middle;
}


/* These classes to support the home page layout need to be reviewed. Each box uses
different selectors e.g. H1, H2, p, H3 to serve the same purpose e.g. body text. 
Makes it confusing to edit the HTML pages.  */

.featuredprojects {
	background-image: url(/images/boac_homepage.jpg);
	background-repeat: no-repeat;
}

.featuredprojects_textbox {
/*	top: 15px;
	left:15px; */
	margin-left:0px;
	margin-right:20px;
	margin-top:75px;
}

.featuredprojects h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #464646;
	text-decoration: none;
}

.featuredprojects p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #464646;
	text-decoration: none;
}

.featuredprojects p A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #626262; 
/*	color:#FFFFFF; */
	text-decoration: none;
}

.featuredprojects p A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #626262; 
/*	color:#FFFFFF; */
	text-decoration: underline;
}
.strategystory {
	background-image: url(/images/strategy_story.gif);
	background-repeat: no-repeat;
}

.strategystory_textbox {
/*	top: 15px;
	left:15px; */
	margin-left:0px;
	margin-right:20px;
	margin-top:95px;
}
.strategystory h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;	
}

.strategystory h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #D1E39B;
	text-decoration: none;	
}

.strategystory h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;	
}

.strategystory h3 A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #A6D4D0;
	text-decoration: none;	
}

.strategystory h3 A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #A6D4D0;
	text-decoration: underline;	
}

.home_video {
	background-image: url(/images/home_video.jpg);
	background-repeat: no-repeat;
}

.home_video_textbox {
/*	top: 15px;
	left:15px; */
	margin-top:25px;
	margin-left:5px;
	margin-right:5px;
}



.home_video A {
	color: #A6D4D0;
	padding-top:5px;
	text-decoration: none;	
}

.home_video A:hover {
	color: #ffffff;
	text-decoration: underline;	
}

.home_video h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-bottom:5px;
}

.home_video h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-bottom:5px;

}

.home_video h2 A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
		padding-bottom:5px;

}

.home_video h2 A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #A6D4D0;
	text-decoration: underline;
}




.home_updates {
	background-image: url(/images/home_updates.jpg);
	background-repeat: no-repeat;
}

.home_updates_textbox {
/*	top: 15px;
	left:15px; */
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
}

.home_updates A {
	color: #cdd7b0;
	text-decoration: none;	
}

.home_updates A:hover {
	color: #cdd7b0;
	text-decoration: underline;	
}

.home_updates h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.home_updates h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.home_updates h2 A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}

.home_updates h2 A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
}






.home_exchange {
	background-image: url(/images/nas_exchange3.jpg);
	background-repeat: no-repeat;
}


.home_exchange_textbox {
/*	top: 15px;
	left:15px; */
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
}

.home_exchange h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.home_exchange h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.home_exchange h2 A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #C2C2C2;
	text-decoration: none;
}

.home_exchange h2 A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #C2C2C2;
	text-decoration: underline;
}

.connect {
	background-image: url(/images/home_connect.jpg);
	background-repeat: no-repeat;
}

.connect_textbox {
/*	top: 15px;
	left:15px; */
	margin-left:12px;
	margin-right:15px;
	margin-top:25px;
	margin-bottom: 0px;

}

.connect h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 6px;
	color: #464646;
	text-decoration: none;
}

.connect h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #464646;
	text-decoration: none;
}

.connect h2 A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #4C7721;
	text-decoration: none;
}

.connect h2 A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #4C7721;
	text-decoration: none;
}






.newsblog {
	background-image: url(/images/news_blog.gif);
	background-repeat: no-repeat;
}

.newsblog_textbox {
/*	top: 15px;
	left:15px; */
	margin-left:12px;
	margin-right:15px;
	margin-top:25px;
	margin-bottom: 0px;

}

.newsblog h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 6px;
	color: #464646;
	text-decoration: none;
}

.newsblog h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #464646;
	text-decoration: none;
}

.newsblog h2 A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #4C7721;
	text-decoration: none;
}

.newsblog h2 A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #4C7721;
	text-decoration: none;
}

.tophead {
	height: 30px;
}

.tophead h1 {
	font-family: "Trebuchet MS";
	font-size: 22px;
	padding-top:0px;
	padding-bottom:8px;
	font-weight: normal;
	color: #A0C37A;
	text-decoration: none;
}

.lefttext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4C7721;
	text-decoration: none;
}

.lefttext h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom:3px;
	color: #19494C;
	text-decoration: none;
}

.lefttext h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
	padding-bottom:3px;
	color: #007B85;
	text-decoration: none;
}

.lefttext h2 A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom:3px;
	color: #007B85;
	text-decoration: none;
}

.lefttext h2 A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom:3px;
	color: #626262;
	text-decoration: underline;
}

.lefttext h3 A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #626262;
	text-transform:capitalize;
	line-height:14px;
	text-decoration: none;
}

.lefttext h3 A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #626262;
	text-decoration: underline;
}

.lefttext h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-left:0px;
	padding-right:0px;
	color: #626262;
	text-decoration: none;
}

.lefttext h4 A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-left:0px;
	padding-right:0px;
	color: #626262;
	text-decoration: none;
}

.lefttext h4 A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-left:0px;
	padding-right:0px;
	color: #626262;
	text-decoration: underline;
}

/* Left padding was originally 10 point, reduced to make full page look cleaner */
.lefttext h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left:2px;
	padding-right:0px;
	padding-bottom:5px;
	font-weight: normal;
	color: #626262;
	text-decoration: none;
}

.lefttext h5 A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left:2px;
	padding-right:0px;
	padding-bottom:5px;
	font-weight: normal;
	color: #626262;
	text-decoration: none;
}

.lefttext h5 A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	padding-left:2px;
	padding-right:0px;
	padding-bottom:5px;
	font-weight: normal;
	color: #626262;
	text-decoration: underline;
}

.lefttext h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left:8px;
	padding-right:0px;
	padding-bottom:5px;
	font-weight: normal;
	color: #626262;
	text-decoration: none;
}

.lefttext h6 A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left:8px;
	padding-right:0px;
	padding-bottom:5px;
	font-weight: normal;
	color: #626262;
	text-decoration: none;
}

.lefttext h6 A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	padding-left:8px;
	padding-right:0px;
	padding-bottom:5px;
	font-weight: normal;
	color: #626262;
	text-decoration: underline;
}


.eventtext h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-bottom:3px;
	color: #19494C;
	text-decoration: none;
}

.eventtext h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom:0px;
	color: #007B85;
	text-decoration: none;
}

.eventtext h2 A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom:0px;
	color: #007B85;
	text-decoration: none;
}

.eventtext h2 A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom:0px;
	color: #626262;
	text-decoration: underline;
}

.eventtext h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-bottom:0px;
	color: #007B85;
	text-decoration: none;
}
.eventtext h3 A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-bottom:0px;
	color: #007B85;
	text-decoration: none;
}
.eventtext h3 A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-bottom:0px;
	color: #626262;
	text-decoration: underline;
}

.eventtext h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-left:0px;
	padding-right:0px;
	color: #626262;
	text-decoration: none;
}

.eventtext h4 A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-left:0px;
	padding-right:0px;
	color: #626262;
	text-decoration: none;
}

.eventtext h4 A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding-left:0px;
	padding-right:0px;
	color: #626262;
	text-decoration: underline;
}

.eventtext h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	letter-spacing:.5px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:3px;
	color: #007B85;
	text-decoration: none;
}

.BoAC h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #007B85;
	text-decoration: none;
}

.BoAC h2 A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #007B85;
	text-decoration: none;
}

.BoAC h2 A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #007B85;
	text-decoration: underline;
}

.BoAC h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #007B85;
	text-decoration: none;
}

.Custom h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #008D98;
	text-decoration: none;
}

.Custom h2 A{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #008D98;
	text-decoration: none;
}
.Custom h2 A:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #008D98;
	text-decoration: underline;
}

.Custom h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #008D98;
	text-decoration: none;
}

.bbdr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4C7721;
}

.hline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #799959;
	text-decoration: none;
}

/* Jim added to make it easier to ensure consistency in how we present seminar names */

.seminar_name {
	font-style: italic;
}

.seminar_name A{
	font-style: italic;
}

.seminar_name A:hover{
	font-style: italic;
	text-decoration: underline;
}

/* Jim added to manage quotes on interior pages. Classes allow quotes to be dropped 
into pages and have text flow around them, without dealing with tables. Don't know if 
there is a simpler way to deal with diff color combos of what are really the same objects. */
/* When have time, look at using inheritance / specificity to simplify this decleration. */
.quotebox_blueright {
	float:right;
	width:200px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 15px;
	background-color:#99CBC5;
	text-align: right;
	vertical-align: middle;
}

.quotebox_blueleft {
	float:left;
	width:200px;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 10px;
	background-color:#99CBC5;
	text-align: left;
	vertical-align: middle;
}

.quotetext_blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
/*	font-weight: bold; */
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	/* color: #008D98; */
	color: #19494C;
	text-decoration: none;	
}

.quoteattrib_blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
/*	font-weight: bold; */
	padding-left: 0px;	
	padding-right: 0px;
	padding-bottom: 0px;
	/* color: #008D98; */
	color: #19494C;
	text-decoration: none;
}

/* Color to match the home page block */
.quotebox_tealright {
	float:right;
	width:200px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 15px;
	background-color:#339999;
	text-align: right;
	vertical-align: middle;
}

.quotebox_tealleft {
	float:left;
	width:200px;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 10px;
	background-color:#339999;
	text-align: left;
	vertical-align: middle;
}

.quotetext_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	/* color: #008D98; */
	color: #FFFFFF;
	text-decoration: none;	
}

.quoteattrib_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	/* color: #008D98; */
	color: #FFFFFF;
	text-decoration: none;
}

/* Color isn't quite right -- want to match the home page block, but this is a bit more saturated. Need sample in Photoshop. */
.quotebox_stoneright {
	float:right;
	width:200px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 15px;
	background-color:#C2D0A2;
	text-align: right;
	vertical-align: middle;
}

.quotebox_stoneleft {
	float:left;
	width:200px;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 10px;
	background-color:#C2D0A2;
	text-align: left;
	vertical-align: middle;
}

.quotetext_black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	/* font-weight: bold; */
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	/* color: #008D98; */
	color: #000000;
	text-decoration: none;	
}

.quoteattrib_black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/* font-weight: bold; */
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	/* color: #008D98; */
	color: #000000;
	text-decoration: none;
}

/* Use with white text and attribute. If choose different color, add the text classes needed */
.quotebox_greenright {
	float:right;
	width:200px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 15px;
	background-color:#78aa42; 
/*	background-color:#3c4f22; */
	text-align: right;
	vertical-align: middle;
}

.quotebox_greenright_video {
	float:right;
	width:300px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 15px;
	background-color:#78aa42; 
/*	background-color:#3c4f22; */
	text-align: right;
	vertical-align: middle;
}

.quotebox_greenleft {
	float:left;
	width:200px;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 10px;
	background-color:#78aa42; 
/*	background-color:#3c4f22; */
	text-align: left;
	vertical-align: middle;
}

/* Use with blue text and attribute. If choose different color, add the text classes needed */
.quotebox_greyright {
	float:right;
	width:200px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 15px;
	background-color:#C2C2C2;
	text-align: right;
	vertical-align: middle;
}

.quotebox_bioright {
	float:right;
	width:250px;
	margin-left: 15px;
	margin-right: 0px;
	padding-left: 10px;
	text-align: left;
	vertical-align: middle;
}

.quotebox_greyleft {
	float:left;
	width:200px;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	padding-right: 10px;
	background-color:#C2C2C2;
	text-align: left;
	vertical-align: middle;
}

/* Jim added to support table like layouts on pages. Class allows creating
div sections, so can place on page, move around, etc. without dealing 
with tables. */
/* When have time, consider changing declerations using inheritance / specificity to
create a generic "cell" that is then detailed for differnet uses. */

.cell_left {
	width:43%;
	float: left; 
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
/*	background-color:#C2D0A2;   */
	text-align: left;
	vertical-align: top;

}

.cell_right {
	width:43%;
	float: right; 
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
/*	background-color:#C2D0A2; */
	text-align: left;
	vertical-align: top;

}

.cell_alone {
	width:43%;
	left: auto; 
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
/*	background-color:#C2D0A2;  */
	text-align: left;
	vertical-align: top;
}

.cell_fullrow {
	width:95%;
	left: auto; 
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
/*	background-color:#C2D0A2;  */
	text-align: left;
	vertical-align: top;
}





/*Delicious feed */

.delicious-posts a { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #19494C;
	text-decoration: none;	
	padding-left: 0px;

}

.delicious-posts a:hover { 
	font-size: 14px;
	color: #19494C;
	text-decoration: underline;	
	padding-left: 0px;

}

.delicious-posts ul, .delicious-posts li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	padding-left: 0px;
	margin-left: 0px;
	padding-bottom: 20px;
	color: #000000;
	text-decoration: none;
	list-style-type: none;	
}




.delicious-posts { margin: 0em; border: 0px solid #ddd; padding: 0em; font-family: sans-serif; }
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding-bottom: 1em}
.delicious-post { border-top: 0px solid #eee; padding: 0em; font-size: 100% }
.delicious-banner a { font-size: 100% }
.delicious-posts a:hover { text-decoration: underline }









/*main navigation */

.arrow {
	color: #006600;
}
.arrow2 {
	color: #FFFFFF;
}
* html .treemenu ul{
	margin-right: 1em;
	padding-left: 1.6em;
	padding-right: 1.4em;
	text-decoration: none;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;	
}

.treemenu ul{
	margin-right: 1.0em;
	padding-left: 1.6em;
	padding-right: 1.4em;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	list-style-image: url('/images/toplink_bullet.gif');
	#list-style: none;
	
}


/*Top level list items*/
.treemenu ul li {
	position: relative;
	float: left;
	width: 100px;
	font-size: 13px;
	text-decoration: none;
	list-style: none;
	z-index: 99999;
	
}

* html .treemenu ul li {
	position: relative;
	float: left;
	width: 100px;
	font-size: 13px;
	text-decoration: none;
	list-style: none;

}

.treemenu ul li.programs{
	position: relative;
	float: left;
	width: 140px;
	padding-left: 20px;
	background: url('/images/toplink_bullet.gif') left center no-repeat;
	
}


.treemenu ul li.leadership{
	position: relative;
	float: left;
	width: 115px;
	padding-left: 20px;
	background: url('/images/toplink_bullet.gif') left center no-repeat;
	

}

.treemenu ul li.nas{
	position: relative;
	float: left;
	width: 130px;
	padding-left: 20px;
	background: url('/images/toplink_bullet.gif') left center no-repeat;


}
.treemenu ul li.home{
	position: relative;
	float: left;
	width: 55px;
	padding-left: 20px;
	background: url('/images/toplink_bullet.gif') left center no-repeat;
}

.treemenu ul li.about{
position: relative;
	float: left;
	padding-left: 20px;
	background: url('/images/toplink_bullet.gif') left center no-repeat;

}
/*Top level menu link items style*/
.treemenu ul li a{
	display: block;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: black;
	background: url(/images/background.png) repeat right;
	
}
	
/*1st sub level menu*/
.treemenu ul li ul{
padding: 0;
margin: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
list-style: none;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.treemenu ul li ul A:hover{
background: url('/images/topmenu.png');	
}
*html .treemenu ul li ul{
padding: 0;
margin: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
list-style: none;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.treemenu ul li ul li{
display: list-item;
float: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
list-style: none;

}


/*All subsequent sub menu levels offset after 1st level sub menu */
.treemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.treemenu ul li ul li a{
display: block;
color: black;
width: 160px;
text-decoration: none;
padding: 5px 5px; /* spacing of sub menu levels */
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	


}
.treemenu ul li ul li.width a{
width: 90px; /*width of sub menu levels*/


}
/*Background image for top level menu list links */
/* "Media" folder and this image do not exist. Do not appear to be used in site */
.treemenu .mainfoldericon{
background: url(media/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.treemenu .subfoldericon{

}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .treemenu ul li { float: left; height: 1%; }
* html .treemenu ul li a { height: 1%; }
/* End */


/*Top Navigation*/
#dropmenudiv{
	position:absolute;
	background: url('/images/topmenu.png');	
	border-bottom-width: 0;
	font:normal 10px Verdana;
	line-height:12px;
	z-index:100;
	text-decoration: none;
	color:white;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
color:white;
}

#dropmenudiv a:hover{ /*hover background color*/
text-decoration: underline;
}





/* BELOW: added by Way Cool Web Design 12/2008 http://www.WayCoolWebDesign.com */

h2#fp-title1	{
	display: block;
	text-indent: -99999px;
	position: absolute;
	left: -99999px;
	top: -99999px;
	}
#featured-projects-container1	{
	background: #99cbc5 url(/images/hdr-programs1.gif) 0 0 no-repeat;
	color: #464646;
	}
#featured-projects-container1 p	{
	color: #464646;
	font-size: 12px;
	line-height: 1.25;
	}
#featured-projects-container1 h3	{
	font-size: 13px;
	color: #464646;
	text-transform: uppercase;
	margin-bottom: 3px;
	}
#featured-projects-container1 .fp-text1	{
	padding: 64px 115px 0 18px;
	color: #464646;
	}
#featured-projects-container1 .fp-text1 a	{
	color: #626262;
	text-decoration: underline;
	}
#featured-projects-container1 .on,
#featured-projects-container1 .off	{
	width: 289px;
	height: 249px;
	background-position: 100% 100%;
	background-repeat: no-repeat;
	text-align: left;
	position: relative;
	}
#fp1	{
	background-image: url(/images/home-programs-1.jpg);
	}
#fp2	{
	background-image: url(/images/home-programs-2.jpg);
	}
#fp3	{
	background-image: url(/images/home-programs-3.jpg);
	}
#fp4	{
	background-image: url(/images/home-programs-4.jpg);
	}
#fp5	{
	background-image: url(/images/home-programs-5.jpg);
	}
ul.fp-nav1	{
	position: absolute;
	bottom: 210px;
	left: 180px;
	}
ul.fp-nav1,
ul.fp-nav1 li	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: none;
	}
ul.fp-nav1 li	{
	float: left;
	margin-right: 4px;
	}
ul.fp-nav1 a	{
	display: block;
	float: left;
	padding: 1px 4px;
	background-color: #007c85;
	color: #fff;
	font-size: 10px;
	}
ul.fp-nav1 li.selected a	{
	color: #a6d4d0;
	}
ul.fp-nav1 li.first a,
ul.fp-nav1 li.last a	{
	background-color: transparent;
	color: #007c85;
	}
ul.fp-nav1 li.first a span,
ul.fp-nav1 li.last a span	{
	position: relative;
	top: -1px;
	}
	
#featured-projects-container1 .on	{
	position: relative;
	left: auto;
	top: auto;
	}
#featured-projects-container1 .off	{
	position: absolute;
	left: -99999px;
	top: -99999px;
	}
	
/* ABOVE: added by Way Cool Web Design 12/2008 http://www.WayCoolWebDesign.com */




/* Feedburner CSS */

.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 10px;
	color: #464646;
	text-decoration: none;
	}
 
div.feedburnerFeedBlock ul {
   padding:0;
   position:relative;
   left:-.25em;
   overflow:hidden;

}
 div.feedburnerFeedBlock li {
list-style-type:none;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight:inherit;
	padding-bottom: 14px;


}

 
	div.feedBurnerFeedBlock  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464646;
	text-decoration: none;
	padding-bottom: 14px;
	}
 
#creditfooter {

display: none;

}