/*----- HZ Common Layout 1 CSS styles 3-18-2011 ------------------------------------*/


/*--- Added 1-29-2012 to patch a problem with pages not showing up in IE6 and IE7 --*/
/*-- FB Like Button is causing problems... ---*/

html { 
    display: block !important;
}

/*-- End of FB Bug patch --*/


a:link {
	color: #2020D8;
	text-decoration: none;
}

a:visited {
	color:#CC0099;
	text-decoration:none;
}

a:active {
	color:#FF3300;
	text-decoration:none;
}

a:hover, a:focus {
	color: #3333FF;
	text-decoration: underline;
}



body {
	font-family: Verdana;
	font-size: small;
	color: #000;
	background-color:#333333;
/*	background-color: #FFFEE6; */
	padding:0px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
}

#container {
	position:relative;
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2px;
	margin-bottom:16px;
	background-color: #FFFEE6;
}

#pre_premast {
	display:none;
}


#pre_mast {
	height: 24px;
	overflow: auto;
	background-color: #333333;
	font-size: xx-small;
	color:white;
}

/*-- Navigation Bar Above Logo, inside Masthead -- Links to main index pages --*/
#mini_nav {
	position:absolute;
	top: 5px;
	left:60px;
/*	display:inline; */
	border: 3px #333333 solid;
	padding: 2px 4px;
	background-color:#FFFEE6;
	font-family:Verdana;
	color:#2020D8;
	font-size:x-small;
	font-weight:bold;
	line-height:15px;
	text-transform:uppercase;
}



#mini_nav ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-family:Verdana;
	font-size:x-small;
	text-transform: uppercase;
	font-weight:bold;
	line-height:15px;
}

#mini_nav li {
	list-style-type: none;
	display: inline;
	padding: 4px 2px;
	margin: 1px 0px;
}

#mini_nav li a {
	text-decoration:none;
	padding:2px 2px;
	color: #2020D8;
}

#mini_nav li a:link {
	color:#2020D8;
}

#mini_nav li a:visited {
	color: #CC3399;
}

#mini_nav li a:active {
	color: #FFCC99;
}

#mini_nav li a:hover,
#mini_nav li a:focus {
	font-weight:bold;
	color: #0000FF;
	text-decoration: underline;
	background-color:#FFFF00;
	padding:2px 2px;
}
/*-- End of mini-navigation bar at top of masthead --*/



#masthead {
/*	position:relative; */ /*-- pos-relative blocked for now, using pos-absolute for mini-navbar until later --*/
	overflow: auto;
	background-color: #FFEA00;
	padding: 6px 0px 4px 0px;
	font-size: xx-small;
}

#masthead img {
	float: left;
	border:0px !important;
}

.logo {
	border:0px;
}

#masthead p {
	text-align: right;
	margin: 0;
	margin-top: 5px;
	margin-right: 10px;
	padding: 0;
}


#mh_logo {
	float: left;
	width: 465px;
	height: 60px;
	text-align: left;
	vertical-align: middle;
	overflow: hidden;
	padding: 0px 4px;
}


#mh_xtra {
	float: right;
	vertical-align: top;
	text-align: left;
	width: 480px;
	padding-left: 7px;
	background-color: #FFEA00;
	overflow: hidden;
}

#mh_srch {
	float: left;
	width: 300px;
	min-height: 60px;
	margin-right: 5px;
	vertical-align:top;
	text-align: left;
	overflow: hidden;
}

#mh_far_rt {
	float: right;
	width: 165px;
	margin: 0px 5px 1px 5px;
	max-width: 170px;
	vertical-align: top;
	text-align: right;
	overflow: hidden;
}

#mh_far_rt img {
	float:right;
}


#header {
	margin: 0px;
	border-top: 2px #3B5998 solid;
	border-bottom: 2px #6666FF solid;
	padding: 2px 0px 0px 6px;
	background-color: #2020D8;
}



/* ---- Header Navigation Styles -----*/

.hdr_navbar_group {
/*	position:relative; */
	display: inline-block;
/*	float: left; */   /*-- Place this float in ie765 css file --*/
	margin: 4px 3px 4px 3px;
	padding: 2px 1px;
	border: 1px #FFFF00 solid;
}


/*-- Special NavBar Group Style For Gift Ideas at Xmas --*/
.hdr_navbar_group_gift_x {
/*	position:relative; */
	display: inline-block;
/*	float: left; */   /*-- Place this float in ie765 css file --*/
	margin: 4px 3px 4px 3px;
	padding: 2px 1px;
	border: 1px #FFFF00 solid; /*-- Change color to FF3300 for Xmas --*/
/*	background-color: #009900; */ /*-- Remove these comments for Xmas --*/
}




