/* Global Reset
------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;border:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

* {
	margin: 0;
	padding: 0;
}

/* Layout
------------------------------------------------------------------------------*/

body {
	padding: 50px 0;
	background: url(../images/main_bg.jpg) top left repeat-x #5d9fb2;
	font: .75em Verdana, sans-serif;
	color: #111;
}

#wrapper {
	margin: 0 auto;
	width: 926px;
	background: url(../images/page_repeat.gif) top center repeat-y;
}

/* Header
------------------------------------------------------------------------------*/

#header {
	padding: 10px 33px 0 33px;
	background: url(../images/page_top.gif) top center no-repeat;
	position: relative;
	bottom: 10px;
	float: left;
}

/* logo */

a.logo, a.logo:visited, a.logo:hover {
	margin: 0;
	padding: 0;
	width: 332px;
	height: 156px;
	display: block;
	float: left;
	background: url(../images/logo.gif) top left no-repeat;
}

/* top right About Us section links */

ul.about {
	padding-top: 20px;
	list-style: none;
	float: right;
}
ul.about li {
	margin-left: 10px;
	height: 24px;
	display: block;
	float: left;
	background: url(../images/about_left_btn.gif) center left no-repeat;
}
ul.about li a, ul.about li a:visited {
	margin: 0;
	padding: 5px 10px;
	float: left;
	height: 14px;
	background: url(../images/about_right_btn.gif) top right no-repeat;
	color: #111;
	text-decoration: none;
}
ul.about li a:hover {
	color: #555;
}

/* quote just below About Us links */

p.tagline {
	padding-top: 18px;
	float: right;
	font: italic 1.5em Georgia, sans-serif;
	line-height: 1.4em;
	text-align: right;
	color: #717171;
	width: 500px;
}

/* top navigation */

ul#navigation {
	padding: 0 2px;
	width: 856px;
	height: 29px;
	float: left;
	background: url(../images/nav_backing.jpg) top left no-repeat;
}
ul#navigation li {
	height: 29px;
	width: auto;
	display: block;
	float: left;
	position: relative;
	background: url(../images/nav_divides.jpg) center right no-repeat;
	z-index: 10000;
}
ul#navigation li a, ul#navigation li a:visited {
	padding: 8px 14px 0 14px;;
	width: auto;
	float: left;
	height: 21px;
	color: #111;
	text-decoration: none;
}
ul#navigation li a:hover {
	background: url(../images/nav_hover.jpg) center left repeat-x;
	color: #111;
}

/* dropdown navigation */

ul#navigation li ul {
	margin-top: 28px; 
	padding-bottom: 11px;
	width: 235px;
	background: url(../images/dropdown_backing.png) bottom right no-repeat;
	display: none;
	position: absolute;
	top: 0px;
	left: -2px;
}
ul#navigation li ul li {
	margin: 0;
	padding: 0;
	width: 222px;
	height: 29px;
	background: none;
}
ul#navigation li:hover ul, ul#navigation li.over ul {
	display: block;
}
ul#navigation li ul li a, ul#navigation li ul li a:visited {
	margin: 0;
	padding: 8px 14px 0 14px;
	width: 192px;
	height: 21px;
	float: left;
	color: #111;
	border: 1px solid #fff;
	border-top: 1px solid #c5dbe2;
	text-decoration: none;
}
ul#navigation li ul li a:hover {
	background: url(../images/nav_hover.jpg) center left repeat-x;
	color: #111;
}


/* Content
------------------------------------------------------------------------------*/

#content {
	clear: both;
}
#content h1 {
	margin-top: 30px;
	padding: 5px 0;
	font: italic 1.7em Georgia, sans-serif;
	color: #5c9cb0;
	border-top: 1px solid #000;
	border-bottom: 1px dotted #d8d8d8;
}
#content ul {
	line-height: 160%;
	margin-bottom: 15px;
}
#content ul li {
	padding: 0 0 0 25px;
	background: url(../images/arrows.gif) top left no-repeat;
}
/* home column template */

body#home div.left_col {
	padding: 0 30px 0 33px;
	width: 415px;
	float: left;
}
body#home div.right_col {
	width: 415px;
	float: left;
}

/* interior column template */

body#interior div.left_col {
	padding: 0 30px 0 33px;
	width: 225px;
	float: left;
}
body#interior div.right_col {
	width: 603px;
	float: left;
}

/* home intro box on right column (can go on left too) */

