html {
	font-size: 62.5%;
}

body {
	font-family: arial, helvetica, sans-serif;
	margin: 0 0 50px 0;
	padding: 0;
	background-color: #e5e8ec;
	color: #333333;
	text-align: center;
}

#wrapper {
  margin: 0 auto;
  width: 960px;
	text-align: left;
	background-color: #b2bb1e;
}

img {
  border: 0;
}

form, 
.noMop {
  margin: 0;
  padding: 0;
}

.clear {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
}

.center {
	text-align: center;
}

.textSmall {
	font-size: 11px;
}

.error {
	font-size: 11px;
	color: #ff0000;
	padding: 5px;
	margin: 0 0 5px 0;
	text-align: center;
	background-color: #f5f5f5;
	border: 1px solid #c0c0c0;
}

.textRed {
	color: #ff0000;
}

.hRule {
	border-bottom: 1px solid #b8b8ba;
	margin: 0 0 10px 0;
}

#logos {
	background-color: #ffffff;
}

#logoPge {
  margin: 0;
  padding: 0;
  float: right;
}

#logoPpg {
  margin: 0;
  padding: 0;
}


/* Top */

#topNav {
  margin: 0;
  padding: 0;
}

#topNavDateTime {
	height: 20px;
	font-size: 11px;
  margin: 2px 20px 0 0;
  padding: 0;
  float: right;
	text-align: right;
}

#topNavButtons {
	font-size: 14px;
  margin: 4px 0 0 20px;
  padding: 0;
}


/* Middle */

#middle {
  margin: 0;
  padding: 0 7px 7px 7px;
}

#middleContainer {
	width: 920px;
  margin: 0;
  padding: 13px 13px 13px 12px;
	background-color: #e5e8ec;
}

#middleUserPhotoBg {
	width: 248px;
	height: 155px;
  margin: 0;
  padding: 0;
	float: right;
	background-image: url('../images/user_photo_bg.gif');
	background-repeat: no-repeat;
}

#middleUserPhotos {
	font-size: 11px;
  margin: 0;
  padding: 0;
	text-align: center;
	float: right;
}

#middleUserPhotoContent {
	width: 242px; /*248px*/
	padding: 3px 3px 0 3px;
	text-align: center;
	background-color: #ffffff;
	font-size: 11px;
}

#middleUserPhotoCredit {
	padding: 1px 10px 0 10px;
	background-color: #ffffff;
}

#middleSummary {
  margin: 0;
  padding: 0;
}

#middleSummary h1 {
	font-size: 24px;
  margin: 0 0 15px 50px;
  padding: 0;
}

#middleSummaryContent {
  margin: 0 360px 0 100px;
  padding: 0;
}

#middleSummaryContent p {
	font-size: 1.8em;
	line-height: 1.4em;
  margin: 0;
  padding: 0;
}

#middleMapBg {
	width: 921px;
	height: 394px;
  margin: 15px 0 0 0;
  padding: 0;
	background-image: url('../images/map_bg.gif');
	background-repeat: no-repeat;
}

#middleMapContainer {
	width: 729px;
	float: left;
}

#middleMap {
	margin: 5px 0 0 5px;
	padding: 0;
}

.mapInfoWindow {
	font-size: 1.8em;
	line-height: 1.4em;
	margin: 0;
	padding: 0 10px 0 0;
}

#middleGroundsContainer {
	width: 192px;
	float: left;
}

#middleGrounds {
	margin: 0;
	padding: 5px 5px 5px 0;
}

#middleGrounds h2 {
	margin: 0;
	padding: 5px 0;
	height: 15px;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #b2bb1e;
}

#middleGroundsList {
	height: 349px;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 0 3px 3px 6px;
}

#middleGroundsList h3 {
	font-size: 14px;
	margin: 5px 0 0 0;
	padding: 0;
	text-transform: uppercase;
}

#middleGroundsList p {
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	padding: 0;
}


/* Lev 2 */

#lev2Container {
	width: 920px;
  margin: 0;
  padding: 13px 13px 13px 12px;
	background-color: #e5e8ec;
}

#lev2Container h1 {
	font-size: 24px;
  margin: 0 0 15px 0;
  padding: 0;
	text-align: center;
}

.contributorRow {
	padding: 0 0 0 38px;
}

