@charset "utf-8";
body  {
	font: small Arial, Helvetica, sans-serif;
	background: url(/images/pagebg.gif) repeat-x top #4e4e4e;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.wrapper #container { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.wrapper #header { 
	background: url(/images/new_hampshire_bg2.jpg) no-repeat #292929;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.wrapper #header img.logo {margin-top:1em;}
.wrapper #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
div#topnav {background-color:#292929; padding:0.5em;}
.wrapper #header #topnav span {margin-right:1em;padding-right:1em;border-right: #FFF 1px solid;}
.wrapper #header #topnav span:last-child {border-right: none;}
.wrapper #header #topnav span a {
font-family:'Arial Narrow',Arial, Helvetica, sans-serif;
color:#FFF;
font-weight:bold;
font-size:11pt;
text-decoration: none;
}
.wrapper #header #topnav span a:hover { text-decoration:underline;
}
.wrapper #header #topnav span.current a{
color:#ffcc00;
}
.wrapper #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: url(/images/sidebar_bg.gif) repeat-x #ff7600; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0;
}
.wrapper #sidebar1 h4 {margin:0;padding:6px 0 0 0; text-transform:uppercase;font-family:'Arial Narrow',Arial, Helvetica, sans-serif;color:#FFF;font-size:20pt;}
.wrapper #sidebar1 h4 + p {margin-top:0;padding-right:0.3em;font-size:9pt;margin-bottom:12px;}
.wrapper #sidebar1 a {font-size:9pt;font-weight:bold;color:#292929;}
.wrapper #sidebar1 a:hover {text-decoration:none;}

.wrapper #sidebar1 .sidebarcontent {padding:15px 20px 15px 10px;}
.wrapper #sidebar1 .sidebarcontent h3 { font-family:'Arial Narrow',Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:12pt;margin:0;}
.wrapper #mainContent { 
	margin: 0 0 0 260px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
