html, body {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	border: 0px solid #00FF00;
	}
	
body {
	background: #FFF url("images/bkg_body.png") repeat-x top left;
	}
	
#masthead_top {
	height: 58px;
	width: 100%;
	border: solid 0px #00FF00;
	}
	#masthead_top .logo_cell { 
		width: 218px; 
		text-align: left; 
		}
	#masthead_top .logo {
		border: solid 0px #00FF00;
		}
	#masthead_top .credits { 
		padding: 0px 8px 4px 8px;
		text-align: right; 
		vertical-align: bottom; 
		font: normal 12px Arial, Helvetica, sans-serif;
		color: #9e9e9e; 
		}
		#masthead_top .credits a:link {color: #9e9e9e; text-decoration: none;}
		#masthead_top .credits a:visited {color: #9e9e9e; text-decoration: none;}
		#masthead_top .credits a:hover {color: #FFF; text-decoration: none;}
		#masthead_top .credits a:active {color: #9e9e9e; text-decoration: none;}
	
#masthead_middle {
	height: 21px;
	width: 100%;
	border: solid 0px #00FF00;
	}
	#masthead_iconbar {
		padding: 0px 8px; 
		background: url() repeat-x;
		font: normal 10px Arial, Helvetica, sans-serif;
		color: #363636;
		white-space: nowrap;
		}
		#masthead_iconbar .icon { margin: 1px 4px 0px 0px; float: left; border: solid 0px #000; }
		#masthead_iconbar .label { width: auto; padding: 3px 10px 0px 0px; float: left; white-space: nowrap; }
			#masthead_iconbar .label a:link {color: #363636; text-decoration: none;}
			#masthead_iconbar .label a:visited {color: #363636; text-decoration: none;}
			#masthead_iconbar .label a:hover {color: #363636; text-decoration: underline;}
			#masthead_iconbar .label a:active {color: #363636; text-decoration: none;}

#masthead_bottom {
	height: 9px; 
	background: url() repeat-x;
	font-size: 4px;
	}

/* END MASTHEAD STYLES */

#container {
	width: 100%;
	}

#menu_cell { width: 218px; vertical-align: top; }
#menu {
	background: url("images/bkg_menu.png") repeat-y top left;
	font: normal 11px Arial, Helvetica, sans-serif; 	
	text-decoration: none;
	color: #000;
	overflow: auto;
	vertical-align: top;
	width: 218px;
	}

#menu h2 { 
	margin: 0px;
	padding: 4px 8px 0px 7px;
	height: 27px; 
	background: #4d4d4d url("images/bkg_menu_h2.png") no-repeat; 
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFF;
	}
	
#menu h2.green {
	background: #c8df8e url("images/bkg_menu_h2_green.png") no-repeat; 
	color: #4d4d4d;
	}

#menu .subitem {
	background: url("images/bkg_menu_subitem.png") no-repeat bottom left;
	margin: 0px;
	padding: 4px 6px 5px 8px;
	clear: both;
	}

#menu .subitem form {
	margin: 0px;
	}

#menu .subitem .input_text {
	width: 190px; 
	margin: 4px 0px;
	}

#menu .subitem .input_submit {
	width: 202px; 
	margin: 4px 0px;
	}

#menu .actions {
	float: right;
	color: #CCC;
	}
	#menu .actions A:link {color: #000; text-decoration: none;}
	#menu .actions A:visited {color: #000; text-decoration: none;}
	#menu .actions A:hover {color: #999; text-decoration: underline;}
	#menu .actions A:active {color: #000; text-decoration: none;}

#menu .footer {
	height: 9px;
	font-size: 0px;
	background: #4d4d4d url("images/bkg_menu_footer.png") no-repeat;
	}

#menu .number {
	font-weight: normal;
	color: #999;
	}
	
/* This is where the form shit goes */
	
#admin_forms { /* This is just the table cell that all the form content goes in. It serves no purpose other than as a container */
	text-align: left;
	vertical-align: top;
	}
#form_table {
	width: 692px;
	border: solid 0px #00FF00;
	margin: 10px 10px 10px 10px;
	}
#admin_forms .title {
	font: bold 26px Arial, Helvetica, sans-serif;
	color: #666;
	vertical-align: bottom;
	margin: 0px;
	padding: 3px 10px 5px 10px;
	border-bottom: 4px solid #FFF;
	white-space: nowrap;
	}
