HTML, BODY { text-align:center;	margin:0px 0px 0px 0px;	background-image: url(../images/bgblue.gif); background-repeat: repeat-x; font-size:11px; line-height:17px; font-family: Arial, Helvetica, sans-serif; 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;}

/* FLASH ITEMS */
div.flashholder{position: absolute; height:266px;width: 834px;left: 34px;top: 86px;z-index: 100;}
div.audioPlayer{position: absolute; height:239px;width: 205px;left: 696px;top: 373px;z-index: 101;}
div.photoViewer{position: absolute; height:236px;width: 292px; z-index:102;}

/* */
div.midSection{position:relative; top:65px; height:auto; padding-bottom:50px;}
div.centerColumn{position:relative; left:0px; width:auto; height:auto;}
div.gardenName{position:relative; background-color:#DA8A1F; left:294px; width:587px; background-image:url(../images/orange_corner_garden.gif); background-repeat:no-repeat; text-align:left; color:#fff; font-family: Helvetica Neue ultralight, Helvetica, sans-serif; font-size:21px; letter-spacing:1px; font-weight:lighter; padding:10px; }
div.gardenDetail{position:relative; color:#000; font-size:11px; left:294px; padding:22px; line-height:20px; width:358px; height:158px; overflow:auto;}
/*left col
div.leftcolumn{	padding-top: 60px;	float:left;	width:275px; height:297px;}
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.contentarea{ padding-top:60px; padding-left:30px; padding-bottom:15px; float:left; width:575px; height:auto;}
div.contentarea h2{ font-size: 18px;font-weight: bold; color: #7c9342;}
div.contentarea p{ font-size: 10px; color: #000000; line-height: 16px;}
div.gardenxof{ font-size:9px;}
div.gardenpagedetail{float:left; font-size:9px;}
div.gardenpagedetail a{color:#d2691e; text-decoration:none;}
div.gardenpage{ font-size:9px;}
div.gardenxof a{color:#d2691e; text-decoration:none;}
div.gardenpage a{color:#d2691e; text-decoration:none;}
div.gardens{ font-size:9px;}
/* art */
div.artxof{ font-size:9px;}
div.artpage{ font-size:9px;}
div.artxof a{color:#d2691e; text-decoration:none;}
div.artpage a{color:#d2691e; text-decoration:none;}
div.art{ font-size:9px;}


/*main copy area*/
div.welcometxt{ padding-top:15px; padding-left:30px; padding-bottom:15px; float:left; width:540px; height:auto; line-height:20px; }
div.welcometxt a{color:#d2691e;}
div.welcometxt a:hover{ text-decoration: underline; color:#FAA35C;}
div.welcometxt h2{ font-size: 18px;font-weight: bold; color: #7c9342;}
div.welcometxt h3{ font-size: 12px;font-weight: bold; color: #7c9342;}
div.welcometxt p{ font-size: 10px; color: #000000; line-height: 16px;}

div.contentarea td#numberCol{ height:27px; width:65px; font-size:9px; font-weight:bolder; border-bottom:1px solid #000000;	text-align: center; padding-left:10px; padding-right:10px;}
div.contentarea td#nameCol{height:27px; width:155px; font-size:9px; font-weight:bold; background-color:#DDEFF3; text-align: center; padding-left:10px; padding-right:10px;}
div.contentarea td#descriptionCol{ height:27px; width:320px; font-size:9px; font-weight:bold; border-bottom:1px solid #000000; padding-left:10px; padding-right:10px; margin-left:5px;}
div.contentarea td.carrot{padding-right:10px;}
div.contentarea td.carrot2{padding-right:10px; background-color:#DDEFF3;}
div.contentarea td.gardenNumbers{
	font-size: 9px;
	text-align: center;
}
div.contentarea td.gardenNames{
	font-size: 9px;
	text-align: center;
	background-color:#DDEFF3;
}
div.contentarea td.gardenDescriptions{
	font-size: 9px; padding-left:10px; padding-right:10px;
}

/* ART AND SCULPTURE INVENTORY TABLE */
div.artInventory{ font-size:10px; padding-top:20px; padding-left:0px; padding-bottom:20px; float:left; width:685px; height:236px;}
div.artHead{position:relative; width:272px; background-color:#557E86; height:auto; background-image:url(../images/artInventory_corner.gif); background-repeat:no-repeat; text-align:left; color:#C1E1E7; padding:10px; font-family: Helvetica Neue ultralight, Helvetica, sans-serif; font-size:18px; letter-spacing:1px; font-weight:lighter; }
div.artSubHead{position:relative; width:auto; background-color:#557E86;  height:5px;}

div.artInventory td {padding:4px; }
div.artInventory td#titleCol{ height:27px; width:155px; font-weight:bolder; border-bottom:1px solid #000000; text-align: center; padding-left:10px; padding-right:10px;}
div.artInventory td#artistCol{height:27px; width:75px; font-weight:bold; background-color:#DDEFF3; text-align: center; padding-left:10px; padding-right:10px;}
div.artInventory td#dateCol{ height:27px; width:75px; font-weight:bolder; border-bottom:1px solid #000000;	text-align: center; padding-left:10px; padding-right:10px;}
div.artInventory td#descriptionCol{ height:27px; width:135px; font-weight:bold; background-color:#DDEFF3; text-align: center; padding-left:10px; padding-right:10px;}
div.artInventory td#typeCol{ height:27px; width:94px; font-weight:bolder; border-bottom:1px solid #000000;	text-align: center; padding-left:10px; padding-right:10px;}
div.artInventory td#conditionCol{ height:27px; width:120px; font-weight:bold; background-color:#DDEFF3; text-align: center; padding-left:10px; padding-right:10px;}
div.artInventory td.carrot{padding-right:10px;}
div.artInventory td.carrot2{padding-right:10px; background-color:#DDEFF3;}


div.artInventory td.artTitle{
	text-align: left;
}
div.artInventory td.artArtist{
	padding-left:10px; padding-right:10px;
	background-color:#DDEFF3;
}
div.artInventory td.artDate{
	padding-left:10px; padding-right:10px;
	text-align: center;
}
div.artInventory td.artDescription{
	padding-left:10px; padding-right:10px;
	background-color:#DDEFF3;
}
div.artInventory td.artType{
	text-align: center;
	padding-left:10px; padding-right:10px;
}
div.artInventory td.artCondition{
	text-align: center;
	padding-left:10px; padding-right:10px;
	background-color:#DDEFF3;
}

/* */

/* ADDITIONAL ITEMS */
div.addItems {position:absolute; left:695px; width:205px; top:665px;}
div.addHead {position:relative; background-color:#557E86; height:auto; background-image:url(../images/artInventory_corner.gif); background-repeat:no-repeat; text-align:left; color:#C1E1E7; padding:10px; font-family: Helvetica Neue ultralight, Helvetica, sans-serif; font-size:18px; letter-spacing:1px; font-weight:lighter;}
div.addContent{background-color:#133339; overflow:auto; width:auto; height:146px; padding:10px; text-align:left; color:#C1E1E7; padding:10px; font-family: Arial, Helvetica, sans-serif; font-size:10px;}
div.addBot{background-image: url(../images/addItems_bot.gif); background-repeat: no-repeat; background-color:#557E86; width:auto; height:10px;}

/*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{	padding-top: 20px;	float:left;	width:224px; height:297px; font-size: 10px;left: 674px;}
div.newsholder h2{ font-size:10px; font-weight: bold;  }
div.newsholder p{ }
div.newsholder a{  text-decoration:none;color: #FFFFFF;}
div.newsheader { height:43px; width:226px; background-image: url(../images/federationtop.gif); background-repeat: no-repeat;}
div.newsbottom{	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{ height:150px; width:200px; background-color: #7A943C; padding:5px 5px 5px 21px;}
div.foliage{ position:relative;	top:-93px;}

/*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;}

/*    */
div.secNav { font-size:12px; color:#fff; line-height:20px;}
div.secNav a { text-decoration: none; color:#fff;}
div.secNav a:hover { text-decoration:underline; color:#FAA35C;}