.hdr_nav_group_label {
	position:absolute;
/*	display:inline-block; */
	display:none;
	top:-7px;
	left:-6px;
	padding: 0px 4px 0px 2px;
	background-color:#2020D8;
	font-family: Verdana;
	font-size: 9px;
	line-height:1.1em;
	text-transform:uppercase;
	color:#FFFF00;
	
}

/*-- ALTERNATE STYLES FOR HEADER NAVIGATION BAR ---*/

/* --- Use one of these IDs in conjunction with class above to apply distinction to category of topic -- */
/*
#hdr_topic_category_system {
	background-color: #2020D8;
	border:1px #FFFFFF dashed;

}

#hdr_topic_category_place {
	background-color: #2020D8;
	border:1px #FFFFFF dashed;

}

#hdr_topic_category_surfaces {
	background-color: #2020D8;
	border:1px #FFFFFF dashed;

}

#hdr_topic_category_envelope {
	background-color: #2020D8;
	border:1px #FFFFFF dashed;

}

#hdr_topic_category_main {
	background-color: #2020D8;
	border: 2px #FFEA00 solid;
	margin-left: 20px;
}
---*/

/* --- End of topic IDs -- */


/*
.hdr_navbar_group ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-family:Verdana;
	font-size:10px;
	text-transform: uppercase;
	font-weight:bold;
	line-height:15px;
}
*/



.hdr_nav_list {
	margin: 0px;
	padding: 0px;
	font-family:Verdana;
	font-size:11px;
	text-transform: uppercase;
/*	font-weight:bold; */
	line-height:15px;
}


.hdr_nav_list li {
	list-style-type: none;
	display: inline;
	padding: 4px 1px;
	margin: 1px 0px;
}

.hdr_nav_list li a {
	text-decoration:none;
	padding:2px 2px;
	color: #CCCCCC;
}

.hdr_nav_list li a:link {
	color:white;
}

.hdr_nav_list li a:visited {
	color: white;
}

.hdr_nav_list li a:active {
	color: #FFCC99;
}

.hdr_nav_list li a:hover,
.hdr_nav_list li a:focus {
/*	font-weight:bold; */
	color: yellow;
	text-decoration: underline;
	background-color: #0066FF;
	padding:2px 2px;
}


/* ---- End of ALTERNATE Header Navigation Stuff ----*/


#post_header {
	clear:both;
	background-color: #FFFFCC;
	padding: 0px 4px;
	display:none;
/* Display set to None until this section is needed in the future ---*/
}

/* ------- End of Top Of Page ID's and Classes -----------*/




/*-------------------------- MAIN CONTENT ID'S ---------------------------*/

/* -------------- Content Sstructural ID's -------------- */

/* --------- MAIN TOP CONTENT ---------*/


#content_top_main {
	clear:both;
	width: 100%;
	margin-top: 0px;
	padding-top: 4px;
/*	overflow: auto; */
	overflow:hidden;
}

#content_top_left_col {
	float: left;
	width: 606px;
	padding-left:2px;
}

#content_top_left_col p,
#content_top_left_col h2,
#content_top_left_col h3,
#content_top_left_col h4,
#content_top_left_col h5,
#content_top_left_col h6 {
	padding-left:6px;
	padding-right:4px;
}

/*----- RIGHT-HAND COLUMN ----*/

#content_top_rcol {
	float: right;
	width: 340px;
	margin: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	border-color: #1C20D9;
	border-style: solid;
	padding: 0px 2px 0px 2px;
}


#content_top_rcol p, 
#content_top_rcol h2,
#content_top_rcol h3,
#content_top_rcol h4,
#content_top_rcol h5 {
	padding-left:6px;
	padding-right:4px;
}


/* ------ End of Main Top Content ---------*/



/* ------------------- MAIN MIDDLE CONTENT - INCLUDES TOOL and MATERIAL LISTS ---------- */

#content_mid_main {
	clear:both;
	width: 100%;
	overflow: auto;
	
}



#content_mid_left_col {
	float: left;
	width: 606px;
	padding-left:2px;
	overflow:hidden;
}

#content_mid_left_col p,
#content_mid_left_col h2,
#content_mid_left_col h3,
#content_mid_left_col h4,
#content_mid_left_col h5,
#content_mid_left_col h6 {
	padding-left:6px;
	padding-right:4px;
}


#content_mid_rcol {
	float: right;
	width: 340px;
	padding: 0px 2px 0px 2px;
}

