/*******************************************************************
Layout Stuff
*******************************************************************/

body {
	background-image:url(../harman2010/images/body_bg2.png);
	background-repeat:repeat-x;
	background-color:white; }
.container {
	position:relative;top:0px;left:0px;
	margin-left:auto;margin-right:auto;
	width:976px;height:auto;
	overflow:visible; }
.container_leg {
	position:relative;top:0px;left:0px;
	margin-left:auto;margin-right:auto;
	width:976px;height:auto;
	overflow:visible;
	clear:both; }
.whitebg {
	background-color:black; }

#banner {
	position:absolute;
	left:0px;
	top:0px;
	z-index:0; }
#banner_links {
	width:100%;
	font-size:10px;
	text-align:right;
	margin-top:4px;
	color:#DDDDDD;
	background-color: #2e445c; }
#banner_links a {
	color: white;
	text-decoration:none; }
#banner_links input	{
	font-size:10px;
	background-color:#DDDDDD;
	color:black;
	border-color:white; }
#left_column {
	float:left;
	width:191px;
	height:100%;
	padding:5px 0px 5px 0px; }
#content_column {
	float:left;
	width:594px;
	height:100%;
	padding:5px 0px 5px 0px; }
#content_column .padder {
	padding: 0px 12px 0px 12px; }
#right_column {
	float:right;
	width:191px;
	height:100%;
	padding:5px 0px 5px 0px; }
#right_column H2 {
	width:181px;
	height:30px;
	color:black;
	background-image:url(../harman2010/images/dotted_line_dark2.png);
	background-position:bottom;
	background-repeat:repeat-x;
	font-size:12px;
	line-height:30px;
	overflow:hidden;
	margin-bottom: 5px; }
#left_column H2 {
	width:181px;
	height:30px;
	color:black;
	background-image:url(../harman2010/images/dotted_line_dark2.png);
	background-position:bottom;
	background-repeat:repeat-x;
	font-size:12px;
	line-height:30px;
	overflow:hidden;
	margin-bottom: 5px; }
	
/*******************************************************************
Navigation - Header
*******************************************************************/
#navcontainer {
	width:100%;
	height:43px;
	overflow:hidden;
	margin-bottom: 5px; }
.navbutton {
	display:block;
	width:auto;
	height:43px;
	padding:5px 15px 5px 15px;
	line-height:33px;
	font-size:12px;
	font-weight:bold;
	float:left;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc; }
a.navbutton:link, a.navbutton:visited {
	background-image:none;
	color:#efefef;
	text-decoration:none; }
a.navbutton:hover, a.navbutton:active {
	background-image:url(../harman2010/images/navhover_bg.png);
	color:white;
}

/*******************************************************************
Feature Bar - Header
*******************************************************************/
#featureBar {
  width: 976px;
  height: 144px;
  background: url(../harman2010/images/bgFeatureBar.png) no-repeat;
  padding: 5px 0px;
  margin:10px auto 0px; }
	
.featureItem {
  float:left;
  clear:none;
  width:191px;
  height:134px;
  background:url(../harman2010/images/bgFeatureItem.png) no-repeat;
  margin:0px 2px;
  background-color:#333333;
}
.featureItem_sm {
  float:left;
  clear:none;
  width:191px;
  height:134px;
  padding:0px 2px;
}
#featureItem_Main {
  float:left;
  clear:none;
  width:577px;
  height:134px;
  padding:0px 4px;
}

.featureItem p, #featureItem_Main p, .featureItem_sm p {
  color:#e2e2e2;
  font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  line-height:12px;
  padding:0px 10px 1px 3px;
}

.featureItem a:link, .featureItem a:visited, #featureItem_Main a:link, #featureItem_Main a:visited,  .featureItem_sm a:link, .featureItem_sm a:visited {
  float:right;
  color:#FFE44F;
  font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight: bold;
  text-decoration:none;
  margin:-10px 10px;

}
.featureItem a:hover, #featureItem_Main a:hover, .featureItem_sm a:hover {
  float:right;
  color:#e2e2e2;
  font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  font-weight: bold;
  text-decoration:underline;
}
.featureItem .featurePic, .featureItem_sm .featurePic {
margin-left: 2px;
}
#featureBar_sm {
  width: 191px;
  height: 139px;
  background: url(../harman2010/images/feature_sm.png) no-repeat;
  padding: 5px 0px 0px 0px;
  clear:both;
  margin:5px auto 0px;
  background-color:#333333; }
/*******************************************************************
Feature Heading - Content Column
*******************************************************************/
.section_heading {
	background-image:url(../harman2010/images/section_heading_bg.png);
	background-repeat:no-repeat;
	width:570px;
	height:28px;
	line-height:28px;
	margin-bottom:8px; }
.section_heading .text {
	float:left;
	width:490px;
	height:28px;
	line-height:28px;
	margin-left:12px; }
.section_heading H1 {
	font-size:16px;
	font-weight:bold;
	color:black;
	float:left;
	width:490px;
	height:28px;
	line-height:28px;
	margin-left:12px;
	margin-bottom:0px; }
