body {
	background: url(images/backgrounds/body.gif) repeat-x #232628;
	margin: 26px auto 0 auto;
}

/*----Structural DIVs----*/

#mainNav {
	background: url(images/backgrounds/mainNav.gif) no-repeat;
}

#contentArea {
	background: url(images/backgrounds/contentArea.gif) repeat-y 20px 0;
	float: left;
	width: 947px;
}

#preFooter {
	background: url(images/backgrounds/preFooter.gif) repeat-y 20px 0;
	float: left;
	width: 927px;
	height: 45px;
}

/*----Other DIVs----*/

#photoBox {
	background: url(images/backgrounds/photoBox.gif) no-repeat;
	width: 504px /*524px*/;
	height: 231px /*240px*/;
	padding: 9px 0 0 20px;
	overflow: hidden;
	float: left;
}

#infoContainer {
	float: left;
	width: 402px;
}

#searchBox {
	background: url(images/backgrounds/searchBox.jpg) no-repeat;
	width: 384px /*402px*/;
	height: 44px /*53px*/;
	padding: 9px 0 0 18px;
	color: #312815;
	font: normal 12px/20px georgia, 'Times New Roman', times, serif;
}

#searchBox form {
	margin-top: 5px;
}

#searchBox input[type="text"] {
	width: 165px;
}

#searchBox .searchLinks {
	float: right;
	width: 85px;
}

#audienceLinks {
	background: url(images/backgrounds/audienceLinks.gif) no-repeat;
	width: 402px /*402px*/;
	height: 123px /*143px*/;
	padding: 20px 0 0 0;
	overflow: hidden;
}

#subNav {
	width: 203px;
	background: url(images/backgrounds/subNav.gif) no-repeat;	
	margin-left: 7px;
	float: left;
	display: inline;
	min-height: 200px;	
}

#sectionHeader {
	background: url(images/backgrounds/sectionHeader.gif) no-repeat;	
	height: 83px /*90px*/;
	width: 710px /*737px*/;
	padding: 7px 0 0 27px;
	float: left;
	display: inline;
}

#breadcrumbs {
	margin-bottom: 15px;
}

#content {
	width: 652px /*715px*/;
	padding: 33px 37px 0 26px; 
	float: left;
/*	margin-left: 210px;*/
	display: inline;
}

.advertisement {
	width: 597px /*644px*/;
	height: 100px /*117px*/;
	background: url(images/backgrounds/advertisement.gif) no-repeat;	
	margin: -20px 0 35px 0;
	padding: 17px 0 0 47px;
}



.audienceBox1,
.audienceBox2 {
	width: 178px /*201px*/;
	float: left;
	padding-left: 19px;
}

 
/*----Typography----*/

#searchBox h3 {
	height: 11px;
	width: 110px;
	background: url(images/headings/searchOurSite.gif) no-repeat;
}

#subNav h3 {
	padding: 6px 0 0 13px;
}

#subNav ul.navMenu {
	list-style: none;
	margin: 17px 0 0 25px;
}

#subNav ul.navMenu ul {
	margin: 0 !important;
}

#subNav ul.navMenu li {
	list-style: none;
	border-bottom: 1px solid #b8c2c9;
	padding: 0 0 2px 6px;
}

#subNav ul.navMenu ul li {
	padding: 0 0 0 8px !important;
	border: 0 !important;
}

#subNav li.expandedParent {
	padding: 5px 0 10px 6px !important;
	margin: 5px 0 0 0;
}

#subNav li.expandedParent li {
	line-height: 14px; 
}

#subNav li.selected {
	background: url(images/backgrounds/subNavSelected.gif) no-repeat 0 6px;
}

#subNav h3.relatedInfo {
	background: url(images/backgrounds/relatedInfo.gif) no-repeat 12px 0;
	font: bold 11px/14px tahoma, verdana, helvetica, arial, sans-serif;	
	color: #fff;
	text-transform: uppercase;	
	padding: 10px 0 10px 30px;	
	margin-top: 20px;
}

#subNav ul.relatedInfo {
	list-style: none;
	margin: 8px 0 0 25px;
}

#subNav ul.relatedInfo li {
	list-style: none;
	border-bottom: 1px solid #b8c2c9;
	padding: 2px 5px 5px 6px;
	line-height: 12px;
	font: bold 11px/14px tahoma, verdana, helvetica, arial, sans-serif;	
	color: #fff;
}

#subNav ul.relatedInfo  li.expandedParent {
	border-bottom: 0 !important;
}

#sectionHeader h1 {
	font: normal 30px/30px tahoma, verdana, helvetica, arial, sans-serif;	
	color: #fff;
}

