/* CSS Document New Hampshire Home Magazine - 02.14.07 */

/* Body style */
body {
	color: #222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin:0 auto 10px auto;
	width:945px;
	background-image: url(../graphics/swback.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
* html body {color: #222; font-family:  Arial, Helvetica, sans-serif;font-size: 13px;margin:0 auto 10px auto; background-color: #fff;  text-align: center;}

/* Link styles */
a:link {color: #3333cc; text-decoration: none;}
a:visited {color: #3333cc; text-decoration: none;}
a:hover {background: #E1EDF0;;text-decoration: none;}


/* top nav Link styles */
#topnav a:hover {
	background: #333333;
	text-decoration: none;
	list-style-type: none;
}
#topnav a {color: #fff; text-decoration: none;}


/* Paragraph style */
p {margin: 0 0 12px 0;}

td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

/* Main page headline - use once per page should agree with page title */
h1{font-size: 20px;color: #6CA485;font-weight: normal;margin: 0 0 12px 0;
font-family: verdana, Helvetica, sans-serif;
}

/* Secondary headings */
h2. {font-size: 28px;color: #fff;font-weight: normal; margin:6px 0 0 6px;}
h2.mainheader{font-size: 20px;color: #6CA485;font-weight: normal;margin: 0 0 12px 0;}

/* Subheadings */
h3 {font-size: 12px;color: #993333;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;margin: 0 0 6px 0;} 
h3.toprule {border-top: 1px dashed #999999;margin: 6px 0 0 0;padding: 6px 0;} 

/* Small subheadings */
h4 {font-size: 11px;color: #369;font-weight: bold;margin: 3px 0 3px 0;}
h4.light {font-size: 11px;color: #369;font-weight: normal;margin: 3px 0 3px 0;}
h4.white {font-size: 11px;color: #fff;font-bold: normal;margin: 3px 0 3px 0;}

.titleblk
{font-size: 14px;color: #000;font-weight: bold;}


/* List style */
li.standard {color: #000000;list-style-position: outside;list-style-type: disc;list-style-image: url(listbullet.gif);margin-bottom: 5px;margin-left: -15px;}

/* Contains entire page - can hold background image for main page area */
#pagecontainer {width: 945px; background-color: #fff;  text-align: left;}
#pagecontainermain {width: 945px; background-color: #fff;  text-align: left; background-image: url(image.gif);background-repeat: no-repeat;}

/* Keeps columns from wrapping */
#contentcontainer {width: 945px;}

/* Miscellaneous image styles */
.standardimage {float: left;width: 160px;margin: 0 20px 12px 0;border: 1px #000000 solid;}
.mediumimage {float: left;width: 90px;margin: 0 10px 12px 0;border: 1px #000000 solid;}
.smallimage {float: left;width: 45px;margin: 0 10px 40px 0;}
.standardimageright {float: right;width: 160px;margin: 0 0 12px 12px;border: 1px #000000 solid;}
.infoblock {float:left; width:318px;}

/* Main photo banner */
#adbanner {text-align: center; height: 90px; width: 728px; margin: 10px auto}

/* Top navigation */
#topnav {background-color: #6CA485; height: 18px; margin: 0; padding: 3px 0 5px 7px;}
* html #topnav {background-color: #6CA485; height: 16px; margin: 0; padding: 5px 0 0 7px;}
#topnav p{color: #fff; font-size: 12px; font-weight: normal;}
#topnav a{color: #fff; text-decoration: none;}
#topnav a:hover{color: #cf6;}

/* Header for home page */
#headermain {height: 160px;width: 945px;margin: 0 0 12px 0;}

/* Header for lower-level pages */
#header {height: 90px;width: 945px;margin: 0;}
* html #header {height: 70px;width: 945px;margin: 0 0 12px 0;}


/* Tagline */
#tagline { padding: 0 0 1px 7px;
}

* html #tagline { padding: 0 0 1px 7px; margin:-20px 0 0 0;}
#tagline h3{color: #369; font-size: 12px; font-weight:normal;}

/* Main navigation */
#mainnav {height: 23px; width: 945px;float: left; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px;font-weight: normal;color: #fff;margin: 0; background-color:#e9faaf;}
#mainnav ul {margin: 0 0 0 -40px;}
#mainnav li {z-index: 100;float: left;position: relative; list-style-type: none;border-right: 1px solid #7BA774;}
/*  #mainnav li:first-child {border-left: 1px solid #7BA774;}  */
#mainnav li:hover { background-color:#bcd6ef; display: block;}
#mainnav a {display: block; padding: 5px 5px; text-decoration: none;color: #369;}
#mainnav a:hover {color:#036;}

/* Main photo banner */
#photobanner {background-color: #666; text-align: left; height: 140px; width: 945px;}

/* Section header */
#sectionheader {height: 53px;width: 945px;margin:0 0 0 0; background-color: #bcd6ef;display: block;}
#sectionheader h1{font-size: 28px;color: #fff;font-weight: normal; margin:6px 0 0 12px; padding:2px 0 0 0;}
#sectionheader h1 a:visited {color: #fff;text-decoration: none;}
#sectionheader h1 a:hover {color: #666; text-decoration: none;}
#sectionheader h1 a:link {color: #fff; text-decoration: none;}

#sectionheader h2{font-size: 28px;color: #fff;font-weight: normal; margin:6px 0 0 12px; padding:6px 0 0 0;}
#sectionheader h2 a:visited {color: #fff;text-decoration: none;}
#sectionheader h2 a:hover {color: #666; text-decoration: none;}
#sectionheader h2 a:link {color: #fff; text-decoration: none;}
 
/* Section navigation */
#sectionnav {margin:0; height: 475px;}
#sectionnavsub {margin:0; height: 100%; }
#sectionnav h3{ color: #629FAE; margin: 6px 0 6px 0;}
#sectionnav ul {margin:0; border-top: solid 1px #ddd;}
#sectionnav li{color: #000; list-style-position: outside; list-style-type: none; margin:0 0 0 -40px;border-bottom: 1px solid #ddd;}
* html #sectionnav li{color: #000; list-style-position: outside; list-style-type: none; margin:0 0 0 0;border-bottom: 1px solid #ddd;}
#sectionnav li a{ font-size: 11px;display: block; padding: 5px 6px; color: #036; text-decoration: none;}
#sectionnav li a:hover{color: #036; background-color:#E1EDF0; text-decotation: underline;}

/* Left section navigation column */
#navcolumn {float: left;width: 133px; margin: 0 20px 20px 0; padding: 0 0 0 0; border-right:1px #ddd solid; 700px;}

#navcolumnsub {float: left;width: 133px;  height: 850px; margin: 0 20px 20px 0;padding: 0 0 0 0; border-right:1px #ddd solid;}

/* Main column in center of page */
#maincolumn {float: left;width: 540px;margin: 0 0 20px 0;padding: 20px 20px 0 0;}
* html #maincolumn {float: left;width: 540px;margin: 0 0 20px 0;padding: 20px 20px 20px 0;}
#maincolumn li{color: #000;list-style-position: outside;list-style-type: disc;list-style-image: url(listbullet.gif);margin-bottom: 5px;margin-left: -20px;}
#maincolumn h2 {font-size: 16px;color: #369;font-weight: bold; margin:6px 0 0 0;}
#maincolumnwide h2 {font-size: 16px;color: #369;font-weight: bold; margin:6px 0 0 0;}



/* Main column in center of page - just for ad page*/
#maincolumnad {float: left;width: 640px;margin: 0 0 20px -100px;padding: 20px 20px 0 0;}
* html #maincolumnad {float: left;width: 640px;margin: 0 0 20px -100px;padding: 20px 20px 20px 0;}
#maincolumnad h2 {font-size: 16px;color: #369;font-weight: bold; margin:6px 0 0 0;}

/* Main column in center of page for articles */
#articlecolumn {float: left;width: 575px;margin: 0 0 20px 0;padding: 20px 20px 0 5px;}
* html #articlecolumn {float: left;width: 595px;margin: 0 0 20px 5px;padding: 20px 20px 20px 0;}
#articlecolumn li{color: #000;list-style-position: outside;list-style-type: none;list-style-image: url(listbullet.gif);margin-bottom: 10px;margin-left: -20px;}
#articlecolumn h2 {font-size: 16px;color: #369;font-weight: bold; margin:6px 0 0 0;}

/* Styles for two narrow columns in center of main column with related column */
#relatedcolumn {float: left;width: 140px;margin: 0 0 20px 0; padding: 20px 0 0 0;
font-size: 11px;
}


* html #relatedcolumnad {float: left;width: 180px;margin: 0 0 20px 20px; padding: 20px 0 0 0;}
#relatedcolumn li{color: #000;list-style-position: outside;list-style-type: none;list-style-image: url(listbullet.gif);margin-bottom: 3px;margin-left: -20px;}



#relatedcolumn a:hover {background: #E1EDF0; text-decoration: none;}


/* Styles for two narrow columns in center of main column with related column in ad page*/
#relatedcolumn {float: right;width: 170px;margin: 0 0 20px 0; padding: 20px 0 0 0;
font-size: 11px;
}
* html #relatedcolumnad {float: left;width: 150px;margin: 0 0 20px 20px; padding: 20px 0 0 0;}
#relatedcolumn li{color: #000;list-style-position: outside;list-style-type: none;list-style-image: url(listbullet.gif);margin-bottom: 3px;margin-left: -20px;}
#relatedcolumn a:hover {background: #E1EDF0; text-decoration: none;}

/* Styles for ad column on article page */
#adcolumn {float: right;width: 335px;margin: 0 0 20px 0; padding: 20px 0 0 0;}
* html #adcolumn {float: right;width: 335px;margin: 0 0 20px 0; padding: 20px 0 0 0;}
#adcolumn li{color: #000;list-style-position: outside;list-style-type: disc;list-style-image: url(listbullet.gif);margin-bottom: 5px;margin-left: -20px;}


/* Styles for two narrow columns with related column - these go inside maincolumn div */
#narrowcolumnleft {float: left;width: 250px;margin: 0 0 20px 0; padding: 0 0 0 0;}
#narrowcolumnleft li{color: #000;list-style-position: outside;list-style-type: disc;list-style-image: url(listbullet.gif);margin-bottom: 5px;margin-left: -20px;}

#narrowcolumnright {float: left;width: 250px;margin: 0 0 20px 20px; padding: 0 0 0 0;}
#narrowcolumnright li{color: #000;list-style-position: outside;list-style-type: disc;list-style-image: url(listbullet.gif);margin-bottom: 5px;margin-left: -20px;}

/* Styles for two wide columns with no related column - columnleft and columnright go inside maincolumnwide div */
#maincolumnwidead {float: left;width: 640px;margin: 0 0 20px 0;padding: 20px 20px 0 0;}
#maincolumnwidead li{color: #000;list-style-position: outside;list-style-type: disc;list-style-image: url(listbullet.gif);margin-bottom: 5px;margin-left: -20px;}
/* Styles for two wide columns with no related column - columnleft and columnright go inside maincolumnwide div */
#columnleft {float: left;width: 360px;margin: 0 0 0 0; padding: 0 0 0 0;}
#columnleft li{color: #000;list-style-position: outside;list-style-type: disc;list-style-image: url(listbullet.gif);margin-bottom: 5px;margin-left: -20px;}
#columnleft h2 {font-size: 16px;color: #369;font-weight: bold; margin:6px 0 0 0;}

/* Styles for layout minus content on right side */
/* Styles for ad info column - for ad page only */
#columnleftad {float: left;width: 250px;margin: 0 0 0 45px; padding: 0 0 0 0;}
#columnleftad li{color: #000;list-style-position: outside;list-style-type: disc;list-style-image: url(listbullet.gif);margin-bottom: 5px;margin-left: -20px;}
#columnleftad h2 {font-size: 16px;color: #369;font-weight: bold; margin:6px 0 10px 0;}
/* Styles for ad page related column - for ad page only */
#relatedcolumn h2 {font-size: 16px;color: #369;font-weight: bold; margin:6px 0 10px 0;}


/* Styles for ad info column - for ad page only */
#columnrightad {float: left;width: 360px;margin: 0 0 0 100px; padding: 0 0 0 0;}
#columnrightad li{color: #000;list-style-position: outside;list-style-type: disc;list-style-image: url(listbullet.gif);margin-bottom: 5px;margin-left: -20px;}
#columnrightad h2 {font-size: 16px;color: #369;font-weight: bold; margin:6px 0 10px 0;}


/* End Styles for layout minus content on right side */

/* Styles for two wide columns with no related column - columnleft and columnright go inside maincolumnwide div */
#columnright {float: left;width: 360px;margin: 0 0 0 20px; padding: 0 0 0 0;}
#columnright li{color: #000;list-style-position: outside;list-style-type: disc;list-style-image: url(listbullet.gif);margin-bottom: 5px;margin-left: -20px;}
#columnright h2 {font-size: 16px;color: #369;font-weight: bold; margin:6px 0 0 0;}



/* Styles for photo gallery page */
#maincolumnagallery {float: left;width: 620px;margin: 30px 0 40px 0;padding: 20px 0 0 0;}
#maincolumngalleryindex {float: left;width: 600px;margin: 30px 0 40px 0;}
#maincolumngallery {float: left;width: 460px;margin: 30px 0 40px 0;}
#relatedcolumngallery {float: left;width: 200px;margin: 30px 0 40px 0;}
#itemtitle {float: left;width: 400px;}
#itemnav {float: right;width: 614px;text-align: right;border-top: 1px solid #ccc; padding: 2px 5px 10px 0; margin: 0 0 12px 0;color: #999;}
#itemnav a{ font-size: 11px;}

/* Footer */
#footer {height: 20px;padding: 10px 0 0 0;margin: 0 0 0 0;color: #222;font-size: 11px; width: 935px;  border-top: solid 1px #ccc;clear: both;}
* html #footer {height: 20px;padding: 10px 0 10px 0;margin: 0 0 0 0;color: #222;font-size: 11px; width: 935px; border-top: solid 1px #036; clear: both; text-align: left;}
#footer a{color: #fff;text-decoration: underline;}
#footer a:hover{color: #ccc;text-decoration: underline;}

/* Clears floated items */
.clearfloats {clear: both;}.bold {
	font-weight: bold;
}
.titlemagtexthead {
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: bold;
}

.titlemagtext {
	font-family: Georgia, Times New Roman, Times, serif;

}

.tabletext
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.tabletextcce
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.tabletextbold
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
		font-weight: bold;
}

.tabletextsub
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.tabletextboldsub
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
		font-weight: bold;
}


.adtableborder {
	border: 1px solid #999999;
}

.boldcontent
{

	font-size: 12px;
		font-weight: bold;
}

.smallhead
{

	font-size: 11px;

}

.smallheadbld
{

	font-size: 11px;
	font-weight: bold;

}

.storytitle{font-size: 24px;color: #6CA485;font-weight: bold; margin: 0 0 12px 0; font-family: Verdana, Arial, Helvetica, sans-serif;}

.articleimg
{padding: 0 0 0 6px;
}

.articleimgleft
{padding: 0 6px 0 0px;
}

img
{border: 0;
}

.bigheading2
{
font-size: 22px;
font-family: Georgia, Times New Roman, Times, serif;
font-weight: bold;
}

.bigheading3
{
font-size: 22px;
font-family: Georgia, Times New Roman, Times, serif;
font-weight: bold;
}

.tabletext2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.ccecol {font-size: 17px;color: #fff; font-weight: bold; font-family: verdana;}
.ccehead {font-size: 18px;color: #000; font-weight: bold; color: #369; font-family: verdana; margin-bottom:-18px;}

.articleheadblue {font-size: 16px;color: #369;font-weight: bold;}


html>body #maincolumnad {
     *margin-top:22px; 
}

html>body #fred {
     *margin-top: 40px; 
}




html>body .fact-body {
     *margin-left:-20px; 
	 
}



.factbox-wrap 

{
float: right; width: 100%; padding: 6px; margin-left: 10px; }

html>body .factbox-wrap  {
     *margin-left:-40px; 
	 
}