/* ==========================================
	html, body, siteContainer
	========================================*/

html {
	text-align: center;
}
body {
	margin: 0;
	padding: 0;
	background: url(../images/bkgd.gif) repeat;
	font: .7em Verdana, Helvetica, san-serif;
	color: #5F5F5F;
}
#siteContainer {
	background-color: #FFF;
	width: 980px;
	margin: 0 auto;
}

/* ==========================================
	element styles
	========================================*/
	
h1 {
	font-size: 140%;
	color: #174574;
}
h2 {
	font-size: 110%;
}
h3 {
	font-size: 100%;
	font-weight: bold;
}
a {
	color: #174574;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #174574;
	text-decoration: underline;
	font-weight: bold;
}
img {
	border: 0px;
}
form { 
	display: inline; 
	font-size: 11px;
} 
select, textarea, input {
  color: #174574;
  font-size: 11px;
  font-family: "Verdana", Verdana, mono;
  background-color: #F2F2F2;
}
input:focus, textarea:focus {
	background: #FFFFFF; 
}

/* ==========================================
	header, branding, adSense, navBar, login, navigation
	========================================*/
#header {
	width: 100%;
	height: 150px;
	background: #72A9E3 url(../images/header_bkgd.jpg) repeat-x;
}
#headerContainer {
	width: 980px;
	margin: 0 auto;
}	
#branding {
	float: left;
	text-align: left;
	margin-top: 56px;
}
#adSense {
	float: right;
	margin-top: 56px;
	padding: 0;
	text-align: right;
}
#navBar {
	clear: both;
	padding: 0;
	color: #FFF;
}
#login {
	float: right;
	text-align: right;
	margin: 0;
	padding: 8px 0 0 0;
}
#member {
	float: right;
	text-align: right;
	margin: 0;
	padding: 12px 0 0 0;
}
#navigation {
	float: left;
	text-align: left;
	margin: 12px 0 9px 0;
	padding: 0;
}
#superNavBar {
	clear: both;
	text-align: left;
	background: url(../images/superNav_bkgd.gif) repeat-x;
	padding: 8px 0 0 10px;
	margin: 0;
	height: 22px;
	color: #FFF;
}
#navigation a, #member a, #superNavBar a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#navigation a:hover, #member a:hover, #superNavBar a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: bold;
}
#steps {
	background:none;
	text-align: center;
	padding: 20px 0;
}
#steps a {
	background-color: #DDD;
	margin: 0;
	padding: 10px 20px;
	border: 1px #174574 solid;
}
#steps a.this {
	background-color: #C92100;
	color: #FFF;
}

/* ==========================================
	mainContent, footer
	========================================*/

#mainContent {
	background: #FFF url(../images/content_bkgd.jpg) top repeat-x;
	clear: both;
	vertical-align: top;
	text-align: left;
	width: 940px;
	padding: 10px 20px;
}
#rightCol {
	width: 300px;
	float: right;
	padding: 0;
	text-align: right;
	margin-top: 20px;
	margin-left: 20px;
}
#footer {
	clear: both;
	background: #FFF url(../images/footer.gif) top repeat-x;
	text-align: left;
	padding: 25px 10px 10px 10px;
	margin: 0 0 20px 0;
}

/* ==========================================
	tables
	========================================*/
	
table.list {
	padding: 2px;
	border: 0;
}
table.list th {
	padding: 2px;
	text-align: left;
	background: #6666CC;
	color: #FFFFFF;
	border: #CCCCCC outset 1px;
}
table.list td {
	padding: 2px;
	font-size: 11px;
	background: #EEEEEE;
}
table.form_entry {
	padding: 2px;
	border: 0;
}
table.form_entry td {
	background: #F6F6F6;
	padding: 2px;
}
table.adminInfo {
	padding: 2px;
	border: 0;
}
table.adminInfo th {
	color: #FFF;
	font-weight: bold;
	background: #174574 url(../images/header_bkgd.gif) repeat-x;
	padding: 3px;
}
table.adminInfo th a {
	color: #FFF;
}
table.adminInfo td {
	background: #F6F6F6;
	padding: 2px;
}

/* ==========================================
	surveySection
	========================================*/

.surveySection {
	background-color: #F3F3F3;
	border: 1px solid #AAA;
	margin: 0 0 20px 0;
	padding: 0;
}
.surveySection h1 {
	margin: 0;
	padding: 5px;
	font-size: 100%;
	color: #FFF;
	font-weight: bold;
	background: #174574 url(../images/header_bkgd.gif) repeat-x;
}
.surveySection table, .surveySection h3, .surveySection p {
	margin: 5px 10px;
}
.surveySection textarea, .surveySection input, .surveySection select {
	background: #FFF;
}
.surveySection .radio {
	background-color: #F3F3F3;
}
.surveySection textarea {
	width: 730px;
	height: 50px;
}
.surveySection .letterDetailTextarea {
	width: 500px;
	height: 50px;
}
table.survey th {
	color: #000;
	font-weight: bold;
	padding: 3px;
}

/* ==========================================
	font classes
	========================================*/

.alert {
	padding: 5px 0;
	text-align: center;
	color: #CC0000;
	border: 1px solid #CC0000;
	font-weight: bold;
}
.message {
	padding: 5px 0;
	text-align: center;
	color: green;
	border: 1px solid green;
	font-weight: bold;
}
.letterEditDetail {
	float: left;
	visibility: visible; 
}
.letterEditImage {
	float: left;
	margin-left: 10px;
	padding: 10px;
	border: 1px solid #DDD;
	text-align: center;
}
.tempNote {
	color: #C92100;
	background-color: #F6F6F6;
	border: 1px solid #DDD;
	padding: 5px;
	margin: 0;
}
.tempNote p {
	margin-top: 0;
}
.tip_header {
	background: #6666CC;
	color: #FFFFFF;
	padding: 2px;
	text-align: center;
}