#content p {
	font: normal 12px/16px tahoma, verdana, helvetica, arial, sans-serif;	
	color: #362707;
	margin-bottom: 15px;
	padding: 0 5px;	
}	

#content h2 {
	font: bold 14px/16px tahoma, verdana, helvetica, arial, sans-serif;	
	color: #506843;
	border-bottom: 2px solid #869379;
	margin-bottom: 10px;
	padding: 0 5px 3px 5px;
}

#content p + h2 {
	padding-top: 10px;
}

#content h3 {
	font: bold 12px/16px tahoma, verdana, helvetica, arial, sans-serif;	
	color: #4a555c;
	margin-bottom: 5px;
	padding: 0 5px 3px 5px;
}


#content ul {
	list-style: none;
	margin: 10px 0 20px 0;
}

#content ul li {
	background: url(images/bullets/lists.gif) no-repeat 0 5px;
	display: block;
	margin: 0 0 15px 15px;
	padding-left: 15px;
	font: normal 12px/15px tahoma, verdana, helvetica, arial, sans-serif;	
	color: #362707;
}

#content ul ul {
	list-style: none;
	margin: 15px 0 5px 0 !important;
}

#content ul.linkList ul {
	list-style: none;
	margin: 5px 0 5px 0 !important;
}

#content ul.noIndent li {
	margin: 0 0 15px 5px;
}

#content ul.linkList li {
	margin: 0 0 5px 15px;
}

#content ol {
}

#content ol li {
	margin: 0 0 15px 15px;
	padding-left: 15px;
	font: normal 12px/15px tahoma, verdana, helvetica, arial, sans-serif;	
	color: #362707;
}

#content ol.linkList li {
	margin: 0 0 5px 15px;
}

#content .dataTable {
	font: normal 12px/15px tahoma, verdana, helvetica, arial, sans-serif;	
	color: #362707;
	margin-bottom: 15px;
	border: 1px solid #cbc7bc;
	border-top: 0;
	border-right: 0;
	border-collapse: collapse;
	margin-left: 5px;
}

#content .dataTable td {
	border-right: 1px solid #cbc7bc;
	border-top: 1px solid #cbc7bc;
	padding: 3px;
}

#content .dataTable .tableHeader {
	background: #cbc7bc;
	font-weight: bold;
}

#content .dataTable .dark td {
	background: #d4d0c5;
}

.audienceBox1 h3 {
	height: 10px;
	width: 153px;
	background: url(images/headings/wantDesignInspiration.gif) no-repeat;
}

.audienceBox2 h3 {
	height: 10px;
	width: 173px;
	background: url(images/headings/needContinuingEdCredits.gif) no-repeat;
}

.audienceBox1 h5 {
	height: 10px;
	width: 71px;
	background: url(images/headings/browse.gif) no-repeat;
	margin: 13px 0 7px 0;
}

.audienceBox2 h5 {
	height: 10px;
	width: 78px;
	background: url(images/headings/learnMore.gif) no-repeat;
	margin: 13px 0 7px 0;
}

.audienceBox2 ul,
.audienceBox1 ul {
	list-style: none;
}

.audienceBox2 li,
.audienceBox1 li {
	font: normal 12px/18px tahoma, verdana, helvetica, arial, sans-serif;
	color: #3c3421;	
	padding-left: 15px;
}

.audienceBox1 li {
	background: url(images/bullets/e3e0d9.gif) no-repeat 3px 6px
}

.audienceBox2 li {
	background: url(images/bullets/dcd8ce.gif) no-repeat 3px 6px;
}


/*-----Links-----*/

#searchBox a.moreLink {
	font: bold 11px/18px tahoma, verdana, helvetica, arial, sans-serif;	
	color: #4e653f;
	text-decoration: none;
}

#searchBox a.moreLink:hover {
	border-bottom: 1px solid #7f8559;
	padding-bottom: 1px;
}

#subNav h3 a {
	background: url(images/backgrounds/subNavHeader.gif) no-repeat;
	height: 38px /*44px*/;
	width: 166px /*190px*/;
	display: block;
	font: bold 11px/14px tahoma, verdana, helvetica, arial, sans-serif;	
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 6px 6px 0 18px;
}

#breadcrumbs a {
	font: normal 11px/14px tahoma, verdana, helvetica, arial, sans-serif;	
	color: #fff;
	text-decoration: none;
}

#subNav ul.navMenu li a {
	font: bold 11px/14px tahoma, verdana, helvetica, arial, sans-serif;	
	color: #fff;
	text-decoration: none;
}

