HTML, BODY { text-align:center;	margin:0px 0px 0px 0px;	background-image: url(../images/bgblue.gif); background-repeat: repeat-x; color:#333; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight: normal;}
div.outtershell { position:relative; margin: auto; text-align:left; width:900px;}
/*top*/
div.top {width:900px;height:308px;}
div.bkgbanner{background-image: url(../images/mid_img.gif);	height: 304px; width: 900px; z-index: 2; position: absolute; top: 0px;}
div.bkgbannerB{background-image: url(../images/mid_img_education.jpg);	height: 304px; width: 900px; z-index: 2; position: absolute; top: 0px;}
div.bkgbannerC{background-image: url(../images/mid_img_federation.jpg);	height: 304px; width: 900px; z-index: 2; position: absolute; top: 0px;}

div.dropnav{position:absolute; z-index:20; left:428px; top:5px; width:447px;}
div.drop{ width:238px; float:right; padding:0px 5px 0px 10px}
div.dropnavtxt{
	position:absolute;
	width:150px;
	height:35px;
	float:right;
	top:1px;
	padding:0px 5px 0px 10px;
	left: 75px;
}
div.navigationbar {	position:absolute; z-index: 20; left: 415px; top:45px; width:505px; height:35px;}
div.navigationbar div.welcome{float:left; width:82px;}
div.navigationbar div.gardens{float:left; width:78px;}
div.navigationbar div.education{float:left; width:164px;}
/*div.navigationbar div.resources{float:left; width:95px;}*/
div.navigationbar div.topnews{float:left; width:60px;}
div.navigationbar div.partnerships{float:left; width:101px;}
div.logo { position: relative; left: 120px; height: 80px; width: 267px;	z-index: 10; top: 0px;}

div.homeflash{ padding-top:20px; height:175px; width: 676px;}

/*left col*/
div.leftcolumn{	padding-top:15px;	float:left;	width:204px;	height:404px;}
div.lcheader{width:204px;height:16px;}
div.photoshome { width:183px; height:200px; background-color: #DB8A1C; padding-left:20px;}
div.photosbottom{  width: 204px; height:34px;background-color: #DB8A1C;	text-align: right;}
div.ojfoliage{ position:relative; top:-83px; width:61px;}

/*main copy area*/
div.welcometxt{ padding-top:15px; padding-left:30px; padding-bottom:15px; float:left; width:395px; height:auto; height:800px;}
div.welcometxt h2{ font-size: 18px;font-weight: bold; color: #7c9342;}
div.welcometxt p{ font-size: 11px; color: #000000; line-height: 16px;}
div.welcometxt a{color:#d2691e;}
div.welcometxt a:hover{ text-decoration: underline; color:#FAA35C;}

div.awards{clear:both; text-align:center; padding:0; margin-top:-60px; color:#333; height:auto; }

/*bottom content including footer*/
div.bottom{ float:left; clear: both; width:900px;height:auto; padding-top:16px; }
div.contentcap{ width:900px; height:auto;	}
div.footer { font-size: 10px; color:#d2691e; height: 60px; width: 900px; padding-top:30px;}
div.footer a { text-decoration: none; color:#d2691e;padding-right: 5px;	padding-left: 5px;	text-indent: 10px;}
div.footer a:hover { text-decoration: none; color:#FAA35C;}
div.footer p {padding:0px 0px 0px 15px;color:#000000;}
#clevelandstate { position:relative; left: 609px; top:-61px; width:265px;}
#verybottom { width:900px;height:100px; background-color:#DADADA;}

/*news col positioned absolutely and down to the bottom of the layout in the markup*/
div.newsholder{	position:absolute;top:328px;width: 224px; height: auto; font-size: 10px;left: 674px; color:#FFFFFF;}
div.newsholder h2{ font-size:12px; font-weight: bold;  }
div.newsholder p{ }
div.newsholder a{  color: #FFFFFF;}
div.newsheader { height:43px; width:226px; background-image: url(../images/newseventstop.gif); background-repeat: no-repeat;}
div.newsbottom{position:relative;	height:45px; width: 226px; background-color: #9ABA55; text-align: right;}
div.newsseperator2{	height: 23px; width:226px; background-image: url(../images/seperator2.gif);	background-repeat: no-repeat;}
div.newsseperator1{	height: 11px; width: 226px; background-color:#FFFFFF;}
div.newsstory{ width:200px; background-color: #7A943C; padding:5px 5px 5px 21px;}
div.foliage{ position:relative;	top:-93px; width:25px;}

/*this is now down and postioned absolutely*/
div.leftCol2holder{	position:absolute;	left: 1px;	top: 773px;}
div.lcheader2{ width: 204px; height:13px;}
div.contactcurators { width:183px; height:90px; background-color: #557D86; padding-left:20px;}
div.curatorsbottom{ width: 204px; height:34px; background-color: #557D86; text-align: right;}

/*added crooked river*/
div.crookedriver{  z-index:100; font-size: 11px; color:#999999; position:absolute; left: 560px; top: 308px; width:400px;}


/*news col positioned absolutely and down to the bottom of the layout in the markup*/
div.greenholder{	padding-top: 20px;	float:left;	width:224px; height:297px; font-size: 10px;left: 674px;}
div.greenholder h2{ font-size:10px; font-weight: bold;  }
div.greenholder p{ }
div.greenholder a{  text-decoration:none;color: #FFFFFF;}
div.greensheader { height:43px; width:226px; background-image: url(../images/federationtop.gif); background-repeat: no-repeat;}
div.greenbottom{	height:45px; width: 226px; background-color: #9ABA55; text-align: right;}
div.greenseperator2{	height: 23px; width:226px; background-image: url(../images/seperator2.gif);	background-repeat: no-repeat;}
div.greenseperator1{	height: 11px; width: 226px; background-color:#FFFFFF;}
div.greenstory{ height:150px; width:200px; background-color: #7A943C; padding:5px 5px 5px 21px;}
div.greenfoliage{ position:relative;	top:-93px;}