#admin_forms h1 {
	font: bold 26px Arial, Helvetica, sans-serif;
	color: #666;
	vertical-align: top;
	margin: 0px;
	padding: 13px 20px 0px 20px;
	border-bottom: 4px none #EEE;
	}
#admin_forms h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #CCC;
	vertical-align: top;
	margin: 0px;
	padding: 0px 20px 6px 20px;
	border-bottom: 4px none #EEE;
	}
#admin_forms #welcome {
	width: 520px; 
	border: solid 0px #00FF00; 
	padding: 0px 20px; 
	font: normal 14px Arial, Helvetica, sans-serif;
	}
#admin_forms .submit {
	
	}
.line_input, .line_title {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	padding: 6px;
	border-bottom: 1px solid #EEE;
	}
.line_title {
	width: 120px;
	text-align: right;
	white-space: nowrap;
	padding-top: 10px;
	}
.line_title ul {
	list-style: none outside;
	}
.line_title li, .line_title .success_options {
	margin-bottom: .5em; 
	font-size: 18px;
	color: #666;
	}
	.line_title li a:link, .line_title .success_options a:link {color: #666; text-decoration: none;}
	.line_title li a:visited, .line_title .success_options a:visited {color: #666; text-decoration: none;}
	.line_title li a:hover, .line_title .success_options a:hover {color: #999; text-decoration: none;}
	.line_title li a:active, .line_title .success_options a:active {color: #666; text-decoration: none;}
	.line_title li .icon {
		vertical-align: middle; 
		margin-right: 10px;
		border: solid 0px #00FF00;
		}
		
.line_title .success_options {
	font-size: 14px;
	}
		
.required {
	font-weight: bold;
	font-size: 14px;
	/*color: #b2151b;*/
	}
.required:before {content: "";}
.line_input {
	padding-right: 0px;
	}
input, textarea {
	vertical-align: middle;
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 3px 5px;
	width: 544px;
	border: solid 1px #CCC;
	}
textarea {
	vertical-align: top;
	height: 150px;
	}
.submit {
	width: 556px;
	font-weight: normal;
	}
	.submit:hover { background-color: #8dc63f; color: #FFF; }
.upload_photo {
	width: 198px !important;
	vertical-align: text-bottom !important;
	border: solid 1px #CCC !important;
	}
.browse_arrow {
	float: right; 
	}
.last {
	border-bottom: solid 0px #00FF00;
	}
.thumb {
	border: solid 0px #00FF00;
	max-width: 556px;
	margin-bottom: 8px;
	}
.warning { /* This is used for the "Delete existing image?" explanation after the checkbox, and is called in objects */
	color: #ed1b23;
	}




.section_divider {
	background: #4d4d4d url("images/bkg_section_divider.png") repeat-x top left; 
	height: 25px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFF; 
	border-width: 1px; 
	border-style: solid; 
	border-color: #A6A6A6 #313131 #1E1E1E #8D8D8D; 
	padding: 0px 8px 0px 8px;
	}
	.section_divider .icon { float: right; border: solid 0px #00FF00; margin: 0px 0px 0px 10px; padding: 0px; cursor: pointer; }
	
	.section_divider a:link {color: #FFF; text-decoration: none;}
	.section_divider a:visited {color: #FFF; text-decoration: none;}
	.section_divider a:hover {color: #c8df8e; text-decoration: none;}
	.section_divider a:active {color: #FFF; text-decoration: none;}

.section_description {
	background: #FFF url("images/bkg_section_description.png") no-repeat bottom left; 
	color: #333; 
	border: solid 0px #00FF00; 
	font: normal 12px Arial, Helvetica, sans-serif; 
	padding: 7px 10px 22px 10px;
	}
	.simple { background: #e3efc6 url() no-repeat bottom left; padding: 7px 10px 8px 10px; }
	.nopad { padding: 0px 0px 22px 0px; }

.section_description_top {
	background: #e3efc6 url("images/bkg_section_description_top.png") no-repeat bottom left; 
	color: #000; 
	border: solid 0px #00FF00; 
	font: normal 12px Arial, Helvetica, sans-serif; 
	padding: 7px 10px 16px 10px;
	}
.section_description_top .label {
	font-weight: bold;
	font-size: 14px;
	color: #000;
	}
.section_description_top .question {
	padding: 0px;
	margin-bottom: 1em;
	}

.section_description_center {
	background: #FFF url("images/bkg_section_description_c.png") no-repeat bottom left;
	}

.quick_links {
	background: #cbcbcb url("images/bkg_quicklinks.png") no-repeat bottom right; 
	color: #CCC; 
	border: solid 0px #00FF00; 
	font: normal 12px Arial, Helvetica, sans-serif; 
	padding: 0px 135px 0px 8px;
	height: 26px;
	text-align: right;
	}
	.quick_links a:link {color: #666; text-decoration: none;}
	.quick_links a:visited {color: #666; text-decoration: none;}
	.quick_links a:hover {color: #000; text-decoration: none;}
	.quick_links a:active {color: #666; text-decoration: none;}

.field_explained {
	background: #FFF url() no-repeat bottom left; padding: 7px 8px 7px 8px; 
	color: #333; 
	border-top: solid 0px #EEE;
	border-bottom: solid 1px #EEE; 
	font: normal 12px Arial, Helvetica, sans-serif; 
	padding: 4px 8px 4px 136px;
	vertical-align: top;
	}
	
.tdgobyebye {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	}

.hidden_element {
	display: none;
	}


/**** BROWSER ****/

#browse_table {
	width: 98%;
	border: solid 0px #00FF00;
	margin: 10px 10px 10px 10px;
	}
#browse_table form {
	margin: 0px;
	padding: 0px;
	}
#browse_table .title {
	font: bold 26px Arial, Helvetica, sans-serif;
	color: #666;
	vertical-align: bottom;
	margin: 0px;
	padding: 3px 10px 5px 10px;
	border-bottom: 4px solid #FFF;
	white-space: nowrap;
	}
#browse_table .subtitle {
	background: #4d4d4d url("images/bkg_section_divider.png") repeat-x top left; 
	height: 25px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFF; 
	border-width: 1px; 
	border-style: solid; 
	border-color: #A6A6A6 #313131 #1E1E1E #8D8D8D; 
	padding: 0px 11px 0px 11px;
	}
	#browse_table .subtitle .icon { float: right; border: solid 0px #00FF00; margin: 0px 0px 0px 10px; padding: 0px; cursor: pointer; }
	
	#browse_table .subtitle a:link {color: #FFF; text-decoration: none;}
	#browse_table .subtitle a:visited {color: #FFF; text-decoration: none;}
	#browse_table .subtitle a:hover {color: #c8df8e; text-decoration: none;}
	#browse_table .subtitle a:active {color: #FFF; text-decoration: none;}

#browse_table .line_head {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #333;
	vertical-align: middle;
	margin: 0px;
	padding: 6px 10px 9px 10px;
	white-space: nowrap;
	background: #e3efc6 url() no-repeat bottom left;
	border-bottom: 0px solid #EEE;
	}
	#browse_table .line_head a:link {color: #333; text-decoration: none;}
	#browse_table .line_head a:visited {color: #333; text-decoration: none;}
	#browse_table .line_head a:hover {color: #8dc63f; text-decoration: none;}
	#browse_table .line_head a:active {color: #333; text-decoration: none;}

#pagination {
	float: right;
	font-weight: normal;
	}
	
#browse_table .line_head .icon_sort_up {
	vertical-align: middle;
	border: solid 0px #00FF00;
	margin-left: 4px;
	}
#browse_table .line_head .icon_sort_down {
	vertical-align: middle;
	border: solid 0px #00FF00;
	margin-left: 2px;
	}
	
#browse_table .report_field {
	font: normal 12px Arial, Helvetica, sans-serif;
	vertical-align: middle;
	margin: 0px;
	padding: 8px 10px;
	border-bottom: 1px solid #EEE;
	whitespace: nowrap;
	text-decoration: none;
	}
#browse_table .report_field .button_delete { /* This keeps the column for the delete button in navlinks from being to wide */
	width: 20px;
	}
#browse_table .formbutton {
	padding: 0px 4px; /* This is to strip out the padding for form buttons only */
	width: auto;
	border: solid 1px #666;
	background-color: #CCC;
	cursor: pointer;
	}
	#browse_table .formbutton:hover {
	background-color: #666;
	color: #FFF;
	}
#browse_table .edit {
	background-color: #CCC;
	color: #333;
	font-weight: normal;
	}
	#browse_table .edit:hover { background-color: #8dc63f; color: #FFF; }
	
#browse_table .delete {
	margin-left: 8px;
	}
	#browse_table .delete:hover { background-color: #ee3224; color: #FFF; }

#browse_table .browse_thumb {
	max-height: 39px;
	max-width: 72px;
	border: solid 0px #00FF00;
	}