.contributorBg {
	display: table;
	#position: relative;
	width: 246px;
	height: 113px;
  margin: 0 0 50px 50px;
  padding: 0;
	background-image: url('../images/contributors_bg.gif');
	background-repeat: no-repeat;
	float: left;
}

.contributorLogo {
	display: table-cell;
	#position: absolute;
	#top: 50%;
	vertical-align: middle;
}

.contributorLogoAlign {
	#position: relative;
	#top: -50%;
	width: 246px;
	text-align: center;
}

.contributorLogoAlign p {
	font-size: 1.2em;
}

.lev2Bg {
	width: 921px;
  margin: 0;
  padding: 0;
	background-image: url('../images/lev2_bg.gif');
	background-repeat: repeat-y;
}

.lev2ContactContent {
	margin: 0;
	padding: 44px 0 0 200px;
}

.lev2ContactContent p {
	font-size: 1.8em;
	line-height: 1.2em;
	margin: 0;
	padding: 0 0 50px 0;
}

.lev2AboutContent {
	margin: 0;
	padding: 20px 80px 0 80px;
}

.lev2AboutContent p {
	font-size: 1.8em;
	line-height: 1.2em;
	margin: 0;
	padding: 0 0 20px 0;
}


/* Bottom */

#bottom {
  margin: 0;
  padding: 0 7px;
}

#bottomBg {
  margin: 0;
  padding: 0 0 1px 0;
	background-image: url('../images/bottom_bg.gif');
	background-repeat: repeat-y;
	border: 0px solid #b2bb1e;
}

#bottomLeft {
	width: 589px;
  margin: 0;
  padding: 0 0 0 0;
	float: left;
}

#bottomLeftCrumb {
  margin: 12px 0 6px 15px;
	padding: 0;
}

#bottomLeftCrumb p {
  font-size: 12px;
  margin: 0;
  padding: 0;
}

#bottomLeftBottomCrumb {
  margin: 0 15px 10px 0;
	padding: 0;
	text-align: right;
}

#bottomLeftBottomCrumb p {
  font-size: 12px;
  margin: 0;
  padding: 0;
}

.bottomLeftContent {
  margin: 0;
  padding: 20px;
}

.bottomLeftContent h1 {
	font-size: 24px;
  margin: 0 0 15px 50px;
  padding: 0;
}

.bottomLeftContentArea {
  margin: 0 25px 0 100px;
  padding: 0;
}

.bottomLeftContentArea p {
	font-size: 1.8em;
	line-height: 1.4em;
  margin: 0;
  padding: 0 0 15px 0;
}

.causeRow {
	padding: 0 0 0 12px;
}

.causeBg {
	display: table;
	#position: relative;
	width: 181px;
	height: 94px;
  margin: 0 0 12px 12px;
  padding: 0;
	background-image: url('../images/cause_bg_off.gif');
	background-repeat: no-repeat;
	float: left;
}

.causeLogo {
	display: table-cell;
	#position: absolute;
	#top: 50%;
	vertical-align: middle;
}

.causeLogoAlign {
	#position: relative;
	#top: -50%;
	width: 181px;
	text-align: center;
}

#bottomRight {
	width: 355px;
  margin: 0;
  padding: 0;
	float: left;
}

#causeDetailCrumb {
  margin: 12px 0 0 12px;
	text-align: center;
}

#causeDetailCrumb p {
  font-size: 12px;
  margin: 0;
  padding: 0;
}

.causeDetailBg {
	width: 323px;
	height: 144px;
  margin: 6px 0 0 10px;
  padding: 0;
	background-image: url('../images/cause_detail_bg.gif');
	background-repeat: no-repeat;
}

#causeDetailContainer {
	padding: 10px;
}

#causeDetail {
	height: 124px;
	padding-right: 5px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#causeDetail h3 {
	padding: 0;
	margin: 0 0 7px 0;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
}

#causeDetail p {
	padding: 0;
	margin: 0 0 7px 0;
	font-size: 12px;
	line-height: 16px;
}

.loginBg {
	width: 323px;
	height: 611px;
  margin: 6px 0 0 10px;
  padding: 0;
	background-image: url('../images/login_bg.gif');
	background-repeat: no-repeat;
}


/* Login, Submit, Post */

#login {
	padding: 10px;
}