.section_heading .icons {
	float:right;
	width:92px;
	height:22px;
	padding:5px 0px 5px 0px;
	margin-right:12px; }
/*******************************************************************
Feature Content - Content Column
*******************************************************************/
.feature{
	clear:both;
	margin: 5px 10px;}
.feature .list{
	font-size: 12px;
	overflow:auto;
	line-height:2em; }
.feature .source {
	font-size: 10px;
	font-style:italic;
	margin-bottom:5px;
	overflow:auto; }
.feature a, .feature .list a {
	text-decoration:none;
	font-weight: bold;
	color: black;
	border-bottom:1px dashed #2e445c !important; }
.feature a:visited, .feature a:hover {
	text-decoration:none;
	font-weight: bold;
	color: #999999;
	border-bottom:1px dashed #CCCCCC; }
.feature .title, .feature .title a {
	margin:10px 0px 5px 0px;
	clear: both;
	font-size: 13px;
	line-height: 18px; !important}
.feature p {
	font-size:11px;
	line-height:13px; }
/*******************************************************************
Article Heading  - Content Column
*******************************************************************/
.news_heading {
	background-image:url(../harman2010/images/breaking_news_bg.png);
	background-repeat:no-repeat;
	width:570px;
	height:50px;
	color:#efefef;
	line-height:32px;
	background-color: #2e445c; }
.news_heading .text {
	float:left;
	font-weight:bold;
	width:508px;
	height:50px;
	font-size:14px;
	line-height:20px;
	margin:4px 0px 0px 8px;
	padding-left:0px;
	background-image:;
	background-repeat:; }
.news_heading H1 {
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 50px;
    line-height: 20px;
    margin: 4px 0 0 8px;
    padding-left: 0;
    width: 508px;
}
.news_heading a {
	color:#efefef; }
.news_heading .text span {
	font-size:24px;
	font-weight:bold;
	line-height:24px;
	display:block; }
.news_heading .icons {
	float:right;
	width:45px;
	height:22px;
	padding:5px 0px 5px 0px;
	margin-right:8px; }
	
/*******************************************************************
Article Content - Content Column
*******************************************************************/
.blog a.image, #printable a.image, .blog a img, #printable a img {
	text-decoration: none !important;
	border: 0px solid white !important;}	
.blog a, #printable a {
	color: #2e445c;
}
.blog a:hover, #printable a:hover {
	text-decoration:none;
	color: #999999;
}
.blog li a, #printable li a {
	text-decoration: none;
	border-bottom:1px dashed #2e445c !important; }
.blog, #printable {
	clear:both;padding:5px;}
.blog .title, .blog .title a {
	font-size:13px;
	color:#2e445c;
	line-height:18px;
	margin:10px 0 5px; }
.blog .source {
	font-size: 10px;
	font-style:italic;
	margin-bottom:5px;
	overflow:auto; }
.blog H2 {color:#2e445c;}
.blog .content, .blog p, .blog ul, .blog li, #printable p, #printable ul, #printable li {
	font-size:11px; }
.blog li, #printable li {
margin-bottom: 2px !important;
padding: 2px;
}
/*******************************************************************
Solid BG Box - Column
*******************************************************************/
.leftbox {
	width:191px;
	height:auto;
	background-image:url(../harman2010/images/leftbox_bg.png);
	font-size:10px;
	text-align:center;}
.leftbox .padder {
	padding:10px 10px 10px 10px; }
.leftbox .header {
	color:white !important;
	font-size:12px;
	font-weight:bold;
	font-variant:small-caps;
	border-bottom:1px dotted white;
	padding-bottom:5px !important; }
.leftbox p {
	color:white;
	font-size:10px;
	line-height:1.25em;
	text-align:center;
	margin-bottom:0px !important; }
.leftbox a {
	color:white;}

/*******************************************************************
Bordered BG Box - Column
*******************************************************************/
.videobox {
	width:191px;
	height:auto;
	background-image:url(../harman2010/images/videobox_bg.png);
	font-size:10px;}
.videobox .padder {
	padding:10px 5px 10px 5px; }
.videobox p {
	color:black;
	margin:5px 5px 10px 5px;
	font-size:10px; }
.videobox .header {
	color:black !important;
	font-size:12px;
	font-weight:bold;
	font-variant:small-caps;
	border-bottom:1px dotted black;
	padding-bottom:5px !important; }
.video_title {
	width:auto;
	height:37px;
	padding:0px 0px 0px 20px;
	line-height:37px;
	font-size:14px;
	font-weight:bold;
	background-repeat:no-repeat;
	margin:0px auto 8px auto; }

/*******************************************************************
Navigation - Left Column
*******************************************************************/
a.bttn_rollover {
	display:block;
	width:191px;
	height:30px;
	text-align:left;
	font-size:12px;
	margin:0px auto 0px auto;
	background-repeat:no-repeat;
	background-image:url(../harman2010/images/dotted_line_light.png);
	background-position:bottom; }
/* put a span in every button to compensate for padding bug in IE */
a.bttn_rollover span {
	display:block;
	padding:0px 0px 2px 5px;
	line-height:30px; }