#content_mid_rcol p, 
#content_mid_rcol h2,
#content_mid_rcol h3,
#content_mid_rcol h4,
#content_mid_rcol h5 {
	padding-left:6px;
	padding-right:4px;
}

.rcol_spacer {
	padding:2px;
	height:100px;
/*	visibility:hidden; */
}

/* ------ End of Middle Content ---------*/


/* ------------------- MAIN BOTTOM CONTENT - MAY INCLUDE COMMENTS SECTION, ETC. ---------- */



#content_btm_main {
	width: 100%;
	padding-bottom: 4px;
	overflow: auto;
}

#content_btm_left_col {
	float: left;
	width: 606px;
	padding-left:2px
}

#content_btm_left_col p,
#content_btm_left_col h2,
#content_btm_left_col h3,
#content_btm_left_col h4,
#content_btm_left_col h5,
#content_btm_left_col h6 {
	padding-left:6px;
	padding-right:4px;
}

#content_btm_rcol {
	float: right;
	width: 340px;
	padding: 0px 2px 0px 2px;
}

#content_btm_rcol p, 
#content_btm_rcol h2,
#content_btm_rcol h3,
#content_btm_rcol h4,
#content_btm_rcol h5 {
	padding-left:6px;
	padding-right:4px;
}

/* ------ End of Bottom Content ---------*/



/* -------------- end of content structural ID's -------------- */






/* -----------------------  BEGIN BOTTOM OF PAGE ID's and CLASSES  -----------------*/

#pre_nav {
	width: 100%;
	background-color: #FFFFCC;
	padding: 4px 0px;
	overflow: auto;
	margin-top: 0px;
}




#btm_nav_outer {
	width: 100%;
	background-color: #FFFFCC;
	padding: 0px;
	margin-top: 0px;
}

#btm_nav_left_col {
	float:left;
	width: 580px;
	height:80px;
	margin: 6px 0px 6px 6px;
	border-top:4px #1C20D9 solid;
	border-right:2px #1C20D9 dotted;
	border-bottom:4px #1C20D9 solid;
	border-left:4px #1C20D9 solid;
}



#btm_nav_inner_top {
	margin: 4px 2px 4px 2px;
	border:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: large;
	text-align: center;
	vertical-align:middle;
}

/*-- This box may not be needed --*/
#btm_nav_inner_main_links {
	float:right;
	border:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: large;
	text-align: center;
	vertical-align:middle;
}


#btm_nav_inner_btm {
	font-family: Verdana;
	font-weight: normal;
	font-size: x-small;
	text-align: center;
	text-transform: uppercase;
}


/*---- List Items Appear In A Row For Navigation Links ----*/

#btm_navbar_list {
/*	height:24px; */
	margin:6px 2px;
	text-align:center;
/*	border-top:2px blue solid; */
/*	border-bottom:2px blue solid; */
/*	background-color: #FFFF99; */
}

#btm_navbar_list ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-family:Verdana;
	font-size: 8pt;
	text-transform: uppercase;
/*	font-weight:bold; */
	line-height:15px;
/*	white-space:nowrap; */
}

#btm_navbar_list li {
	list-style-type:none;
	display:inline;
/*	background-color: #FFFF66; */
	padding: 4px 2px;
	margin: 2px 0px;
}

#btm_navbar_list li a {
	text-decoration:none;
	padding:2px 2px;
	color:#2020D8;
}

#btm_navbar_list li a:link {
	color:#2020D8;
}

#btm_navbar_list li a:visited {
	color:#CC0099;
}

#btm_navbar_list li a:active {
	color:#FF3300;
}

#btm_navbar_list li a:hover,
#btm_navbar_list li a:focus {
/*	font-weight:bold; */
	color: #000099;
	text-decoration: underline;
	background-color:#FFFF00;
	padding:2px 2px;
/*	line-height:15px; */
}

.nav_topic_category_system {
/*	background-color:#66FFFF; */
}

.nav_topic_category_place {
/*	background-color:#FFFF66; */
}

.nav_topic_category_surfaces {
/*	background-color:#FF9900; */
}

.nav_topic_category_envelope {
/*	background-color:#99FF66; */
}


/*--- End Of Lisr Item Stuff ---*/


#btm_nav_rcol {
/*	display:none; */
	float: left;
	width: 320px;
	height:80px;
	margin: 6px 6px 6px 0px;
	border-top:4px #1C20D9 solid;
	border-right:4px #1C20D9 solid;
	border-bottom:4px #1C20D9 solid;
	border-left:0px #1C20D9 solid;
}


#btm_nav_inner_srch {
	float:left;
	width:300px;
