/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin: 0;
	padding: 0;
	background: #FFF;
}
blockquote {
	padding: 10px;
	background: #F3F3F3;
	font-size: 13px;
	text-align: justify;
}
blockquote .quote_mark {
	font-size: 18px;
}
a {
	text-decoration: none;
	color: #0000FF;
	font-weight: bold;
}
a:hover {
	color: #000;
}

div.page {
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 25px;
	padding: 10px;
	width: 780px;
	text-align: left;
	background: #FFF;
	border: 1px solid #CCCCCC;

}
div.pagecontent {
}
div.header {
	background: #595959;
	height: 70px;
}
div.header_logo {
	float: left;
	padding-left: 10px;
}
div.header_text {
	float: right;
	line-height: 100px;
	font-size: 11px;
	font-weight: bold;
	color: #999;
	padding-right: 20px;
}
div.header_text a {
	color: #999;
	text-decoration: none;
	font-weight: bold;
}
div.header_text a:hover {
	color: #CCC;
}
/* main menu stuff */
div.header_menu {
	background: #000;
	padding: 8px;
	height: 15px;
	color: #FFFFFF;
	margin-top: 5px;
	text-align: center;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 13px;
}

#nav a {
	display: block;
	/*width: 200px;*/
	color: #FFF;
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	/*height: 10px;*/
}

#nav a:hover {
	color: #CCC;
}

#nav li { /* all list items */
	float: left;
	padding: 3px;
	border-right: 1px solid #FFF;
	/* width: 10em; /* width needed or else Opera goes nuts */
}
#nav li.menu_last {
	border-right: none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #000;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li {
	width: 200px;
	text-align: left;
	font-size: 10px;
	padding: 5px;
	border: none;
	clear: left;
}

#nav li ul ul { /* third-and-above-level lists */
	/* margin: -1em 0 0 10em; */
	font-size: 10px;
	margin: -1em 0 0 50px;
	background: #000;
}

#nav li:hover, #nav li.sfhover {
	position: static;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* end main menu */

#top_banner {
	width: 780px;
	height: 120px;
}

span.menu_divider {
	font-size: 16px;
}
div.footer {
	text-align: right;
	font-size: 10px;
}
div.footer_menu {
	margin-top: 5px;
	background: #999;
	color: #FFF;
	padding: 5px 5px 5px 20px;
}
div.footer_menu a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}
div.footer_menu a:hover {
	color: #CCC;
}
div.banner {
	margin-top: 5px;
	background: #709400 url('images/banner_bg.gif') repeat-x;
	height: 120px;
}

div.maincontent {
	margin-top: 5px;
}
div.content_left {
	float: left;
	width: 200px;
	margin-right: 10px;
	padding: 5px 5px 0 5px;
	background: #E4E4E4;
}
div.content_right {
	float: left;
	width: 560px;
}

ul.leftmenu, ul.leftbuttons {
	width: 200px;
	margin: 0;
	padding-left: 0;
}
ul.leftmenu li {
	list-style: none;
	background: #709400;
	padding: 5px;
	font-size: 12px;
	color: #FFF;
	margin-bottom: 5px;
}
ul.leftmenu li ul {
	margin-left: 0px;
	padding-left: 10px;
}
ul.leftmenu li ul li, ul.leftbuttons li ul li {
	border-bottom: 1px solid #E4E4E4;
	color: #CCC;
}

ul.leftmenu li ul li ul li, ul.leftbuttons li ul li ul li {
	border-bottom: none;
	padding: 0;
	padding-left: 5px;
}

ul.leftmenu li ul li a, ul.leftbuttons li ul li a {
	color: #F3F3F3;
}



ul.leftmenu a, ul.leftbuttons a{
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
}
ul.leftmenu a:hover, ul.leftbuttons a:hover {
	font-weight: bold;
	color: #FFF;
}

ul.leftbuttons li {
	list-style: none;
	background: #999;
	padding: 5px;
	font-size: 12px;
	color: #FFF;
	margin-bottom: 5px;
}


div.titlebar {
	color: #000;
	font-size: 20px;
	padding-top: 3px;
	font-weight: bold;
}
div.details {
	margin-top: 5px;
}
div.industry_buttons {
	padding-left: 10px;
	padding-right: 10px;
}
div.industry_supplier {
	float: left;
	width: 265px;
}
div.industry_manufacturing {
	float: left;
	margin-left: 10px;
	width: 265px;
}
div.sup_bar {
	background: url('images/industry_sup.gif');
	color: #FFF;
	width: 265px;
	height: 27px;
	font-size: 13px;
	text-align: center;
	line-height: 27px;
}
div.man_bar {
	background: url('images/industry_man.gif');
	color: #FFF;
	width: 265px;
	height: 27px;
	font-size: 13px;
	text-align: center;
	line-height: 27px;
}
div.industry_list {
	background: #E4E4E4;
	border: 1px solid #CCC;
	margin-top: 5px;
	padding: 5px;
}

/* contact page elemnts */
div.form_left {
		float: left;
		width: 275px;
}
div.form_right {
	float: left;
	margin-left: 10px;
	width: 275px;
}
div.form {
	margin-top: 5px;
}
div.departments {
	margin-top: 5px;
	padding-left: 10px;
}
div.directions {
	background: #E4E4E4;
	padding: 10px;
}
span.dept_titles {
	color: #84af00;
	font-size: 14px;
	font-weight: bold;
}
form.contact_form input {
	width: 150px;
}
form.contact_form select {
	width: 252px;
}
form.contact_form textarea {
	width: 250px;
	height: 100px;
}
div.form_item {
	clear: both;
	padding: 5px;
}
div.field_title {
	width: 100px;
	float: left;
}
div.field {
	float: right;
}
div.form_asterisks {
	font-size: 10px;
}
span.required {
	color: #F00;
	font-size: 16px;
}
span.asterisk_info {
	font-size: 11px;
	padding-left: 5px;
}