a.bttn_rollover:link, a.bttn_rollover:visited {
	color:#000000;
	text-decoration:none;
	background-color:none; }
a.bttn_rollover:hover, a.bttn_rollover:active {
	color:#2e445c;
	text-decoration:none;
	background-color:#DDDDDD; }
/*******************************************************************
News - Right Column
*******************************************************************/
.budgetnews {
	clear:both;
	width: 191px;}
.budgetnews .list {
	font-size: 10px;
	padding: 5px 0px 5px 0px;
	overflow:auto;
	border-bottom:1px dotted #cccccc; }
.budgetnews img {
	margin: 5px 0px 5px 10px;
	float: right;
	width: 45px;
	height: 61px; }
.budgetnews a {
	text-decoration:none;
	font-weight: bold;
	color: #2e445c;}
.budgetnews a:visited, #budgetnews a:hover {
	text-decoration:none;
	font-weight: bold;
	color: #999999;}
#latvideo {
	clear:both;}
#latvideo .list {
	font-size: 10px;
	padding: 5px 0px 5px 0px;
	overflow:auto;
	text-align:center; }
#latvideo img {
	margin: 3px auto;
	padding:1px;
	border:1px solid #021a40; }
#latvideo a {
	text-decoration:none;
	font-weight: bold;
	color: #2e445c; }
#latvideo a:visited, #latvideo a:hover {
	text-decoration:none;
	font-weight: bold;
	color: #999999; }
/*******************************************************************
Audio - Left Column
*******************************************************************/
.sound_bites {
	clear:both;
	padding: 5px 10px 5px 10px;
	overflow:auto;
	border-bottom:1px dotted #cccccc;}
.sound_bites .sound_title {
	font-size: 12px;
	line-height: 12px;
	padding-bottom:5px;}
.sound_bites .sound_content, .sound_bites .sound_content p {
	font-size: 10px;
	font-weight: 100;
	margin-left: 15px;
	font-style:italic;}
.sound_bites a {
	text-decoration:none;
	font-weight:100;
	color: #2e445c;}
.sound_bites a:visited, .sound_bites a:hover {
	text-decoration:none;	
	font-weight:100;	
	color: #999999;}
/*******************************************************************
Miscellaneous
*******************************************************************/
.viewprev{
	margin: 0px 0px 10px 0px;
	float: right;
	font-size:12px; }
.viewprev a {
	color:#2e445c;
	text-decoration:none;
	font-variant:small-caps;
	font-weight:bold; }

.heading {
	color:#AAAAAA;
	padding:5px;
	}

.big_button {
	width:191px;
	height:74px;
	margin-bottom:5px; }

.press_release {
	font-size:10px;
	margin:5px 5px 5px 5px; }

fieldset {
	display:block;
	margin-top:0px;
	margin-bottom:12px; }
	
legend   {
	font-size:16px;
	font-weight:bold;

	color:black; }
#zipform {
	width: 191px;
	background-color: #FFFFFF;
	margin: 0 auto;
}
/*******************************************************************
Footer
*******************************************************************/
#footer {
	background-color:#2e445c;
	width:100%;
	height:35px;
	overflow:hidden;
	border-width:0px 0px 1px 0px;
	border-color:#8A8A8A;
	margin-bottom:0px; }
#footer h1, .leftbox h1, .container_leg h1 {
display:none;
height:0px;
width:0px;
}
#footer a {
	display:block;
	float:left;
	width:auto;
	height:19px;
	margin:8px 0px 8px 0px;
	padding:0px 8px 0px 8px;
	line-height:19px;
	font-size:10px;
	font-variant:small-caps;
	float:left;
	border-style:solid;
	border-width:0px 1px 0px 0px;
	border-color:#A8A8A8; }
#footer a:link, #footer a:visited {
	color:#DDDDDD;
	text-decoration:none;
	background-color:#2e445c; }
#footer a:hover, #footer a:active {
	color:#FFFFFF;
	text-decoration:none;
	background-color:#222222; }
#footer .rightlink {
	border-width:0px 0px 0px 0px; } 
#footer_base {
	background-color:#202020;
	height:100px; }
.right_float {
float:right;
margin: 0px 0px 10px 10px; }
	/*******************************************************************
Special Display Boxes
   - JB
*******************************************************************/
#calcare {margin:auto;width:125px;padding:2px;background-color:#EFEFEF;text-align:center}
#calcare a {font-family:Cambria, Times New Roman;font-size:24px;font-variant:small-caps;display:block;text-decoration:none;color:#990000}
#budget {margin:auto;width:125px;padding:2px;background-color:#FFFF00;text-align:center}
#budget a {font-family:Cambria, Times New Roman;font-size:24px;font-variant:small-caps;display:block;text-decoration:none;color:#006600}
#water {margin:auto;width:125px;padding:2px;background-color:#33CCFF;text-align:center}
#water a {font-family:Cambria, Times New Roman;font-size:24px;font-variant:small-caps;display:block;text-decoration:none;color:#000066}