body { font-family: sans-serif; background: gray;margin: 0; text-align: center; }
#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: #000066; font-size: 24pt; padding: 0.25em; margin-bottom: 0;}
#nav { color: black; font-size: 12pt; font-weight: bold; background: #D1DBEF; padding: 0.5em; }
#nav a, #nav a:visited { color: #000066; text-decoration: none; }
#nav a:hover { border-bottom: 2px dotted #000066; }
#content { height: 100%; background: white; padding: 1em; }
#content h1 { font-size: 18pt;}
/* hack to get IE to display fieldset 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;}
/* form styles */
fieldset { background: #ddd }
legend { color: white; background: #000066; padding: .4em 1em; }
label { width: 13em; float: left; text-align: right; margin-right: 0.2em; display: block; }
fieldset.form_notice { margin-left: 15em;}
.form_row { white-space: nowrap; padding-bottom: .5em; }
.submit { margin-left: 15em; }
.debug_dump { text-align: left; border-top: 1px dashed black;  background: #D1DBEF; margin: 0; padding: 0.5em;}
.fieldWithErrors { margin: 2px; padding: 2px; background-color: red; display: table; }
#errorExplanation { border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0; }
#errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12pt; margin: -7px; background-color: #c00; color: #fff; }
#errorExplanation p { color: #333; margin-bottom: 0; padding: 5px; }
#errorExplanation ul li { font-size: 11pt; list-style: square; }
#notice { border: 1px solid green; padding: 1em; margin: 1em; margin-bottom: 2em; background-color: #666666; font: bold smaller sans-serif; }
#debug { margin-top: 1em; margin-left:auto;text-align: center;}
fieldset { text-align: left;}
#debug a,#debug a.visited { text-decoration: none; color: #000066;}
fieldset.debug_info { text-align: left; margin: 1em;background: #eee; }
#request_debug_info { line-height: 1.5em; }
#notice { border: 1px solid green; padding: 1em; margin: 1em; margin-bottom: 2em; background-color: #AAAAAA; font: bold smaller sans-serif }

.thumbimage { float:left; margin:15px;}

.thumbimage p { font-size: 12px; text-align: center;}
td.label {
	text-align: right;
	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: 200px;
}

#left_column ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;
}

#left_column ul li {
	padding-left: 20px;
}

#main_content {
	 width: 600px;
	 margin-left: auto;
	 margin-right: auto;
}

#main_content .listing {
	
	margin-bottom: 20px;
}
.sidebar_box{
	background-color: #ddd;
	border: 1px solid #aaa;
	font-size: 12px;
	margin-bottom: 10px;
}

.sidebar_box h2 {
	margin-top: 0px;
	padding: 6px;
	background-color: #ccc;
	font-size: 13px;
	color: #000066;
	font-weight: bold;
}

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

.sidebar_box .header {
	float: left;
}

.sidebar_box .edit_link {
	float: right;
}
th {
	font-size: 13px;
}

.label {
	font-weight: bold;
}

.account_value {
	white-space: nowrap;
}

.ListLine0 {
	background-color: #eee;
}

.ListLine1 {
	background-color: #aaa;
}

 

.listing {
	width: 500px;
	background-color: #D1DAEF;
	border-top-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000066;
	border-right-color: #000066;
	border-bottom-color: #000066;
	border-left-color: #000066;
}

.listing table { border: none; }






.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;

}
.headingMAIN {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.headerCATEGORY {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #0033CC;
	text-decoration: none;

}
.main {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 22px;
}
.headerCATEGORYblue {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}
.menuBOLD {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
a:hover {
	color: #006699;
}
.headingMAINwhite {

	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.table {
	border: thin dashed #990000;
	background-color: #BBD1E8;

}
.mainBOLD {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.mainBLACK {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 22px;
}
.list {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #FFFFCC;
	margin-left: 10px;
}
.mainBLUE {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006699;
	line-height: 20px;
}