body {
	margin					: 0px;
	text-align				: center;
	background-color		: #799358;
}
.wrapper {
	margin					: auto;
	width					: 800px;
	height					: 640px;
	position				: relative;
}

/*********************** DYNAMIC NAVIGATION HIGHLIGHTER ***********************/
body#co li#lico a, 
body#mp li#limp a, 
body#cm li#licm a, 
body#mr li#limr a, 
body#cd li#licd a, 
body#co2 li#lico a,
body#map li#lipr a, 
body#project li#limp a, 
body#projectcm li#licm a, 
body#projectmp li#limp a, 
body#projectmr li#limr a { 
	color					: #E2E6D5;
}

/****** THESE STYLES CONTROL THE PANORAMIC IMAGE DISPLAYED IN THE HEADER ******/
body#co .panoramic {
	background				: url(graphics/header1.jpg);
}
body#co2 .panoramic {
	background				: url(graphics/header2.jpg);
}
body#mp .panoramic {
	background				: url(graphics/header3.jpg);
}
body#cm .panoramic {
	background				: url(graphics/header4.jpg);
}
body#mr .panoramic {
	background				: url(graphics/header5.jpg);
}
body#cd .panoramic {
	background				: url(graphics/header6.jpg);
}
body#map .panoramic {
	background				: url(graphics/header7.jpg);
}
body#home .panoramic {
	background-color		: #005C52;
	background-image		: url(images/shadow.jpg);
	height					: 40px;
}