#subNav ul.navMenu ul li a {
	font: normal 11px/16px tahoma, verdana, helvetica, arial, sans-serif;	
	color: #fff;
	text-decoration: none;
}

#subNav ul.relatedInfo li a {
	font: normal 11px/12px tahoma, verdana, helvetica, arial, sans-serif;	
	color: #fff;
	text-decoration: none;
}

#content a {
	color: #506843;
}

#content a:visited {
	color: #4a555c;
}

#content a:hover {
	text-decoration: none;
}

#content .alphaLinks {
	padding-right: 10px;
}

.audienceBox2 li a,
.audienceBox1 li a {
	font: normal 12px/18px tahoma, verdana, helvetica, arial, sans-serif;
	color: #4a555c;
	text-decoration: none;
}

.audienceBox2 li a:hover,
.audienceBox1 li a:hover {
	text-decoration: underline;
}


/*---- Image Styles ----*/

.photoLeft {
	float: left;
	margin: 0 15px 15px 0;
}

.photoRight {
	float: right;
	margin: 0 10px 15px 15px;
}

p.photoCenter {
	text-align: center;
}

.imgBorder {
	padding: 3px;
	background: #eceae5;
	border: 1px solid #c5c1b8;
}

.noBottomMargin {
	margin-bottom: 0 !important;
}

.captionRight {
	float: right;
	margin: 0 10px 0 15px;
}

.captionLeft {
	float: left;
	margin: 0 15px 15px 0;
}

.captionCenter {
	margin-left: 10%;
	margin-right: 10%;
}

.captionRight img,
.captionLeft img,
.captionCenter img {
	padding: 3px;
	background: #eceae5;
	border: 10px solid #c5c1b8;
	border-bottom: 0;
}

.caption {
	background: #c5c1b8;
	font: normal 11px/16px tahoma, verdana, helvetica, arial, sans-serif;	
	color: #362707;
	margin-bottom: 15px;
	padding: 9px 4px 9px 4px;
	border: 9px solid #c5c1b8;	
	border-top: 0;
}

/* ----- Main Nav ----- */

#mainNav .item0 a {
	background: url(images/mainNav/aboutHDG.gif) no-repeat;
}

#mainNav .item5 a {
	background: url(images/mainNav/aboutAGA.gif) no-repeat;
}

/* ----- FAQ Styles ----- */

.flash {
	background: url(images/backgrounds/flash.gif) no-repeat top right;
	padding: 0 20px 5px 0;
}


/* ----- Browse Tabs ----- */

#browseTabs {
	width:100%;
  	font-size:93%;
	line-height:normal;
  	margin-top: -5px;
   	margin-left: 10px;	
 }
 
#browseTabs ul {
  margin:0 !important;
  list-style:none;
 }
  
#browseTabs li {
 	float:left;
 	background:url("images/backgrounds/tabs/left.gif") no-repeat left top !important;
 	margin:0 !important;
 	padding:0 0 0 9px !important;
  	margin-right: 3px !important;
 	font: bold 11px/18px tahoma, verdana, arial, sans-serif !important; 
	display: inline !important;
}

#browseTabs a {
  float:left;
  display:block;
  background:url("images/backgrounds/tabs/right.gif") no-repeat right top !important;
  padding:5px 18px 4px 8px;
  text-decoration:none;
  font-weight:bold;
  color:#534b3a;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#browseTabs a {float:none;}
/* End IE5-Mac hack */
#browseTabs a:hover {
  color:#333;
  }
#browseTabs #current {
  background-image:url("images/backgrounds/tabs/left_on.gif") !important;
  }
#browseTabs #current a {
  background-image:url("images/backgrounds/tabs/right_on.gif") !important;
  color:#534b3a;
  }
  
  #browseTabs a:hover {
  	color: #534b3a;
  }
  
 #browseHeader {
	padding: 7px 25px 7px 15px;
	float: left;
	background: #cecac0;
	width: 657px /*697px*/;
 	margin-left: 10px;	
	font: bold 11px/14px tahoma, verdana, helvetica, arial, sans-serif;
	color: #312815;
	display: inline;
}

#browseHeader a {
	font: normal 11px/14px tahoma, verdana, helvetica, arial, sans-serif;
	color: #312815;
	padding: 0 5px;
	text-decoration: none;
}

#browseHeader a.firstLink {
	padding-left: 15px;
}

/* ----- Grid Calendar Styles ----- */

.calendarBG {
 border-right: 1px solid #ededdc;
 width: 665px;
 font-size: 11px;
 font-family: tahoma, verdana, arial, helvetica, sans-serf;
 background: #fcfcfc;
}