/*	height:60px; */
/*	min-height: 60px; */
	margin-top:15px;
	margin-left:10px;
	vertical-align:top;
	text-align: left;
	overflow: hidden;

}


/* ---------------------- BEGIN MISC BOX Classes ---------------------*/

.box_outer_color_1 {
	margin: 10px 2px;
	border-style: solid;
	border-width: 2px;
	border-color: #C0C0C0;
	/*padding: 2px; */
	background-color: #EEEEEE;

}


/* ---------------------- END of MISC BOX Classes ---------------------*/


/*---------- BEGIN RIGHT-HAND COLUMN ID'S and CLASSES --------*/
/*---- (This was moved from hz_article_1 css file on 4-13-11 --*/

.right_col_tower_left {
	float: left;
/*	display:table-cell; */
	width: 160px;
	height: 600px;
	margin-top:2px;
	margin-left:0px;
	margin-right:2px;
	
}

.right_col_tower_left_2 {
/*	float:left; */
	display:table-cell;
	width: 160px;
	height: 600px;
	margin-top:2px;
	margin-left:0px;
	margin-right:2px;
	background-color:#CCCCCC;
	
}

.right_col_tower_right_2 {
	float:right;
	width: 160px;
	height: 600px;
	margin-top:2px;
/*	margin-left:15px; */
	margin-right: 0px;
}


.right_col_div_160w {
/*	float: left; */
	display:table-cell;
	width: 160px;
	margin:8px 4px;
}


.right_col_tower_ad_160px_1	{
	width:160px;
	float:left;
	height: 600px;
	margin:2px 0px 6px;
/*	border:2px #2020D8 solid; */
}

.right_col_tower_companion_1 {
	width:160px;
	float:right;
	height: 600px;
	margin:2px 0px 6px;
	
}

.rcol_clearer {
	clear:both;
	line-height:0px;
	height:0px;
}

.centered_pic {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.spacer_18h {
	height:18px;
/*	max-height:18px; */
	font-size:x-small;
}

/* -----WIDE-BODY Right-Hand Column Classes ---*/

.wide_ad_336px_1 {
	margin:2px 0px 6px;
	border:2px #2020D8 solid;
}

.wide_plain {
	margin:8px 0px;
}

.wide_centered {
	margin-top:6px;
	margin-bottom:6px;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
}

.wide_right_col_1 {
	margin: 6px 0px;
	padding:6px;
}

.wide_iframe_wrapper_1 {
	margin:12px 0px;
}



.fb_rcol_330 {
	margin:8px 0px;
	border-top:16px #3B5998 solid;
	border-bottom:16px #3B5998 solid;
	padding:0px;
}


/*--------- END OF RIGHT-HAND COLUMN ID'S and CLASSES ----------*/




/* -----------------------  FOOTER AREA ID's and CLASSES  -----------------*/


#pre_footer {
	clear:left;
	width: 100%;
	background-color: #FFFF99;
	padding: 2px, 0px;
	overflow: auto;
	margin-top: 0px;
}

#footer {
	width: 100%;
	background-color: #FFEA00;
	padding: 4px 0px;
	overflow: auto;
	margin-top: 0px;
}

#footer p { padding-top: 2px; padding-bottom: 2px; padding-left: 6px; margin-top: 4px; margin-bottom: 4px; }


#post_footer {
	width: 100%;
	background-color: #FFFF99;
	padding: 2px 0px;
	overflow: auto;
	margin-top: 0px;
}

/*-- Styles For Low-Grade Navigation List At Bottom Of All Pages --*/

#post_footer_navbar {
/*	width:606px; */
	padding:4px;
}

#post_footer_navbar ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-family:Verdana;
	font-size: 9pt;
	text-transform: uppercase;
/*	font-weight:bold; */
	line-height:20px;
/*	white-space:nowrap; */
}

#post_footer_navbar li {
	list-style-type:none;
	display:inline;
	padding: 4px 2px;
	margin: 2px 4px;
}

#post_footer_navbar li a {
	text-decoration:none;
	padding:2px 2px;
	color:#2020D8;
}

#post_footer_navbar li a:link {
	color:#2020D8;
}

#post_footer_navbar li a:visited {
	color:#CC0099;
}

#post_footer_navbar li a:active {
	color:#FF3300;
}

#post_footer_navbar li a:hover,
#post_footer_navbar li a:focus {
/*	font-weight:bold; */
	color: #000099;
	text-decoration: underline;
	background-color:#FFFF00;
	padding:2px 2px;
}
/*-- End of Post-Footer Navigation Bar --*/