/******************************************************************************/
/*** STYLES FOR NEW TEMPLATE ***/
body#home .utility, body#home .tagline {
	background-color		: #005C52;
	color					: #C2CCA5;
}
body#home .utility a {
	color					: #C2CCA5;
}
body#home .utility a:hover {
	color					: #E2E6D5;
}
.cdgbanner {
	height					: 59px;
	background				: url(graphics/cdgbanner.jpg);
	cursor					: pointer;
}
.cdglogo {
	width					: 216px;
	height					: 89px;
	text-align				: center;
	background-color		: #A9B381;
	border-bottom			: 1px solid #DFE2D0;
}
.cdglogoimg {
	margin-top				: 10px;
	border					: 0px;
	background-color		: #A9B381;	
	_margin-bottom			: -4px;
}
.content {
	height					: 239px;
	width					: 584px;
	background-color		: #D4DABD;
	border-top				: 1px solid #EFF1E6;
	border-bottom			: 1px solid #EFF1E6;
	text-align				: left;
}
.content p, .contentfull p {
	font-family				: Arial, sans-serif;
	font-size				: 11px;
	text-align				: left;
	padding-top				: 12px;
	padding-left			: 20px;
	padding-right			: 20px;
	color					: #050000;
	line-height				: 15px;
	text-indent				: 10px;
}
.contentfooter {
	height					: 33px;
	background-color		: #D4DABD;
	line-height				: 33px;
	vertical-align			: middle;
	color					: #687644;
	text-transform			: uppercase;
	font-variant			: normal;
	font-size				: 9px;
	font-family				: Arial, sans-serif;
	border-top				: 1px solid #EFF1E6;
	text-align				: center;
}
.contentfooter a {
	color					: #687644;
	text-decoration			: none;
	vertical-align			: middle;
	text-transform			: capitalize;
	font-variant			: normal;
	font-size				: 10px;
	font-family				: Arial, sans-serif;
}
.contentfooter a.current {
	color					: #445D25;
	text-decoration			: underline;
}
.contentfooter a:hover {
	color					: #463506;
}
.contentfull {
	background-color		: #D4DABD;
	border-bottom			: 1px solid #EFF1E6;
}
.contentheading {
	height					: 88px;
	width					: 584px;
	background-color		: #D4DABD;
	vertical-align			: bottom;
	text-align				: left;
	border-bottom			: 1px solid #EFF1E6;
	position				: relative;
}
.contentheading div {
	color					: #7A5F14;
	font-weight				: bold;
	font-family				: Verdana, Arial, Helvetica, sans-serif;
	font-size				: 11px;
	padding-left			: 20px;
	padding-bottom			: 15px;
	padding-right			: 10px;
	line-height				: 17px;
	bottom					: 0px;
	position				: absolute;
}
.copyright {
	height					: 20px;
	width					: 800px;
	line-height				: 20px;
	text-align				: center;
	vertical-align			: middle;
	color					: #FFFFFF;
	font-family				: Arial, sans-serif;
	font-size				: 10px;
	font-variant			: normal;
}
.copyright a {
	color					: #FFFFFF;
	text-decoration			: underline;
}
.copyright a:hover {
	color					: #7A5F14;
}
.footer {
	height					: 20px;
	width					: 800px;
	line-height				: 20px;
	text-align				: center;
	vertical-align			: middle;
	color					: #FFFFFF;
	font-family				: Arial, sans-serif;
	font-size				: 10px;
	font-variant			: normal;
}
.footer a {
	color					: #FFFFFF;
	text-decoration			: none;
}
.footer a:hover {
	color					: #7A5F14;
}
.leftfooter {
	width					: 216px;
	height					: 33px;
	background-color		: #A9B381;
	border-top				: 1px solid #DFE2D0;
	color					: #7A5F14;
	font-weight				: bold;
	font-family				: Arial, sans-serif;
	font-size				: 13px;
	line-height				: 32px;
	vertical-align			: middle;
	text-align				: right;
	padding-right			: 10px;
}
.leftnav {
	width					: 216px;
	background-color		: #A9B381;
	border-top				: 1px solid #DFE2D0;
	border-bottom			: 1px solid #DFE2D0;
	font-family				: "Times New Roman", Times, serif;
	font-size				: 14px;
	font-weight				: bold;
	color					: #000000;
	letter-spacing			: .03em;
	vertical-align			: top;
}
.leftnav ul {
	margin					: 0px;
	padding					: 0px;
	margin-top				: 15px;
}
.leftnav ul li {
	text-align				: right;
	padding-right			: 20px;
	list-style-type			: none;
	padding-top				: 5px;
	padding-bottom			: 5px;
}
.leftnav ul li a {
	color					: #0E4245;
	font-variant			: small-caps;
	font-size				: 14px;
	line-height				: 18px;
	text-decoration			: none;
}
.leftnav ul li a:hover {
	color					: #E2E6D5;
}
.newspanel {
	font-family				: Arial, Helvetica, sans-serif;
	width					: 160px;
	background-color		: #9B943C;
	text-align				: left;
	height: 100%;
}
.newstitle {
	font-family				: Times New Roman, Times, serif;
	font-size				: 16px;
	color					: #EAE482;
	text-align				: center;
	vertical-align			: top;
	padding-top				: 0px;
	padding-right			: 0px;
	padding-bottom			: 0px;
	padding-left			: 0px;
	font-weight				: bold;
}
.newstitle, .newstitle a:link, .newstitle a:visited {
	font-family				: Georgia, "Times New Roman", Times, serif;
	font-size				: 12px;
	color					: #EAE482;
	text-align				: center;
	vertical-align			: top;
	padding-top				: 0px;
	padding-right			: 0px;
	padding-bottom			: 0px;
	padding-left			: 0px;
	font-weight				: bold;
	text-decoration			: none;
}	
.newstitle a:hover {
	color: #3300FF;
}
.panoramic {
	height					: 120px;
	background-color		: #D4DABD;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 11px;
	text-align				: left;
	padding-left			: 55px;
	padding-right			: 55px;
	text-indent				: 0px;
	vertical-align			: middle;
	text-indent				: 10px;
}
.utility {
	height					: 27px;
	line-height				: 27px;
	background-color		: #D4DABD;
	text-align				: right;
	vertical-align			: middle;
	color					: #80671F;
	font-family				: Arial, sans-serif;
	font-size				: 11px;
	font-variant			: small-caps;
}
.utility a {
	color					: #80671F;
	text-decoration			: none;
}
.utility a:hover {
	color					: #463506;
}

.tagline {
	height					: 27px;
	line-height				: 27px;
	background-color		: #D4DABD;
	text-align				: left;
	vertical-align			: middle;
	color					: #80671F;
	font-family				: Arial, sans-serif;
	font-size				: 11px;
	font-variant			: small-caps;
	float					: left;
	padding-left			: 12px;
}

