body {
	font-family: sans-serif, Arial, Helvetica, sans-serif;
	background: white;
	background-image: url(/images/bg.gif);
	background-repeat: repeat-x;
	margin: 0;
	text-align: center;
}

a, a:visited {
		color: #369;
}



ul li  { 
	list-style: url(/images/bullet.gif) inside;

}

img#profile_pic{
	border: 1px solid #369;
}

#login_box{
	float: right;
	width: 300px;
}

#join_box{
	float: left;
	width: 400px;
}
#join_box label{
	width: 8.5em;
}

#join_box .submit{
 margin-left: 7em;
}

#small_box{
	width:350px;
	float: left;
}

#small_box label{
	width: 4em;
}

#small_box .submit{
 margin-left: 7em;
}

input, select, textarea{
 color: #102132;
 border: 1px solid #284279;
}

.submit{
 background: #D7E5F2;
 margin-left: 15em;
 margin-top: 3px;
 margin-bottom: 2px;
}

.main_submit{
	background: #D7E5F2;
}


#whole_page {
	width: 50em;
	margin: auto;
	padding: 0;
	text-align: left;
	border-width: 0 1px 1px 1px;
	border-color: black;
	border-style: solid;
}
#header {
	color: white;
	background: #369;
	font-size: 30pt;
	margin-bottom: 0;
	text-align: center;
}


#header_line{
	background: #7af;
	height:	5px;
	font-size: 1px;
}

#nav {
	color: black;
	font-size: 10pt;
	font-weight: bold;
	background: #E0E0E0;
	padding: 0.5em;
}

#nav a, #nav a:visited {
	text-decoration: none;
}



#nav a:hover {
	border-bottom: 2px dotted #369;
}

#footer {
	color: black;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
}


#content {
	height: 100%;
	background: white;
	padding: 1em 1em 0.2em 1em;
}
#content h1 {
	font-size: 18pt;
}

/* Hack to get IE to display fieldset/legend correctly */
html fieldset {
	position: relative;
}
html legend {
	position:absolute;
	top: -1em;
	left: .5em;
}
html fieldset {
	position: relative;
	margin-top:1em;
	padding-top:2em;
	padding-bottom: 2em;
	padding-left: 2em;
}
/* Form Styles */
fieldset {
	background: #E0E0E0;

}
legend {
	color: #fff;
	background: #369;
	padding: .4em 1em;
	font-weight: bold;
}

label {
	width: 10em;
	float: left;
	text-align: right;
	margin-right: 0.2em;
	display: block;
}
.form_row {
	white-space: nowrap;
	padding-bottom: .5em;
}

.debug_dump {
	text-align: left;
	border-top: 1px dashed black;
	background: #ccc; margin: 0;
	padding: 0.5em;
}

/* Error Reporting Styles */

.fieldWithErrors:after {
	content: url(/images/Error_16x16.png)
}

#errorExplanation {
	background: #fff6bf url(/images/Error_16x16.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}


#errorExplanation h2 {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	font-size: 14pt;
	color: #c00;
}

/* Flash Notice Style */
#notice {
	font: bold small sans-serif;
	color: green;
	text-align: center;
}



/* Profile Styles */
td.label {
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	white-space: nowrap;
}
input {
	font-family: Arial, Helvetica, sans-serif;
}
.edit_link a {
	text-decoration: none;
	color: blue;
}

#left_column {
	float: left;
	width: 300px;
}
#main_content {
	margin-left: 320px;
}
.sidebar_box {
	background-color: #fff;
	border: 1px solid #369;
	font-size: 12px;
	margin-bottom: 10px;
}
.sidebar_box h2 {
	margin-top: 0px;
	padding: 6px;
	background-color: #E0E0E0;
	font-size: 13px;
	color: #369;
	font-weight:bold;
}
.sidebar_box p {
	padding-left: 6px;
	padding-right: 6px;
}



.sidebar_box .header {
	float: left;
}
.edit_link {
float: right;
}

#profile_pic_box {
	text-align: center;
}


.blog_post {
	background-color: #fff;
	border: 1px solid #369;
	font-size: 12px;
	margin-bottom: 10px;
}
.blog_post h2 {
	margin-top: 0px;
	padding: 6px;
	background-color: #E0E0E0;
	font-size: 18px;
	color: #369;
	font-weight: bold;
}
.blog_post_contents{
	font-size: 13pt;
}

.blog_post p {
	padding-left: 6px;
	padding-right: 6px;
}

.blog_post .header {
	float: left;
}
.blog_post .date {
	float: right;
}

/* Community Styles */

table.users {
background: #fff;
margin-left: 2em;
}

table.users td.bottom {
border-top: 1px solid #999;
padding-top: 10px;
}
table.users th {
color: white;
background: #369;
font-weight: normal;
}
table.users th a {
color: white;
text-decoration: underline;
}
tr.even {
background: #ddd;
}
tr.odd {
background: #eee;
}