/* CSS Document */

body {

	margin:0;
}

a:link, a:visited, a:active, a:hover {
color : #2f5364;
text-decoration: underline;
}

h1, .h1 {

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:28px;

	font-weight:100;

	color:#2f5364;	

}



h2, .h2 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:100;
	color:#2f5364;

}



h3, .h3 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:100;
	color:#00A354;

}

h3 a{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:100;
	color:#00A354;
	text-decoration:none;
	font-weight:bold;

}
h3 a:hover{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:100;
	color:#00A354;
	text-decoration:none;
	font-weight:bold;

}
h3 a:active{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:100;
	color:#00A354;
	text-decoration:none;
	font-weight:bold;

}
h3 a:visited{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:100;
	color:#00A354;
	text-decoration:none;
	font-weight:bold;

}

h4, .h4 {

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:14px;

	font-weight:100;

	color:#FFFFFF;

	text-decoration:none;

	line-height:1.5em;

}

.h4Link {

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:14px;

	font-weight:100;

	color:#FFFFFF;

	text-decoration:none;

	line-height:1.5em;

}

.h4Link:hover {

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:14px;

	font-weight:100;

	color:#FFFFFF;

	text-decoration:none;

	line-height:1.5em;

}





#homepageImage{

	width:951px;

	clear:both;

	float:left;	

}



#homepageImage-bottom{

	width:951px;

	height:144px;

	clear:both;

	float:left;	

}



#container {

	width:951px;

	margin-left:auto;

	margin-right:auto;

}



#logo {

	background-image:url(images/huff-n-puff-logo.jpg);

	background-repeat:no-repeat;

	width:161px;

	height:126px;

	margin-left:17px;

	float:left;

}



#phoneNumber {

	background-image:url(images/huff-n-puff-number.jpg);

	background-repeat:no-repeat;

	width:305px;

	height:43px;

	margin-left:10px;

	float:left;

	margin-top:10px;	

}



#toplinks {

	float:right;

	width:400px;

	text-align:right;

	margin-top:10px;

	padding-right:12px;

}



.breadcrumbs{

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#2f5364;

	font-weight:100;

	line-height:1.5em;

	margin:0;

}

.breadcrumbsLink {

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#2f5364;

	font-weight:100;

	line-height:1.5em;

	margin:0;

	text-decoration:none;

}

.breadcrumbsLink:visited {

color:#2f5364;

font-size:11px;

text-decoration:none;

}

.breadcrumbsLink:hover {

color:#00a850;

font-size:11px;

text-decoration:none;

}

.breadcrumbsLink:active {

color:#2f5364;

font-size:11px;

text-decoration:none;

}



#toplinks a:hover {

	text-decoration:underline;

}



#navbar {

	

	background-repeat:no-repeat;

	background-position:bottom;

	width:300px;

	height:126px;

	float:right;

	margin-right:13px;

}



#navigation {

	background-image:url(images/nav-bar.png);
	
	background-repeat:no-repeat;
	
	float:left;

	clear:both;

	width:950px;

	margin:0;

	padding:0;

}



#content {

	clear:both;

}



p, .content {

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#2f5364;

	font-weight:100;

	line-height:1.5em;

	margin:0;

}

.copy p a{
	text-decoration:none;
	color:#2f5364;	
}

a {

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#2f5364;

	font-weight:100;

	line-height:1.5em;

	margin:0;

	text-decoration:underline;

}



a:hover {

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#2f5364;

	font-weight:100;

	line-height:1.5em;

	margin:0;

	text-decoration: underline;;

}



ul.faq li{

	padding-bottom:7px;	

}



#insideNav{

	float:left;

	width:100%;

	text-align:center;

	margin-left:30px;

	clear:both;

	margin-left:auto;

	margin-right:auto;

}



.insideNav {

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#2f5364;

	font-weight:100;

	line-height:1.3em;

	text-decoration:none;

}



.insideNav:visited {

	color:#2f5364;

	text-decoration:none;

}



.insideNav:hover {

	color:#2f5364;

	text-decoration:underline;

}



.insideNav:active {

	color:#2f5364;

	text-decoration:none;

}



#leftCol {

	float:left;

	width:430px;

	clear:both;

	margin-left:30px;

}



#rightCol {

	float:right;

	width:430px;

	margin-right:20px;

}



#rightCol-inside {

	float:right;

	width:710px;

	margin-right:20px;

}



#footer {

	background-image:url(images/footer-bg.jpg);

	background-repeat:repeat-x;

	background-color:#4e6a78;

	clear:both;


}



#footerContent {

	width:900px;

	padding-top:15px;

	margin-left:auto;

	margin-right:auto;

}



hr {

	color: #ffffff;

	border:0;

	border-top: #CCCCCC dashed 1px;

}