/**************************************************************************/
/*** HOME PAGE STYLES + INTRO STYLES ***/
.divcaption {
	height					: 35px;
	display					: none;
	font-size				: 12px;
	line-height				: 35px;
	vertical-align			: middle;
	position				: absolute;
	top						: 0px;
	text-align				: left;
	font-weight				: bold;
	letter-spacing			: 0.17em;
	font-family				: Arial, Helvetica, sans-serif;
	font-variant			: normal;
	text-transform			: uppercase;
	color					: #ECF0DD;
}
#divimgcm {
	left					: 0px;
	width					: 800px;
	text-align				: center;
}
#divimgco {	left : 10px; }
#divimgmp {	left : 110px; }
#divimgmr { left : 460px; }
#divimgcd { right : 10px; }
.flashintro {
	text-align				: center;
	height					: 130px;
	background-color		: #D4DABD;
	color					: #80671F;
	font-size				: 10px;
}
.flashintro p {
	margin-bottom			: 5px;
	margin-top				: 0px;
	margin-left				: 5px;
	margin-right			: 5px;
}
h1#divtitlewelcome {
	left					: 0px;
	width					: 800px;
	margin					: 0px;
	height					: 35px;
	text-align				: center;
	vertical-align			: middle;
	text-transform			: uppercase;
	font-variant			: normal;
	font-size				: 12px;
	font-family				: Arial, Helvetica, sans-serif;
	font-weight				: bold;
	letter-spacing			: 0.17em;
	line-height				: 35px;
	color					: #ECF0DD;
}
.hometiles {
	height					: 163px;
	position				: relative;
}
.hometitle {
	height					: 34px;
	background-color		: #59753E;
	position				: relative;
	text-align				: center;
	vertical-align			: middle;
	text-transform			: uppercase;
	font-variant			: normal;
	font-size				: 12px;
	font-family				: Arial, Helvetica, sans-serif;
	font-weight				: bold;
	letter-spacing			: 0.1em;
	line-height				: 35px;
}
.homecontent {
	background-color		: #A9B381;
	text-align				: justify;
	font-size				: 11px;
	font-family				: Arial, sans-serif;
	font-variant			: normal;
	color					: #3B3A32;
	line-height				: 14px;
	letter-spacing			: .02em;
	padding-right			: 35px;
	padding-left			: 35px;
	width					: 570px;
}
.homecontent p {
	line-height				: 14px;
}
.homecontent div {
	padding					: 15px;
}
.introfooter {
	height					: 130px;
	line-height				: 20px;
	background-color		: #005C52;
	color					: #C2CCA5;
	text-align				: center;
	vertical-align			: middle;
	font-family				: Arial, sans-serif;
	font-size				: 13px;
}
.introheading {
	height					: 115px;
	line-height				: 50px;
	background-color		: #005C52;
	color					: #C2CCA5;
	text-align				: center;
	vertical-align			: middle;
	font-family				: Arial, sans-serif;
	font-size				: 14px;
	font-weight				: bold;
	margin					: 0px;
}
.introspacer {
	height					: 80px;
	background-color		: #005C52;
	line-height				: 80px;
	color					: #C2CCA5;
	text-align				: center;
	vertical-align			: middle;
	font-family				: Arial, sans-serif;
	font-size				: 10px;
}
.introspacer a {
	color					: #C2CCA5;
	text-decoration			: underline;
}
.newspanel {

	width					: 160px;
	background-color		: #9B943C;
	text-align				: left;
	font-size				: 12px;
}
.newspanel ul {
	padding					: 0px;
	margin					: 0px;
}
.newspanel ul li {
	padding					: 0px;
	margin					: 4px 5px 0px 20px;
	font-size				: 11px;
	font-family				: Arial, Helvetica, sans-serif;
}
.newspanel ul li a {
	color					: green;
	
}
.newstitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #EAE482;
	text-align: center;
	vertical-align: top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
}
.tileimg {
	border					: 0px;
}
.tileco, .tilemp, .tilecm, .tilemr, .tilecd {
	height					: 163px;
	width					: 160px;
	position				: absolute;
	top						: 0px;
}
.tileco { left : 0px; }
.tilemp { left : 160px; }
.tilecm { left : 320px; }
.tilemr { left : 480px; }
.tilecd { left : 640px; }

/**************************************************************************/

