/*
*********************************************************************
Language:       CSS 1.0
Web Site:       http://www.newhavenmanufacturers.com/
File Path:      /css/
Copyright:      ©2004 Axon Design & Marketing (www.axondm.com)
Created:        2004-11-12 16:14:01
Created by:     Jamie Peloquin
*********************************************************************
*********************************************************************
NOTES:
This document contains styles which are compatible with CSS-1
and higher compliant web browsers.
*********************************************************************
*/
/*
*********************************************************************
PAGE PROPERTIES
*********************************************************************
*/
html {
	background-color: #FFF;
	padding: 0;
}

body {
	background-color: #FFF;
	padding: 0;
	margin: 0;
}





/*
*********************************************************************
BASE PROPERTIES
*********************************************************************
*/
body, blockquote, address, caption, th, td, ul, ol, dl {
	color: #333;
	font-family: Verdana, 'Lucida Grande', Lucida, 'Lucida Sans', Tahoma, sans-serif;
	font-size: 11px;
}

body {
	line-height: 1.3em;
	background-color: #FFF;
	background-image: url(/images/global/page_background.gif);
	background-repeat: repeat-y;
}
body, h2, h3, h4, h5, p {
	line-height: 1.3em;
}

div {margin: 0;}

address {font-style: normal;}

blockquote {
	border-left: 1px #DDD solid;
	padding-left: 5px;
}

@media screen, projection, print {
	h1 {display: none;}
}

h2 {
	font-family: "Arial Black", "Helvetica Neue Black", "Helvetica Black", sans-serif;
	font-size: 18px;
}
h2 .sub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
}

h3 {
	margin-top: 3em;
	color: #037;
	font-size: 12px;
}
h2 + h3 {margin-top: 0;}

h4 {font-size: 12px;}

h5 {font-size: 10px;}

pre, code, tt, kbd {
	color: #666;
	font-family: Monaco, 'Lucida Console', monospace;
	font-size: 10px;
}

tt, kbd {color: #333;}

hr {
	border: 1px solid #CCC;
	border-width: 1px 0 0 0;
	margin: 2em 0 2em 0;
}

.intro {
	font-size: 14px;
	color: #037;
}

div.photobox_left, div.photobox_right {
	border: 1px #666 solid;
	margin: auto 0 1em 0;
}
div.photobox_left .caption, div.photobox_right .caption {
	margin: 0 6px 4px 6px;
}
div.photobox_left {
	float: left;
	margin-right: 1em;
}
div.photobox_right {
	float: right;
	margin-left: 1em;
}
div.newsphoto {width: 200px;}

div#newsbox {
	float: right;
	margin: 0 0 14px 15px;
	border: 1px solid #666;
	background-color: #EDF3FE;
	padding: 6px;
	width: 194px;
}
div#newsbox h2, div#newsbox h2 * { 
	margin-top: 0;
	font-size: 14px;
}

div#newsbox p {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #DDD;
}
div#newsbox p * {
	font-weight: bold;
	font-size: 10px;
	color: #444;
}
div#newsbox p a, div#newsbox p a * {
	display: block;
	font-size: 10px;
	font-weight: normal;
	color: #03C;
}

div.member {
	width: 350px;
	margin-bottom: 1.3em;
	border: 1px dashed #DDD;
	padding: 8px;
}
div.member * {margin-top: 0;}
div.member h3 {margin-bottom: 4px;}
div.member .contacts {
	line-height: 1.5em;
	margin-bottom: 0px;
}

body#section_legislative p.meeting {
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: 1px dashed #DDD;
}


.education_links {
	padding-bottom: 1em;
	border: 1px dashed #DDD;
	border-width: 0 0 1px 0;
	margin-bottom: 1.3em;
}

/* TABLES -------------------------------------------------------- */
caption {
	font-size: 10px;
	text-align: left;
	border-width: 1px;
	border-color: #CCC;
	border-style: solid;
}

table.data {
	border-width: 1px;
	border-color: #CCC;
	border-style: solid;
	background-color: #CCC;
}
table.data * {font-size: 10px;}
table.data caption, table.data th, table.data td {
	padding: 5px;
	background-color: #FFF;
}
table.data th {background-color: #EDF3FE; /* Light Blue */}
table.data td {vertical-align: top;}

tr.alt td {background-color: #DDD;}

td.price {text-align: right;}

td.button {
	text-align: center;
	vertical-align: middle;
}

table#events_list {
	width: 50em;
	border-bottom: 1px solid #CCC;
}
table#events_list input {
	float: left;
}
table#events_list th {
	clear: left;
	background-color: #EDF3FE;
	text-align: left;
	font-size: 14px;
	color: #037;
	padding: 5px;
}
table#events_list td {
	clear: left;
	border-bottom: 1px solid #EDF3FE;
	padding: 12px 5px 12px 5px;
}
table#events_list label {
	display: block;
	font-weight: normal;
	margin-left: 24px;
}
table#events_list label strong {color: #037;}
table#events_list td.event_sponsor_info {
	text-align: center;
	vertical-align: middle;
}

table#resources_list td {
	vertical-align: top;
	padding-bottom: 15px;
	border-bottom: 1px solid #EEE;
}

/* --------------------------------------------------------------- */
/* LISTS --------------------------------------------------------- */
ol, ul, dl {margin-top: .25em;}

li, dd {margin-bottom: .5em;}

ol.upper-alpha {list-style-type: upper-alpha;}
ol.lower-alpha {list-style-type: lower-alpha;}
ol.upper-roman {list-style-type: upper-roman;}
ol.lower-roman {list-style-type: lower-roman;}