h1.intro {
	margin: 0;
	padding: 5px 15px !important;
	border: 0 !important;
	border-bottom: 1px solid #D2E9EF !important;
	background: url(../images/intro_top.gif) top left no-repeat;
}
p.intro {
	padding: 15px;
	background: url(../images/intro_btm.jpg) bottom left no-repeat;
}

/* left column navigation on interior pages */

.left_nav {
	margin-top: 30px;
	padding: 0 0 1px 0;
	width: 225px;
	border: 1px solid #d3e9ef;
}
.left_nav li {
	display: inline;
	width: 225px;
	margin: 0;
	padding: 7px 0 7px 0 !important;
	line-height: 100% !important;
	background: none !important;
}
.left_nav li a, .left_nav li a:visited {
	margin: 0;
	padding: 7px 14px;
	width: 195px;
	color: #111;
	text-decoration: none;
	display: block;
	background: #e3edef;
	border: 1px solid #fff;
	border-bottom: 1px solid #c5dbe2;
}
.left_nav li a:hover {
	background: #d0dfe1;
}

/* contact form */
form#contact fieldset {
	margin-bottom: 15px;
	padding: 0 15px 15px 5px;
	border: 1px solid #ccc;
	line-height: 160%;
}
form#contact legend {
	margin-left: 10px;
	padding: 10px 0;
}
form#contact label {
	padding: 0 10px;
	text-align: right;
}
form#contact input, form#contact textarea {
	padding: 2px;
	border: 1px solid #ccc;
	float: left;
}
form#contact ul {
	line-height: 160%;
	float: left;
}
form#contact ul li {
	width: 100%;
	padding: 3px 0;
	float: left;
	background: none;
}
/* one label and input on a line */
form#contact ul li.single label { width: 90px; float: left; }
form#contact ul li.single input { width: 265px; float: left; }
/* two labels and inputs side-by-side */
form#contact ul li.double label { width: 90px; float: left; }
form#contact ul li.double input { width: 170px; float: left; }
/* three labels and inputs side-by-side */
form#contact ul li.triple label { width: 90px; float: left; }
form#contact ul li.triple input { width: 75px; float: left; }
/* label and textarea */
form#contact ul li.textarea label { width: 555px; float: left; text-align: left; }
form#contact ul li.textarea textarea { margin-left: 10px; width: 555px; height: 100px; float: left; }

/* lower part of form with checkbox optoins */
ul#checkboxes {
	padding-left: 10px;
	width: 560px;
	margin-bottom: 15px;
	float: left;
}
ul#checkboxes li {
	margin: 0 0 5px 0;
	padding: 5px;
	border: 1px solid #ccc;
	float: left;
}
ul#checkboxes li label {
	width: 500px;
	text-align: left;
	float: left;
}
ul#checkboxes li input {
	margin: 5px 3px 0 0;
	width: 20px;
	border: 0;
	float: right;
}
/* submit button */
form#contact input.button {
	margin-left: 10px;
	background: #E5EDF0;
	border: double #D1DCDF;
}


/* Footer
------------------------------------------------------------------------------*/

#footer {
	padding: 10px 33px 15px 33px;
	background: url(../images/page_btm.gif) bottom center no-repeat;
	font-size: 90%;
	position: relative;
	top: 10px;
	clear: both;
}
#footer p {
	margin: 0;
	padding-top: 15px;
	border-top: 1px solid #e6e6e6;
}
a.nhhpco, a.nhhpco:visited {
	height: 71px;
	width: 151px;
	display: block;
	background: url(../images/nhhpco.jpg) top left no-repeat;
	float: right;
}
a.nhhpco:hover {
	height: 71px;
	width: 151px;
	display: block;
	background: url(../images/nhhpco.jpg) top left no-repeat;
	float: right;
}


/* Common
------------------------------------------------------------------------------*/

p {
	margin-bottom: 15px;
}

ol {
	margin-left: 20px;
	margin-bottom: 15px;
	list-style: decimal;
	line-height: 160%;
}
ol li {
	padding-bottom: 5px;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

h1, h2, h3, h4 {
	margin-bottom: 15px;
	line-height: 160%;
	color: #5c9cb0;
}
h1 { font-size: 180%; }
h2 { font-size: 150%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }

a { text-decoration: none; color: #5c9cb0;  }
a:visited { text-decoration: none; color: #5c9cb0; }
a:hover { text-decoration: underline; color: #5c9cb0; }

.alert {
	padding: 0 15px;
}

.amp {
	font-family: "Goudy Old Style", "Book Antiqua", "Palatino", serif;
	font-style: italic;
}

.hide {
	display: none;
}
.clear {
	clear: both;
}