.biotitle {
	color					: #7A5F14;
	font-weight				: bold;
	font-family				: Arial, sans-serif;
	font-size				: 12px;
	line-height				: 15px;
}
.biophotocell {
	vertical-align			: top;
	text-align				: right;
	width					: 225px;
}
.communityimg {
	width					: 85px;
	height					: 85px;
	border					: 0px;
	float					: right;
	margin					: 20px;
	margin-top				: 10px;
}
h1.pagetitle {
	margin					: 0px;
	height					: 35px;
	background-color		: #447366;
	text-align				: left;
	padding-left			: 216px;
	vertical-align			: middle;
	color					: #ECF0DD;
	text-transform			: uppercase;
	font-variant			: normal;
	font-size				: 12px;
	font-family				: Arial, Helvetica, sans-serif;
	font-weight				: bold;
	letter-spacing			: 0.17em;
	line-height				: 35px;
}

.mapmain {
	font-weight				: bold;
	margin-left				: 15px;
	margin-top				: 1px;
	font-size				: 11px;
	font-family				: verdana;
	letter-spacing			: 0.03em;
	line-height				: 21px;
}
.mapmain a, p a { 
	color					: #7A5F14;
	text-decoration			: underline;
}
.mapsub {
	font-weight				: normal;
	margin-left				: 25px;
}
.mapsub a {
	text-decoration			: underline;
	color					: #463506;
}
p {margin-top : 3px; }
.pagecontent {
	height					: 359px;
	background-color		: #D4DABD;
}
.biocontent {
	vertical-align			: top;
	padding-top				: 14px;
	font-family				: Arial, sans-serif;
	font-size				: 11px;
	text-align				: left;
	color					: #050000;
	padding-right			: 15px;
	padding-left			: 10px;
	line-height				: 15px;
}
.biocontent ul, .plaintext ul {
	margin					: 0px;
	margin-left				: 4px;
	padding-left			: 8px;
}
.plaintext ul li {
	font-family				: Arial, sans-serif;
	font-size				: 11px;
	text-align				: left;
	color					: #050000;
	vertical-align			: top;
	line-height				: 15px;
	list-style-type			: square;
	vertical-align			: middle;
}
.biocontent div {
	text-indent				: 0px;
}
.plaintext {
	font-family				: Arial, sans-serif;
	font-size				: 11px;
	text-align				: left;
	color					: #050000;
	padding-right			: 15px;
	padding-left			: 10px;
	vertical-align			: top;
	line-height				: 15px;
	text-indent				: 0px;
}
.portraitcaption {
	font-family				: Arial, sans-serif;
	font-size				: 11px;
	font-weight				: bold;
	text-align				: left;
	color					: #216858;
	padding-left			: 10px;
}
/***************************************************************/
/*** COMMUNITY PAGE ***/
.bluecaption {
	font-size				: 11px;
	font-weight				: bold;
	font-family				: Arial, sans-serif;
	padding-top				: 5px;
	padding-bottom			: 0px;
	text-indent				: 0px;
	color					: #094373;
	text-decoration			: none;
	text-align: left;
}
.blueheading {
	font-weight				: bold;
	font-size				: 14px;
	padding-top				: 5px;
	padding-bottom			: 8px;
	text-indent				: 0px;
	padding-left			: 8px;
	color					: #094373;
}
.centercolumn {
	width					: 33%;
	border-left				: thin dotted #FFFFFF;
	border-right			: thin dotted #FFFFFF;
	font-size				: 10px;
	font-family				: Arial, Helvetica, sans-serif;
	line-height				: 13px;
}
.leftcolumn {
	width					: 33%;
	font-size				: 10px;
	font-family				: Arial, Helvetica, sans-serif;
	line-height				: 13px;
}
.redcaption {
	font-size				: 10px;
	padding-top				: 5px;
	padding-bottom			: 5px;
	text-indent				: 0px;
	color					: #AC3B29;
	text-decoration			: underline;
}
.redheading {
	font-weight				: bold;
	font-size				: 14px;
	padding-top				: 5px;
	padding-bottom			: 8px;
	text-indent				: 0px;
	padding-left			: 8px;
	color					: #AC3B29;
}
.rightcolumn {
	width					: 33%;
	font-size				: 10px;
	font-family				: Arial, Helvetica, sans-serif;
	line-height				: 13px;
}
.tealcaption {
	font-size				: 10px;
	padding-top				: 5px;
	padding-bottom			: 5px;
	text-indent				: 0px;
	color					: #216858;
	text-decoration			: underline;
}
.tealheading {
	font-weight				: bold;
	font-size				: 14px;
	padding-top				: 5px;
	padding-bottom			: 8px;
	text-indent				: 0px;
	padding-left			: 8px;
	color					: #216858;
}