/* CSS Document */
/* Document containing all the global styles for the basic structure */

*{
	margin: 0px;
	padding: 0px;
	border: none;
}

html, body{
	height: 100%;
}
body * {
	overflow: hidden;
}

body{
	background-color: #F4F6F6;
}

#navigation{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 860px;
	height: auto;
	text-align: left;
	padding: 0px 14px 7px 14px;
	margin: 0 auto 0 auto;
	background-image:url(../../images/global/navigation-background.gif);
	background-repeat: no-repeat;
	clear: both;
	overflow: hidden;
}

#banner{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 860px;
	height: auto;
	text-align: left;
	padding: 0px 14px 0px 14px;
	margin: 0 auto 2px auto;
	clear: both;
}

#flashBanner{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 860px;
	height: auto;
	text-align: left;
	padding: 0px 14px 0px 14px;
	margin: 0 auto 2px auto;
	clear: both;
}

#flashContent{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 860px;
	height: auto;
	text-align: left;
	padding: 0px 14px 0px 14px;
	margin: 0 auto 2px auto;
	clear: both;
}

#content{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 860px;
	height: auto;
	text-align: left;
	padding: 0px 14px 0px 14px;
	margin: 0 auto 0 auto;
	background-image: url(../../images/global/content-background.gif);
	background-repeat: repeat-y;
	clear: both;
}

#contentarea{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 830px;
	height: auto;
	text-align: left;
	margin-left: 14px;
	padding-bottom: 20px;
	background-image: url(../../images/global/contentarea-background.gif);
	background-repeat: no-repeat;
	clear: both;
}

#footer{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 860px;
	height: 172px;
	text-align: left;
	padding: 0px 14px 0px 14px;
	margin: 0 auto 0 auto;
	background-image:url(../../images/global/footer-background.gif);
	background-repeat: no-repeat;
	clear: both;
}

#bottom{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 860px;
	height: 22px;
	margin: 0 auto 0 auto;
	clear: both;
}

.cleardiv{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 830px;
	height: 1px;
	margin: 0 auto 0 auto;
	clear: both;
}
#sectionHeader {
	position: relative;
	left: 11px;
}
#column2 .serviceListing li#volunteerServiceBtn a img{
	width: 172px;
	height: 161px;
}
#column2 .serviceListing li#donateServiceBtn a img{
	width: 172px;
	height: 156px;
}
#column2 .serviceListing li#subscribeServiceBtn a img{
	width: 172px;
	height: 149px;
}
#column2 .serviceListing li#floraServiceBtn a img, #column2 .serviceListing li#exchangeServiceBtn a img{
	height: 54px;
	width: 138px;
}
#column2 .serviceListing li#donateServiceBtn {
	position: relative;
	bottom: 52px; 
}
#column2 .serviceListing li#subscribeServiceBtn {
	position: relative;
	bottom: 100px;
}

#column3 .serviceListing li#volunteerServiceBtn a img{
	width: 172px;
	height: 161px;
}
#column3 .serviceListing li#donateServiceBtn a img{
	width: 172px;
	height: 156px;
}
#column3 .serviceListing li#subscribeServiceBtn a img{
	width: 172px;
	height: 149px;
}
#column3 .serviceListing li#floraServiceBtn a img, #column3 .serviceListing li#exchangeServiceBtn a img{
	height: 54px;
	width: 138px;
}
#column3 .serviceListing li#donateServiceBtn {
	position: relative;
	bottom: 52px; 
}
#column3 .serviceListing li#subscribeServiceBtn {
	position: relative;
	bottom: 100px;
}

#column2 .serviceListing li#floraServiceBtn {
	margin-top: 41px;
}

#richFooter {
	float: left;
	width: 131px;
	height: 18px;
	position: relative;
	top: 10px;
	left: 10px;
}

#richFooter:hover {
	float: left;
	width: 131px;
	height: 18px;
}

/* CSS Document - All Main Content Layout*/

#column1 {
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	width: 611px;
	height: auto;
	padding: 0px 5px 0px 10px;
	float:left;
}
#column2 {
	display: block;
	position: relative;
	bottom: 20px;
	left: 21px;
	width: auto;
	height: auto;
	padding: 0px 5px 0px 10px;
	float:left;
}
.empColumn#column1{
	width: 314px;
}
.empColumn#column2{
	position: relative;
	top: 11px;
	width: 313px;
}
.empColumn#column3 {
	width: 172px;
	float: left;
	position: relative;
	bottom: 20px;
	
}
#content #banner {
	position: relative;
	left:14px;
}
#content #banner img {
	position: relative;
	right: 14px;
} 
#contentWrapper {
	margin-top: 5px;
}
#contentIntro {
	overflow: visible;
	margin-right: 10px;
	width: 290px;
	height: auto;
	float: left;
}
#peopleListWrapper {
	float: left;
	width: 100%;
}
#contentMain {
	overflow: visible;
	display: block;
	position: relative;
	top:0px;
	left:0px;
	width: 610px;
	margin-top: 0px;
	float: left;
	clear: both;
}
#contentImage {
	margin-top: 16px;
	padding: 3px;
	height: 189px;
	float: left;
	width: 298px;
}
ol.content li {
	margin-left: 50px;
	list-style-type: decimal;
}
#peopleList {
	float: left;
}
#peopleList li {
	margin: 7px 0px 0px 0px; 
	padding: 0px 0px 7px 0px;
	float: left;
	width: 610px;
	display: block;
}

#peopleList a {
	margin: 0px 9px 0px 0px;
	padding: 0px;
	display: inline;
	float: left;
	width: auto;
	line-height: 15px;
}

#peopleList p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 1px 0px;
	display: inline;
	float: left;
	width: auto;
	overflow: visible;
	line-height: 15px;
}

#peopleList img{
	float: left;
	margin-right: 4px;
	margin-top: 2px;
}

.profile{
	display: none;
	clear: both;
	float: left;
	width: 610px;
}

#peopleImageWrap{
	margin: 20px 0px 20px 8px;
	padding: 1px 3px 3px 3px;
	width: 138px;
	float: left;
}

#peopleTextWrap{
	margin-top: 12px;
	width: 450px;
	float: left;
}
#contentLeft h1 {
	width: 200px;
}
#contentRight {
	margin-left: 20px;
	margin-top: 38px;
}
#contentLeft, #contentRight {
	float: left;
	width: 293px;
}
#column1 {
	overflow: hidden;
}
#logoLinkWrap {	
	text-align: center;
	width: 600px;
}

#logoLinkWrap img {	
	margin: 10px 40px 10px 40px;
}