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

a {
	color: #cb2d27;
	text-decoration: none;
}

a:hover {
	color: #FF3300;
	text-decoration: underline;
}

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: 10px; }

/* Main Site CSS */

body {
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	background-image: url('/uploads/image/bg.gif');
	background-repeat: repeat-x;
}

#container {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

#navigation {
	height: 50px;
	text-align: right;
}

#navigation .inside {
	padding-top: 29px;
}

#navigation a {
	background-color: #305882;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding: 5px 20px;
}

#header {
	height: 150px;
	background-image: url('/uploads/image/topRightImg.jpg');
	background-repeat: no-repeat;
	background-position: right;
	text-align: right;
}

#mainBody { background-color: #FFF; min-height: 500px; }
#mainBody #left { float: left; display: block; width: 260px; }
#mainBody #right { float: right; display: block; width: 640px; }

#mainContent {  }
#mainContent #leftC { float: left; display: block; width: 390px; }
#mainContent #rightC { float: right; display: block; width: 250px; }

#footer { background-color: #333; color: #FFF; }

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

#footer #inside {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0;
}

#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; }

#tabs {
	border-bottom: 1px solid #333; 
	margin-bottom: 10px;
}

#tabs a {
	border: 1px solid #333; 
	border-bottom: 0; 
	background-color: #EFEFEF;
	color: #FF3300;
	font-size: 10px;
	font-weight: bold;
	padding: 2px 20px;
}