/* General Classes */

table { border-collapse: collapse; }
form { padding: 0; margin: 0; }
.generalHeader { font-size: 18px; font-weight: bold; color: #305882; margin-bottom: 5px; }
.miniHeader { font-size: 11px; font-weight: bold; color: #181818; margin-bottom: 3px; }
.smHeader { font-size: 12px; font-weight: bold; color: #CCCCCC; margin-bottom: 2px; }
.red { color: #FF3300; }

input, textarea { border: 1px solid #CCCCCC; font-size:11px; margin:4px 0; background: #FAFAFA; padding:4px; font-weight:bold; color: #000; vertical-align: middle; }
input:focus, textarea:focus { border: 1px solid #FF3300; background: #FFFFFF; }
select { color: #000; padding: 2px; font-size:11px; font-weight:bold; border: 1px solid #CCCCCC; background: #FAFAFA; vertical-align: middle; }
select:focus { background:#FFF; color: #000; }
.lightButton { padding: 3px 20px; background-color: #999999; border: 1px solid #656565; color: #FFF; vertical-align: middle; }
.lightButton:focus { padding: 3px 20px; background-color: #656565; border: 1px solid #999999; color: #FFF; }
input.radio {margin:0 2px 0 0;padding:0;background:transparent;margin:2px 0 0 -4px; border: 0; vertical-align: middle;}
input.check {background:transparent; border: 0px; vertical-align: middle; }

input.start { border: 2px solid #999; font-size: 22px; color: #e1e1e1; padding: 5px; background-color: #FFF; border: 1px solid #FFF; }
input.start:focus { border: 2px solid #FF3300; color: #000; }
input.entered { color: #181818; }
textarea.start { border: 2px solid #999; font-size: 14px; color: #e1e1e1; padding: 5px; background-color: #FFF; border: 1px solid #FFF; }
textarea.start:focus { border: 2px solid #FF3300; color: #000; }
textarea.entered { color: #181818; }
select { color: #000; padding: 2px; font-size:11px; font-weight:bold; border: 1px solid #CCCCCC; background: #FAFAFA; }
select:focus { background:#FFF; color: #000; }

input.dark, textarea.dark { border: 1px solid #414141; font-size:18px; margin:4px 0; background: #282828; padding:4px; color: #FFF; }
select.dark { color: #FFF; padding: 2px; font-size:11px; font-weight:bold; border: 1px solid #414141; background: #282828; }
select:focus { background:#FFF; color: #000; }
.darkButton { padding: 3px 20px; background-color: #333333; border: 1px solid #414141; color: #FFF; }
.darkButton:focus { padding: 3px 20px; background-color: #414141; border: 1px solid #333333; color: #FFF; }
input.butt {padding:0;}

.badBlock { padding: 5px; background-color: #FF3300; font-size: 14px; font-weight: bold; margin: 5px 0; color: #FFF; }
.goodBlock { padding: 5px; background-color: #00FF00; font-size: 14px; font-weight: bold; margin: 5px 0; color: #FFF; }
.instructions { font-size: 10px; border: 1px solid #CCCCCC; background-color: #EFEFEF; padding: 5px; margin: 5px 0; }

.redButton { background-color: #FF3300; padding: 2px 20px; margin: 0; border: 0; color: #FFF; font-size: 11px; font-weight: bold; }
.blueButton { background-color: #26a8ff; padding: 2px 20px; margin: 0; border: 0; color: #FFF; font-size: 11px; font-weight: bold; }
.greyButton { background-color: #181818; padding: 2px 20px; margin: 0; border: 0; color: #FFF; font-size: 11px; font-weight: bold; }

a.hotLink { color: #FF3300; font-weight: bold; text-decoration: none; }
.insidePadding { padding: 20px; }

/* Main Site CSS */

body {
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
}

#container {
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #00690d;
}

#spacerBar {
	height: 10px;
	background-color: #00690d;
}

#headerArea { background-color: #FFF; padding: 0; margin: 0; background-color: #00690d; }
#headerArea #leftSide { float: left; display: block; width: 240px; }
#headerArea #rightSide { float: right; display: block; width: 600px; }

#mainBody { min-height: 500px; background-color: #FFF; background-image: url('/uploads/image/bg.jpg'); background-repeat: repeat-y; }
#mainBody #leftSide { float: left; display: block; width: 240px; padding: 0; margin: 0; }
#mainBody #rightSide { float: right; display: block; width: 600px; }
#mainBody #leftSide #addressText a { color: #00690d; text-decoration: none; }
#mainBody #leftSide #addressText a:hover { color: #00690d; text-decoration: underline; }
#mainBody #rightSide a { color: #00690d; text-decoration: none; }
#mainBody #rightSide a:hover { color: #00690d; text-decoration: underline; }

#addressText {
	margin-top: 30px;
}

#footer { border-top: 2px solid #00690d; background-color: #FFF; color: #000; }

#footer a { color: #00690d; font-size: 14px; font-weight: bold; }

#footer .insidePadding {
	padding: 20px;
}

#spot {
	margin-bottom: 10px;
}

#spot .date { font-size: 11px; }
#spot .title { font-size: 14px; font-weight: bold; margin-bottom: 5px; }
#spot .desc { font-size: 12px; }

#nav, #donateButtons, #addressText {
	margin-bottom: 10px;
}

#twoColumn .leftSi {
	float: left; display: block; width: 351px;
}

#twoColumn .rightSi {
	float: right; display: block; width: 193px;
}

/* Mod Light */
#modLight .top {
	padding: 0; margin: 0; height: 10px; background: url('/uploads/image/lightMiddle.gif') repeat-x top;
}

#modLight .top .topLeft {
	background: url('/uploads/image/lightBox.gif') no-repeat bottom right; height: 10px; width: 10px; float: left; display: block;
}

#modLight .top .topRight {
	background: url('/uploads/image/lightBox.gif') no-repeat bottom left; height: 10px; width: 10px; float: right; display: block;
}

#modLight .middle {
	border-left: 1px solid #00790e; border-right: 1px solid #00790e;
}

#modLight .middle .inside {
	padding: 10px;
}

#modLight .btm {
	padding: 0; margin: 0; height: 10px; background: url('/uploads/image/lightMiddle.gif') repeat-x bottom;
}

#modLight .btm .btmLeft {
	background: url('/uploads/image/lightBox.gif') no-repeat top right; height: 10px; width: 10px; float: left; display: block;
}

#modLight .btm .btmRight {
	background: url('/uploads/image/lightBox.gif') no-repeat top left; height: 10px; width: 10px; float: right; display: block;
}

/* Mod Dark */
#modDark .top {
	padding: 0; margin: 0; height: 10px; background: url('/uploads/image/coloredMiddle.gif') repeat-x top;
}

#modDark .top .topLeft {
	background: url('/uploads/image/coloredBox.gif') no-repeat bottom right; height: 10px; width: 10px; float: left; display: block;
}

#modDark .top .topRight {
	background: url('/uploads/image/coloredBox.gif') no-repeat bottom left; height: 10px; width: 10px; float: right; display: block;
}

#modDark .middle {
	border-left: 1px solid #00790e; border-right: 1px solid #00790e; background-color: #f9e655;
}

#modDark .middle .inside {
	padding: 10px;
}

#modDark .btm {
	padding: 0; margin: 0; height: 10px; background: url('/uploads/image/coloredMiddle.gif') repeat-x bottom;
}

#modDark .btm .btmLeft {
	background: url('/uploads/image/coloredBox.gif') no-repeat top right; height: 10px; width: 10px; float: left; display: block;
}

#modDark .btm .btmRight {
	background: url('/uploads/image/coloredBox.gif') no-repeat top left; height: 10px; width: 10px; float: right; display: block;
}