.calendarBG th {
	color: #506843;
	font:  normal 18px/24px  tahoma, verdana, arial, helvetica, sans-serf;
	padding: 10px 0;
}

.calendarBG #days_of_week th {
 font-weight: bold; 
 font-size: 11px;
 color: #fff; 
 background-color: #252a2d; 
 vertical-align: middle;
 padding: 5px 0 5px 60px !important;	
 font:  normal 12px/16px georgia, 'Times New Roman', times, serif;      
}

.noBorder {
 border-right: 0;
}
.calendarBlank { 
 background-color: #eeeeee;
}

.calendarHeader { 
 color: #245570; 
  font-family: tahoma, verdana, arial, helvetica, sans-serf;
  margin-bottom: 10px;
  text-align: center;
 }

.calendarMonthLabel {
  color: #245570; 
  font-family: tahoma, verdana, arial, helvetica, sans-serf;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
 text-decoration:   none;
text-align: center !important;
}

.calendarMonthLinks {
	color: #506843;
  font-family: tahoma, verdana, arial, helvetica, sans-serf;
  margin: 10px 0;
 text-decoration:   none;
}

.left {
	text-align: right;
}

.right {
	text-align: left;
}

.calendarMonthLinks a {
	color: #506843;
  font-family: tahoma, verdana, arial, helvetica, sans-serf;
  font-size: 11px;
  margin-bottom: 10px;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold; 
 font-size:	11px;
 color: #fff; 
 background-color: #252a2d; 
 vertical-align: middle;
	padding: 5px 0 5px 60px;
	font:  normal 12px/16px georgia, 'Times New Roman', times, serif;	
	
}

.calendarToday { 

text-decoration:   none;
 text-align:  left;
 vertical-align: top;
 color:             #252a2d;
 background-color:  #e6e8ed !important;
 width: 95px !important;
 height: 85px !important;
 border: 1px solid #ededdc;
 border-top: 0; 
 border-right: 0;
 padding: 2px;
}

.eventToday {
 background-color: 	#ededdc;
}

.calendarCell {
 text-decoration:   none;
 text-align:  left;
 vertical-align: top;
 color:             #252a2d;
 background-color:  transparent;
 width: 95px;
 height: 85px;
 border: 1px solid #ededdc;
 border-top: 0; 
 border-right: 0;
 padding: 3px;
}

.calendarCell ul,
.calendarToday ul {
	margin-top: 5px;
	list-style: none;
	margin-left: 0 !important;
}

.calendarCell ul li,
.calendarToday ul li {
	padding: 0 5px 0 0;
	margin-bottom: 5px;
	background: none !important;
	margin-left: 0 !important;	
	padding-left: 0 !important;
}

.calendarCell ul li.seeMore {
	padding-top: 10px !important;
}

.calendarCell a,
.calendarToday a {
 color:             #245570;
 text-decoration:   underline;
 background-color:  transparent;
 font-size: 10px !important;
 line-height: 12px !important;
 padding-left: 0 !important;
 margin-left: 0 !important;
}

.calendarCell a:hover,
.calendarToday a:hover {
 text-decoration:   none;
 background-color:  transparent;
}

.eventLink {
	margin-top: 10px;
}

/* ----- Form Styling ----- */

.noIndent {
	margin-left: 0 !important;
}

label{
	display: block;
	font: normal 12px/17px  tahoma, arial, verdana, sans-serif;
	margin: 0;
	padding: 0;
	color: #202121;
}

.textfield{
	font: normal 12px/17px  tahoma, arial, verdana, sans-serif;
	padding:2px;
	margin: 0;
	border: 1px solid #ccc;
	background-color: #fff;
	width: 200px;
	color: #202121;
}

.textfield2{
	font: normal 12px/17px  tahoma, arial, verdana, sans-serif;
	padding:2px;
	margin: 0;
	border: 1px solid #ccc;
	background-color: #fff;
	width: 443px;
	color: #202121;
}

.textfield3{
	font: normal 12px/17px  tahoma, arial, verdana, sans-serif;
	padding:2px;
	margin: 0;
	border: 1px solid #ccc;
	background-color: #fff;
	width: 125px;
	color: #202121;
}

.selectSmall {
	width: 120px;
}

.selectLarge {
	width: 200px;
}

.submitButton {
	margin: 15px 0 0 15px;
}


.formWrapper {
	padding: 0 10px 10px 10px;
	background: #eceae5;
	border: 1px solid #c9c5ba !important;	
	width: 631px;
}