ul.menu, ul.nomark, ul.staff_desc {list-style-type: none;}
ul.menu {padding-left: .5em;}
ul.menu li:before {content: "\203A\A0";}

dt {
	margin-left: 1em;
	font-style: italic;
}
dt:before {content: "\B7\A0";}

dl.members dt {
	margin: 0;
	font-style: normal;
	font-weight: bold;
	color: #000;
	padding: 0;
}
dl.members dt:before {content: "";}
dl.members dd {
	margin: 0 0 1em 0;
}

dl.faq dt:before {content: "Q:\A0";}
dl.faq dt {
	margin-left: 0;
	font-weight: bold;
	font-style: normal;
}
dl.faq dd:before {
	content: "A:\A0";
	margin-left: -1.6em;
}
dl.faq dd {margin-bottom: 1.5em;}




/* --------------------------------------------------------------- */
/* FORMS --------------------------------------------------------- */
form {margin: 0 auto 0 auto;}

label, legend {font-weight: bold;}

form div {margin-bottom: 1.5em;}


/* --------------------------------------------------------------- */
a {color: #03C;} 
a img, a object, img[usemap] {
	border-color: #FFF;
	border-style: none;
}

acronym, abbr {
	font-style: normal;
	text-decoration: underline;
}

abbr:hover, acronym:hover {cursor: help;}

cite:hover, abbr:hover, acronym:hover {background-color: #FFE;}

quotation {font-style: italic;}
quotation:before {content: "\201C";}
quotation:after {content: "\201D";}

.float_left {float: left;}
.clear_left {clear: left;}
.float_right {float: right;}
.clear_right {clear: right;}
.clear_all {clear: both;}
div.clear_both, div.clear_left, div.clear_right {
	font-size: 1px;
	line-height: 1em;
}

.note, .caption {
	font-size: 10px;
	color: #333;
}
.caption, .title {font-style: italic;}




/* --------------------------------------------------------------- */
/*
*********************************************************************
CONTENT PROPERTIES
*********************************************************************
*/
div#content {
	position: relative;
	margin: 30px 20px 10em 190px;
}
div#content p, div#content li, div#content dt, div#content dd {
	max-width: 50em;
}



/* --------------------------------------------------------------- */
/*
*********************************************************************
NEWS PROPERTIES
*********************************************************************
*/
#newsbox h4 {
	font-weight:normal !important;
	font-size:10px;
}






/* --------------------------------------------------------------- */
/*
*********************************************************************
MASTHEAD PROPERTIES
*********************************************************************
*/
div#masthead {
	background-color: #369;
	line-height: 1em;
	background-image: url(/images/global/mast_photo.jpg);
	background-repeat: no-repeat;
	background-position: 160px 0;
}
div#masthead img, div#masthead div {margin: 0;}
div#infobar {
	background-color: #FF9;
	background-image: url(/images/global/infobar_background.gif);
	background-repeat: repeat-y;
	border-bottom: 1px #996 solid;
	font-size: 10px;
	color: #037;
	padding: 0 10px 0 190px;
	line-height: 2em;
	height: 23px;
}



/* --------------------------------------------------------------- */
/*
*********************************************************************
NAVIGATION PROPERTIES
*********************************************************************
*/
#navigation {
	width: 160px;
	position: absolute;
	left: 0;
	top: 127px;
}
body > #navigation {top: 128px;}
#navigation, #navigation ul {
	margin: 0;
	padding: 0;
}
#navigation ul {
	width: 159px;
	margin: 0;
	padding: 0;
}
#navigation li {
	width: 159px;
	margin: 0;
	border-right: 1px #69C solid;
	border-bottom: 1px #69C solid;
	float: left; /* Corrects WinIE whitespace issue */
}
#navigation > li, #navigation ul > li {float: none;} /* Negate correction for compatible browsers */
#navigation a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	margin-left: 12px;
	padding: 4px 6px 4px 2px;
}
#navigation a:hover {background-color: #FFD;}
#navigation li.top a {
	font-weight: bold;
	font-size: 12px;
}
#navigation li.top_on {
	background-image: url(/images/global/nav_background.gif);
	background-repeat: repeat-y;
	background-color: #FFF;
}
#navigation li.sub {
	border-top: 1px #EDF3FE solid;
	border-style: solid none none none;
	background-image: url(/images/global/nav_subbackground.gif);
	background-repeat: repeat-y;
	background-color: #FFF;
}
#navigation li.sub a {
	font-weight: normal;
	font-size: 10px;
	padding-left: 18px;
}
#navigation li.sub_on a {font-weight: bold;}



/* --------------------------------------------------------------- */
/*
*********************************************************************
FOOTER PROPERTIES
*********************************************************************
*/
div#footer {
	background-color: #369;
	background-image: url(/images/global/footer_background.gif);
	background-repeat: repeat-y;
	padding: 12px 12px 12px 190px;
	border-top: 1px #037 solid;
	margin-top: 150px; /* Clears Navigation on empty pages */
}
div#footer address, div#footer p {
	margin: 0;
	line-height: 1.3em;
}
div#footer address, div#footer p, div#footer a {
	color: #FFF;
	font-size: 10px;
}

div#footer hr {
	border-color: #69C;
	margin: .5em 0;
}

#manufacturing{
	position: absolute;
	top: 365px;
	left: 0px;
	clear: both;
}



/* --------------------------------------------------------------- */
/*
*********************************************************************
SPECIAL PROPERTIES
*********************************************************************
*/
.alert, .error, .required {color: red !important;}

@media screen, projection, print {
	.hide_block, .hide_inline, .hide_list {display: none;}
}