#login h3 {
	padding: 0;
	margin: 0 0 7px 0;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
}

#login p {
	padding: 0;
	margin: 0 0 7px 0;
	font-size: 12px;
	line-height: 16px;
}

.formLabel {
	font-size: 12px;
	margin: 0 0 5px 0;
	padding: 3px 0 0 0;
	width: 140px;
	float: left;
}

.formField {
	margin: 0 0 5px 0;
	padding: 0;
	width: 163px;
	float: left;
}

.formTextField {
	width: 100%;
	font-size: 12px;
}

.formTextSelect {
	width: 100%;
	font-size: 12px;
}

.formTextArea {
	width: 100%;
	font-size: 12px;
	margin: 0 0 5px 0;
}

.formButton {
	width: 100%;
	font-size: 12px;
	margin: 0 0 5px 0;
}


/* Comments */

#commentsCrumb {
  margin: 37px 25px 0 15px;
  font-size: 12px;
}

#commentsCrumb p {
  margin: 0;
  padding: 0;
}

.commentsBg {
	width: 323px;
	height: 419px;
  margin: 6px 0 0 10px;
  padding: 0;
	background-image: url('../images/comments_bg.gif');
	background-repeat: no-repeat;
}

#commentsContainer {
	padding: 10px;
}

#comments {
	height: 399px;
	padding-right: 5px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#comments h3 {
	padding: 0;
	margin: 0;
	font-size: 14px;
}

#comments .dateTime {
	padding: 0;
	margin: 0 0 7px 0;
	font-size: 10px;
}

#comments p, 
#commentsContainer p {
	padding: 0;
	margin: 0 0 7px 0;
	font-size: 12px;
	line-height: 16px;
}

.commentsRule {
	border-bottom: 1px solid #c0c0c0;
	margin: 0 0 7px 0;
}


/* Footer */

#footer {
  text-align: center;
	background-color: #ffffff;
  margin: 0;
  padding: 0;
	border-top: 7px solid #b2bb1e;
}

#footer p {
	text-transform: uppercase;
  color: #999999;
  font-size: 1.2em;
  margin: 0;
  padding: 20px; 0;
}


/* Links */

a, a:visited {
	color: #b2bb1e;
	text-decoration: underline;
}
a:active, a:hover {
	color: #333333;
	text-decoration: underline;
}

#topNavButtons a, #topNavButtons a:visited {
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
	padding: 0 25px 0 0;
}
#topNavButtons a:active, #topNavButtons a:hover {
	text-transform: uppercase;
	color: #333333;
	text-decoration: none;
	padding: 0 25px 0 0;
}

#bottomLeftCrumb a, #bottomLeftCrumb a:visited {
	color: #b2bb1e;
	text-decoration: none;
}
#bottomLeftCrumb a:active, #bottomLeftCrumb a:hover {
	color: #333333;
	text-decoration: none;
}

#middleGroundsList a, #middleGroundsList a:visited {
	color: #666666;
	text-decoration: none;
}
#middleGroundsList a:active, #middleGroundsList a:hover {
	color: #333333;
	text-decoration: underline;
}

#bottomLeftBottomCrumb a, #bottomLeftBottomCrumb a:visited {
	color: #333333;
	text-decoration: underline;
}
#bottomLeftBottomCrumb a:active, #bottomLeftBottomCrumb a:hover {
	color: #333333;
	text-decoration: none;
}

#causeDetailCrumb a, #causeDetailCrumb a:visited {
	font-style: oblique;
	font-weight: bold;
	text-transform: uppercase;
	color: #b2bb1e;
	text-decoration: underline;
}
#causeDetailCrumb a:active, #causeDetailCrumb a:hover {
	font-style: oblique;
	font-weight: bold;
	text-transform: uppercase;
	color: #333333;
	text-decoration: none;
}

#causeDetail a, #causeDetail a:visited {
	font-style: oblique;
	font-weight: bold;
	color: #b2bb1e;
	text-decoration: underline;
}
#causeDetail a:active, #causeDetail a:hover {
	font-style: oblique;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

#commentsCrumb a, #commentsCrumb a:visited {
	font-style: oblique;
	color: #333333;
	text-decoration: underline;
}
#commentsCrumb a:active, #commentsCrumb a:hover {
	font-style: oblique;
	color: #333333;
	text-decoration: none;
}