.rfp{
	font: normal 12px/17px  tahoma, arial, verdana, sans-serif;
	color: #202121;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0 !important;
	width: 485px; /*665px*/
}

.rfp td{
	padding: 0;
	margin: 0;
	padding:2px 2px 2px 15px !important;
}

.rfp h3 {
	font-size: 14px;
	color: #506843 !important;
	padding-top: 20px !important;
	border-bottom: 1px solid #c9c5ba;	
}

.rfp .extraLineHeight {
	line-height: 30px !important;
}

.rfp .tdline {
	padding: 10px 10px 0 5px !important;
}

.required {
	font: normal 9px  tahoma, arial, verdana, sans-serif;
	color: red;
}

form {
	padding: 0;
	margin: 0;
}

input[type="checkbox"] {
	vertical-align: middle;
	display:inline-block;
}

input[type="radio"] {
	margin-right: 5px;
}		

.rfp .blueText {
	color: #1c4056;
	font-weight: bold;
}

.rfp p {
	margin-left: 0 !important;
}

.rfp h3 {
	margin-left: 5px !important;
}

a.tooltip {
	position: relative;
	z-index: 0;
	text-decoration: none;
	cursor: help;
}

a.tooltip{
	display: inline;
	color: #000;
}

a.tooltip:hover {
	z-index: 1;
	text-decoration: none;
}

a.tooltip span {
	display: none;
}

a.tooltip:hover span {
	display: block;
	position: absolute;
	top: 20px;
	left: 20px;
	padding: 6px;
	border: 1px solid #bbb;
	background: #F7FBFE;
	color: #000;
	width: 250px;
	white-space: normal;
	text-align: left;
	text-decoration: none;
}

.warning {
	padding: 8px;
	background: #f2f0e1;
	border: 1px solid #c9c5ba;
	font: normal 11px/16px tahoma, verdana, arial, helvetica, sans-serif;
	margin: 15px 10px 0 10px;
	color: #202121;
}

.warning:first-line {
	color: #506843;
}

/*-----HDG Case Studies ----- */

.caseStudiesSearch {
	margin-left: 15px;
}

.caseStudiesSearch h3 {
	margin-left: 10px;
	width: 210px;
}

.caseStudiesSearchButton {
	margin: 10px 0 0 25px;
}

.caseStudiesSearch td {
	padding-left: 10px !important;
}


/*-----Newsletter Archive Styles -----*/

.newsletterArchive {
}

.newsletterArchiveRecord {
	float: left;
	width: 652px;
	display: inline;
	border-bottom: 2px solid #869379;
	margin-top: 10px;
}

.newsletterArchive .archiveImageCol {
	float: left;
	display: inline;
	margin: 0 43px 0 20px;
	padding-bottom: 15px;
}

.newsletterArchive .archiveCol1 {
	width: 165px;
	float: left;
	margin-right:41px;
	display: inline;
	padding-top: 40px;	
}

.newsletterArchive .archiveCol2 {
	width: 169px;
	float: left;
	display: inline;	
	padding-top: 40px;
}

.newsletterArchive h3 {
	font: bold 14px/18px tahoma, verdana, helvetica, arial, sans-serif !important;	
}

.newsletterArchive .thumbnailPlaceholder {
	padding: 3px;
	background: #eceae5;
	border: 1px solid #2e3438;
	width: 150px;
	margin-top: 10px;
}

.newsletterArchive h4.archiveMonth {
	font: bold 12px/16px tahoma, verdana, helvetica, arial, sans-serif !important;	
	color: #4d6440;
}

.newsletterArchive .archiveCol1 p,
.newsletterArchive .archiveCol2 p {
	font: italic 12px/16px tahoma, verdana, helvetica, arial, sans-serif !important;	
	color: #362707;
	padding-left: 0 !important;
	margin-left: 0 !important;
}

.newsletterArchive .featureTitle {
	font: bold 11px/16px tahoma, verdana, helvetica, arial, sans-serif !important;	
	color: #362707;
	text-transform: uppercase;
}

.newsletterArchive a {
	font: normal 12px/16px tahoma, verdana, helvetica, arial, sans-serif !important;	
	color: #4d6440 !important;
}

/* ---- Galvanizing Cost Calculator Landing ----- */

.calcButton {
	float: right;
	margin-top: -35px;
}

.calculatorHeading {
	border: 0 !important;
	font-size: 18px !important;
	line-height: 22px !important;
	width: 390px;
	margin: -37px 0 15px 0 !important;
}

input.error {
	border:1px solid #c00;
}
label.error {
	font-style:italic;
	color:#c00;
}