.footer {

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:100;

	color:#FFFFFF;

	clear:both;

	text-decoration:none;

	line-height:1.5em;

}

.info-links {

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:100;

	color:#FFFFFF;

	clear:both;

	text-decoration:none;

	line-height:1.5em;

	background-image:url(images/no-arrow.jpg); background-position:left; background-repeat:no-repeat;

	padding-left:15px;

}



.info-links:visited {

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:100;

	color:#FFFFFF;

	clear:both;

	text-decoration:none;

	line-height:1.5em;

	backgr ound-image:url(images/no-arrow.jpg); background-position:left; background-repeat:no-repeat;

	padding-left:15px;

}

.info-links:hover {

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:100;

	color:#FFFFFF;

	clear:both;

	text-decoration:none;

	line-height:1.5em;

	background-image:url(images/white-arrow.jpg); background-position:left; background-repeat:no-repeat;

	padding-left:15px;

}

.info-links:active {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:100;
	color:#FFFFFF;
	clear:both;
	text-decoration:none;
	line-height:1.5em;
	background-image:url(images/no-arrow.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:15px;

}

.footerLinks {

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:100;

	color:#FFFFFF;

	clear:both;

	text-decoration:none;

	line-height:1.5em;

}

.footerLinks:link {

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:100;

	color:#FFFFFF;

	clear:both;

	text-decoration:none;

	line-height:1.5em;

}

.footerLinks:visited {

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:100;

	color:#FFFFFF;

	clear:both;

	text-decoration:none;

	line-height:1.5em;

}

.footerLinks:hover {

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:100;

	color:#FFFFFF;

	clear:both;

	text-decoration:underline;

	line-height:1.5em;

}

.footerLinks:active {

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	font-size:11px;

	font-weight:100;

	color:#FFFFFF;

	clear:both;

	text-decoration:none;

	line-height:1.5em;

}





/* CSS Drop Menu */

#chromemenu{

margin-top:10px;

}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/

content: "."; 

display: block; 

height: 0; 

clear: both; 

visibility: hidden;

}



#chromemenu ul{

width: 100%;

margin-left: 0;

padding-left: 20px;

color:#FFFFFF;

margin: 0;

list-style-type:none;

display: inline;

text-align: left; /*set value to "left", "center", or "right"*/

height:123px;



}





#chromemenu ul li{

display: inline;

}





#chromemenu ul li a{

font: 12px Tahoma, Arial, Helvetica, sans-serif;

font-weight:100;

color:#FFFFFF;

text-decoration:none;

padding: 2px 3px;

text-decoration: none;

padding-bottom:6px;

padding-bottom:0;

margin-bottom:0;

}



#chromemenu ul li a:hover{

color: #deeef3;

}



#chromemenu ul li a[onMouseover]:after{ /*HTML to indicate drop down link*/

content: "";

/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/

}



/* ######### Style for Drop Down Menu ######### */



.dropmenudiv{

position:absolute;

top: 0;

border-bottom-width: 0;

line-height:15px;

z-index:200;

background-color:#2e5263;

visibility: hidden;

margin-top:-2px;

}



.dropmenudiv a{

width: auto;

display: block;

text-indent: 3px;

padding: 2px 0;

text-decoration: none;

color: #FFFFFF;

font-family:Tahoma, Arial, Helvetica, sans-serif;

font-size: 12px;

font-weight:100;

text-align: left;

border-top: #333333 1px solid;

}



* html .dropmenudiv a{ /*IE only hack*/

width: 100%;

}



.dropmenudiv a:hover{ /*Theme Change here*/

background-color: #00a850;

color: #FFFFFF;

text-decoration: none;

}

/* ######### End Drop Down Menu ######### */



.tCase {

	text-transform: lowercase;

	text-transform: capitalize;

}



/***** Hover Over Box *****/



#dhtmltooltip{

font-family:Tahoma, Arial, Helvetica, sans-serif;

font-size:11px;

font-weight:bold;

color:#FFFFFF;

line-height:1.5em;

position: absolute;

left: -300px;

width: 229px;

border: 1px solid #333333;

padding: 1px;

background-color:#2f5364;

visibility: hidden;

z-index: 100;

/*Remove below line to remove shadow. Below line should always appear last within this CSS*/

filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);

}



#dhtmlpointer{

position:absolute;

left: -300px;

z-index: 101;

visibility: hidden;

}



/***** Hover Over Box *****/

.number {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: #254369;
}

#leftcolumn_new {
	width:230px;
	background-color: #D6EAEC;
}

#main_section {
	width:700px;
	position: relative;
	clear: both;
	
	}
#footer #footerContent .content a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
/*   For Chrome Fixed     */
strong, b {
	font-weight:bold !important;	
}