#mainContent a {color:#f60;font-weight:bold;}
#mainContent a:hover {text-decoration:none;}
#mainContent h1 {
margin: 0.3em 0 -0.2em 0;
padding:0;
	font-family:'Arial Narrow',Arial, Helvetica, sans-serif;
	color:#FF9900;
	text-transform:uppercase;
	font-size:22pt;
	letter-spacing: -0.05em;
}
#mainContent h1.lower {text-transform:none;font-size:18pt;}
#mainContent h1 span {color:#3399cc; text-transform:none;}
#mainContent h5 {font-weight:normal;margin:0;padding:0;text-transform:uppercase; letter-spacing: 0..05em;}
#mainContent h2 {	
	font-family:'Arial Narrow',Arial, Helvetica, sans-serif;
	color:#FF9900;
	margin:0;
}
#mainContent h2 span {color:#a4bb58;font-size:75%;}
#mainContent h2 + P {
	margin:-0.2em 0;
	font-family:'Arial Narrow',Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight:bold;
}
ul li { list-style:url(/images/bullet_or.gif); list-style-position: 0px 0px;font-size:85%;}
.wrapper #footer { 
	color:#FFF;
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#292929; 
	font-size:75%;
} 
div#yellowbox {width:360px;background:url(/images/yellow_box_bg2.png) bottom left no-repeat;}
div#yellowbox p {font-size:7pt; margin:0;padding-left:1.3em;padding-right:100px;padding-bottom:0.4em}
div#yellowbox h6 {font-size:11pt;margin:0.5em 0 0.5em 0;padding: 0.2em 0 0 0.7em;color:#666666;}
div#yellowbox a {color:#000;}
.wrapper #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.wrapper #footer p + p {padding: 5px 0;} /*  shortens padding on top of the second paragraph*/
.wrapper #footer p a {color:#FC0;}
.wrapper #footer p a:hover {text-decoration:none;}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.hr {background:url(/images/dash_line.gif) no-repeat; height:4px;width:100%;}
#mainContent .register { background: url(/images/arrow_gray.gif) no-repeat left 7px; padding-left:20px;font-weight:bold;font-size:90%;}
#mainContent .register a {font-size:185%;color:#3399cc;}
.box1,.box2,.box3 {height:115px;border-bottom:#2929229 1px solid;}
.box1 {background:url(/images/box1_bg.gif) repeat-x;}
.box2 {background:url(/images/box2_bg.gif) repeat-x;}
.box3 {background:url(/images/box3_bg.gif) repeat-x;}
table {border:#292929 1px solid;font-size:8pt;}
td,th {padding:0.2em;}
th {background:#c3d61b;padding-top:1em;padding-bottom:1em;text-transform:uppercase}
td {border-bottom:#292929 1px solid;}
#mainContent h3 {color:#3399cc; margin-bottom:0;}
#mainContent h3 + p {margin:0;padding-top:0;}
ol li { list-style: decimal;font-size:10pt;}

/* Form Styles */
#regform table {border:none;}
#regform td {font-size:9pt;}
#regform input {border:solid 1px #dddddd;display:block;background:url(/images/form_bg.gif) repeat-x;}
#regform input:focus,#regform input:hover {filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;}
#regform {padding:0px 0px;}
#regform select {border:solid 1px #dddddd;display:block;background:url(/images/form_bg.gif) #FFF repeat-x;font-size:11px;width:150px;}
#regform select:focus,#regform select:hover {filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;}
textarea {padding:5px;display:block;width:250px;height:120px;border:solid 1px #dddddd;background:url(/images/form_bg.gif) repeat-x;}
#regform textarea:hover {filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;}

#regform p {padding:5px;margin:0px 0px;line-height:15px;}
#regform li {line-height:15px;}

#regform input.submit { background:none; font-weight:bold; background-color:#f90;border:solid 1px #000;color:#FFF;padding:0.5em; width:75%;}
#regform .hidden {visibility:hidden;}

#regform fieldset{
	border: none;
	display: block;
	width: 20em;
	margin: 0 0 1em 0;
	padding: 0 1em 1em 1em;
}
#regform input.radio,#regform input.check {border:none;background:none;}
#regform input.radio {clear:none;display:inline; }
#regform ol li {padding-bottom:0.5em;}
#regform span + label {padding-left:2em;}
.req {color:#f60;font-weight:bold;}
img.bdr {border:#FFFFFF 3px solid;margin-bottom:2em;}
img.bdr2 {border:#000000 3px solid;margin-bottom:2em;margin-right:1em;}
img.bdr3 {border:#FFFFFF 3px solid;margin-bottom:0em;}
img.bdr4 {border:#F90 3px solid;float:right; margin-bottom:1em;margin-left:1em;}
td.release p {font-size:8.5pt;}
.wrapper #mainContent  #regform td.release ol li { list-style: decimal;font-size:8.5pt;}
div#footernav {padding-top:1em;}
#footernav span {margin-right:0.7em;padding-right:0.7em;border-right: #FFF 1px solid;}
#footernav span:last-child {border-right: none;}
#footernav span a {
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
font-size:8pt;
text-decoration: none;
}
#footernav span a:hover { text-decoration:underline;}
#footernav span.current a {color:#ffcc00;}
div#footernav div {text-align:right;padding-top:0.5em;font-family:'Arial Narrow',Arial, Helvetica, sans-serif;color:#fdcf1c;font-size:14pt;font-weight:bold}
div#footernav div.footernav2 {font-size:9pt;}
.strike { text-decoration:line-through;}
.special {color:#CC0000;font-weight:bold;}
div.testimonial {  font-style:italic; width:80%;padding:1em 0em 1em 2em;}
.testimonial img {margin:0 3px 0 3px;}
div.tshirts h6 {display:inline; font-size:10pt;}
div.tshirts p {margin-left:40px; font-size:8pt;margin-top:0;padding-top:0;}
div.giftcert form {width:160px; float:right;}
img.gift {margin-right:1em;}