/* import common libraries */

@import url("reset.css");
@import url("clearfloats.css");
@import url("forms.css");

/* import finished */

html, body { height: 100%; }

body {
	background: #5d85c4 url('../gfx/clouds_bg.jpg') no-repeat fixed top center;
	text-align: center;
	margin: 0;
	font-family: arial;
	color: #6e6e6e;
	font-size: 12px;
	line-height: 15px;
}

h1, h2, h3, h4, h5, h6, h7 { color: #ff0000; font-weight: normal; font-family: "Trebuchet MS","Arial"; }
h1 { font-size: 18px; margin-bottom: 12px; line-height: 19px; font-weight: bold; }
h2 { font-size: 15px; margin-bottom: 2px; font-weight: bold; color: #6e6e6e; line-height: 16px; }
h3 { font-size: 14px; font-style: italic; color: #6e6e6e; line-height: 15px; }
h4 { font-size: 12px; font-weight: bold; color: #5d85c3; line-height: 15px; }
a { color: #ff0000; text-decoration: none; }
a:hover { text-decoration: underline; }

h4 a { color: #5d85c3; }

p { margin-bottom: 1em; }
strong { color: #5d85c4; }

/*
ul { list-style: disc outside; }
ul li { display: block; padding: 0 0 8px 20px; line-height: 1.3em; font-size: 1em; }
*/

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/*margin: 0 auto -28px; <-- use this if you use the "push" thang in footer area*/
	margin: 0 auto; /* <-- use this if you're not "pushing" */
	text-align: left;
	width: 918px;
	position: relative;
}

.topbar {
	background: transparent url('../gfx/top_banner.png') no-repeat top center;
	height: 195px;
	width: 918px;
	float: left;
}

.menubar {
	background: transparent url('../gfx/menu_bar_bg.png') no-repeat top center;
	height: 41px;
	width: 918px;
	float: left;
}
.menubar ul { margin: 0; padding: 0; list-style: none; margin-left: 30px; height: 41px; }
.menubar ul li { float: left; padding-right: 9px; margin-right: 9px; font-size: 12px;
	background: transparent url('../gfx/topmenu_divider_bar.png') no-repeat 16px right;
}
.menubar ul li.last { background-image: url(''); }
.menubar ul li.search-bar {
	width: 276px;
	height: 41px;
	background: url('../gfx/search-box.gif') no-repeat 70px 50%;
	position: relative;
	margin: 0;
	padding: 0;
}
.menubar form {
	padding: 0;
	margin: 0;
}
.menubar ul li.search-bar #q {
	position: absolute;
	width: 120px;
	height: 15px;
	border: 0;
	top: 11px;
	left: 81px;
	background: #fcfcfc;
	
}
.menubar ul li.search-bar #submit {
	position: absolute;
	width: 61px;
	height: 25px;
	top: 7px;
	left: 206px;
	background: transparent;
	border: 0;
	text-indent: -9999px;
	line-height: 0;
}
.menubar ul li a { color: #fff; float: left; display: block; height: 27px; padding-top: 14px; }
.menubar ul li.current a { color: #ccb87d; background: transparent url('../gfx/topmenu_indicator.png') no-repeat bottom center; }

.submenu { float: left; width: 900px; padding: 0 9px;
	background: transparent url('../gfx/content_bg_tile_allwhite.png') repeat-y top center;
}
.submenu_close { float: left; width: 900px; height: 21px; background: #fff url('../gfx/submenu_bg.gif') repeat-x; }

.submenu h1 { padding: 6px 0 0 39px; margin-bottom: 0; }
.submenu ul { margin: 0; padding: 0; list-style: none; margin-left: 39px; }
.submenu ul li { float: left; padding-right: 9px; margin-right: 9px; font-size: 12px;
	background: transparent url('../gfx/submenu_divider_bar.png') no-repeat 10px right;
}
.submenu ul li.last { background-image: url(''); }
.submenu ul li a { color: #444444; float: left; display: block; height: 25px; padding-top: 8px; }
.submenu ul li.current a { color: #ccb87d; background: transparent url('../gfx/submenu_indicator.png') no-repeat bottom center; }

.trimenu h1 { padding: 6px 0 0 0; margin-bottom: 0; }
.trimenu ul { margin: 0; padding: 0; list-style: none; }
.trimenu ul li { margin: 0; padding: 0; list-style: none; float: left; padding-right: 9px; margin-right: 9px; font-size: 12px;
	background: transparent url('../gfx/submenu_divider_bar.png') no-repeat 6px right;
}
.trimenu ul li.last { background-image: url(''); }
.trimenu ul li a { color: #444444; float: left; display: block; padding-top: 4px; }
.trimenu ul li.current a { color: #ccb87d; /*background: transparent url('../gfx/trimenu_indicator.png') no-repeat bottom center;*/ }

ul.fourthlevelmenu { border-top: 1px solid #ccb87d; margin-top: 12px; padding-top: 12px; float: left; }
ul.fourthlevelmenu li a { font-size: 11px; }

.content {
	background: transparent url('../gfx/content_bg_tile.png') repeat-y top center;
	height: 73px;
	width: 909px;
	padding-left: 9px;
	float: left;
	height: auto;
	min-height: 400px !important;
}

.content_closer {
	background: transparent url('../gfx/content_footer.png') no-repeat top center;
	height: 48px;
	width: 900px;
	padding: 0 9px;
	float: left;
}

.content_closer p { margin: 8px; font-size: 10px; }
.content_closer a { color: #444444; }
.content_closer a:hover { color: #000; }

hr, .dash {
	border: 0;
	background: transparent url('../gfx/dash.gif') repeat-x;
	height: 1px; max-height: 1px !important;
	margin: 8px 4px;
}

hr { width: 92%; margin-left: 0; }

.dtall { margin: 16px 0; }

.lcol { float: left; width: 191px; margin: 0 20px; padding-top: 12px; }
.lcol p.date { color: #ff0000; margin-bottom: 2px; }

.mcol { float: left; width: 530px; padding: 20px 0 0 39px; }

.rcol { float: right; width: 294px; }
.rcol p { padding-right: 36px; color: #6e6e6e; font-size: 14px; }/* font-style: italic;*/
.rcol .dash { margin-right: 36px; margin-left: 0; }
.rcol h1 { font-size: 20px; color: #6e6e6e; font-weight: normal; }

/*.rcol h1, .lcol h1 { color: #444444; }*/

/*.lcol, .mcol, rcol { min-height: 400px !important; }*/

.home_mini_pics { float: right; margin-right: 14px; }
.home_mini_pics div { margin-bottom: 8px; }

.subs_login { float: left; margin: 115px 0 0 22px; width: 200px; overflow: hidden; }
.subs_login h1 { color: #fff; margin: 12px 0; }
.subs_login p { margin-right: 20px; }

.mini_photo { background: transparent url('../gfx/mini_photo_bg.png') no-repeat; width: 95px; height: 78px; }
.mini_photo img { padding: 5px 6px; width: 81px; height: 64px; }

/* necessary because of reset.css: */
/* maybe this will be my default at some point, but not for now */

td.forgot { font-size: 11px; color: #fff; text-align: right; }

#big_prop { width: 254px; height: 412px; background: transparent url('../gfx/big_prop.png') no-repeat; position: absolute; z-index: 1000; overflow: hidden; display: none; }
#lil_prop { width: 128px; height: 234px; background: transparent url('../gfx/lil_prop.png') no-repeat; position: absolute; z-index: 1000; overflow: hidden; display: none; }

.manu_list { float: left; margin-right: 60px; }
.kitpane { float: left; padding-left: 18px; border-left: 1px solid #dfdfdf; }

/***********************

structured tables

***********************/

table.str { width: 100%; }
table.str, table.str td, table.str th {
	border-collapse: collapse;
	border: 1px solid #fff;
	padding: 4px;
	font-size: 11px;
}
table.str th { background-color: #5d85c3; color: #fff; }
table.str th.divider { background-color: #ed72ac; color: #fff; }
table.str tr { background-color: #efefef; }
table.str tr:hover { background-color: #fff; }

table.xref_doc_results { border-collapse: collapse; border: 0; }
table.xref_doc_results th { padding: 8px; font-family: "Trebuchet", "Trebuchet MS"; font-size: 14px; font-weight: bold; color: #fff; background-color: #666666; }
table.xref_doc_results td { padding: 8px; }
table.xref_doc_results td strong { color: #5d85c3; }

.divabled { opacity: 0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
	filter: alpha(opacity=50); /* IE 5-7 */
}

.result_details, .result_details2 { float: left; width: 200px; }
.result_details { border-right: 1px dashed #9e9e9e; margin-right: 12px; }

.result_details h2, .result_details2 h2 { color: #ff0000; }
.result_details strong, .result_details2 strong { color: #666666; }


/***********************

page footer, etc
push height must equal footer height, if using push
also, check notes in .wrapper above

***********************/

/*.push { height: 28px; width: 100%; margin: 0 auto; }*/
.footer {
	/*width: 100%; height: 16px !important; margin: 0 auto; padding-top: 12px !important;
	text-align: center; font-weight: bold; color: #c9c9c9;
	background: transparent url('/images_v3/footer_bar.png') no-repeat top center;
	overflow: hidden;
	position: relative;*/
}

/***********************

miscellaneous

***********************/

/* need to do something better than this...: */

.flft { float: left; }
.frgt { float: right; }

.bigger, .bigger p { font-size: 1.3em; line-height: 1.2em; }

.break { padding: 8px; text-transform: uppercase; background-color: #fff; border: 1px solid #b4d3e1; text-align: center; margin-bottom: 12px; }

.pagination { border: 1px solid #3baee0; background-color: #fff; padding: 8px; font-size: 10px; margin-bottom: 12px; }

.clickable { cursor: pointer; }
.boldish { font-weight: 700; font-size: 1.2em; }
.alert { color: #ff0000; }
.alertok { color: #8dc63f; }
.hidden { display: none; }

span.alertok, span.alert, p.error {
	background: transparent url('../gfx/icons/delete.png') no-repeat top left;
	padding: 2px 0 0 20px;
	min-height: 16px;
	display: block;
	margin: 1px 0;
}
span.alertok {
	background: transparent url('../gfx/icons/accept.png') no-repeat top left;
}
.msg { font-size: 9px; font-style: italic; }

.error { line-height: 14px; font-size: 16px; color: #ff0000; }
.success { font-weight: bold; font-size: 18px; color: #8dc63f; }

#map_canvas {
	float: left;
	width: 555px;
	height: 440px;
	border: 1px solid #ccc;
	overflow: hidden;
}
#map_locations {
	float: right;
	width: 251px;
	
}
#map_locations #locations {
	padding: 0px 19px 16px;
	background: #dededc;
}
#map_locations #locations h3 {
	color: #6e6e6e;
	font-size: 20px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-style: normal;
	padding: 16px 0 10px 0;
	margin: 0 0 6px;
	background: url('../gfx/gmap-dashed-line.gif') repeat-x bottom left;
}
#map_locations #locations ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#map_locations #locations ul li {
	margin: 0;
	padding: 0;
}
#map_locations #locations ul li a {
	font-size: 14px;
	color: #ff0000;
	display: block;
	padding: 2px 0;
	text-decoration: underline;
}
#find-by-zip {
	height: 25px;
	padding: 7px 0px 15px 2px;
	background: url('../gfx/zip-textbox.gif') right 50% no-repeat;
	line-height: 31px;
	color: #95948e;
	font-weight: bold;
	font-size: 13px;
	position: relative;
}
#find-by-zip #zip {
	position: absolute;
	color: #8e8e8e;
	font-size: 11px;
	font-weight: normal;
	width: 68px;
	height: 11px;
	background: #f5f5f5;
	top: 16px;
	right: 20px;
	border: 0;
}
#find-by-zip #zip_submit {
	width: 18px;
	height: 25px;
	position: absolute;
	top: 11px;
	right: 0px;
	text-indent: -9999px;
	border: 0;
	background: transparent;
	cursor: pointer;
}
#facility_listing {
	float: left;
	padding: 5px 0 0;
}
.highlight {
	background-color: yellow;
}