@import url(layout.css);
* {
	margin:0;
	padding:0;
}
body {
/*	color: black;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-attachment: scroll;
	background-color: #FFF;
	background-image: url("headerLandscape1s.jpg");
	background-position: top left;
	background-repeat: repeat-x;
/*	margin: 0;
	padding: 0;
	border: 0;*/
}
bodyMom {
	font-family: Garamond, serif;
	font-size: 16px;
	background-attachment: scroll;
	background-color: #E0E0C2;
	background-image: url("tulips.jpg");
	background-position: top left;
	background-repeat: repeat-x;
}

p, h1, h2, h3, h4, h5 {
	padding: 0;
	margin:0;
	border:0;
}

.greentext {
	color: #006633;
	text-decoration: none;
}

.smaller {
	font-size: 18px;
	text-decoration: none;
}
		
	/*fix	
	<div id="column_l1">
<div id="column_l0">
*/

#container {
	background-color: #fff;
	width: 955px;
	margin: 125px auto 0 auto;
	border-top: 0;
	border-right: 0px solid #000000;
	border-bottom: 0;
	border-left: 0px solid #000000;
}

#masthead {
/*	text-align: right;*/
	background-color: #fff;
/*	width: 955px;*/
/*	height: 125px;*/
	border-top: 0px solid #000000;
}

#navigation {
	background-color: #000000;
	overflow: visible;
	position:relative;
	z-index:100;
	height: 30px;
	background-color: #fff;
}
/*#navigation2 {
	background-color: #ffffff;
	overflow: hidden;
	position:relative;
	z-index:100;
	height: 35px;
}
#navigation3 {
	background-color: #ffffff;
	overflow: hidden;
	position:relative;
	z-index:100;
	height: 80px;
}*/

#lowermasthead {
	background-color: #ffffff;
	width: 955px;
	padding: 8px 0px;
	color: black;
	font-size: 26px;
	text-align:center;
	height:auto;
}

#lowermasthead h2 {
	font-size: 36px;
	font-weight:bold;
	color: #000000;
	text-align:center;
}
#lowermasthead h5 {
	font-size: 22px;
	color: #000000;
	text-align:center;
}

#page_content {
	position: relative;
	width: 100%;
	padding: 0px 0px 0px 0px;	
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #003399;

}
#column_l {
	width: 648px;
	margin: 0;
	padding: 20px 10px 0px 10px;
	background-color: #ffffff;
	z-index:20;
}
#column_l #bios p{
	padding: 20px 0px 20px 0px;
}
#column_l p{
	padding: 10px 0px 10px 0px;
}

#column_mid {
	width: 600px;
	margin: 0;
	padding: 10px 100px 10px 170px ;
	background-color: #ffffff;
	z-index:20;
}
#column_midwide {
	width: 838px;
	margin: 0;
	padding: 10px 40px 10px 70px;
	background-color: #ffffff;
	z-index:20;
}
#column_IL {
	width: 825px;
	margin: 0;
	padding: 10px 70px 10px 50px;
	background-color: #ffffff;
	z-index:20;
}

#column_midwide h1{
	font-size: 20px;
	color: #000000;
}

#column_mid p{
	padding: 10px 0px 10px 0px;
}
#column_wide {
	width: 955px;
	margin: 0;
	padding: 10px 40px 10px 40px;
	background-color: #ffffff;
	z-index:20;
}

#column_r {
	width: 250px;
	margin: 0;
	float: right;
	padding: 0px 5px;
	background-color: #003399;
	color: #fff;
	position: relative;
}

#footer {
	width: 955px;
	text-align: center;
	background-color: #fff;
	padding-top: 0px;
	padding-bottom: 30px;
	border-bottom: 0px solid #000000;
}
/* Styles for Masthead */
#masthead img { 
	float: left; 
}
#masthead p {
	font-size: 11px;
	color: #fff;
	margin: 10px 10px 0;
}
#masthead h1 {
	font-size: 24px;
	text-align:center;
	color: #ffffff;
	margin: 0px;
}

#column_r p {
	font-size: 14px;
	margin: 7px;
}

#column_r h4 {
	font-size: 10px;
	text-decoration: none;
}

#column_r a {
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	text-align:center;
}

#center {
	text-align:center;
}
.center {
	text-align:center;
}
#column_r a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#column_l p {
	font-size: 14px;
}
#column_l p.larger {
	font-size: 15px;
}

#column_l h1 {
	font-size: 22px;
	color: #000000;
	text-align:center;
}

#column_mid h1 {
	font-size: 22px;
	color: #000000;
	text-align:center;
}

#column_l h2 {
	font-size: 24px;
	color: #000000;
	text-align:center;
}
#column_l h3 {
	font-size: 24px;
	color: #000;
	font-style:normal;
	font-weight:normal;
	text-align:center;
}
#column_l h4 {
	font-size: 18px;
	color: #000000;
	font-weight:bold;
	text-align:left;
}
#column_l h5 {
	font-size: 22px;
	color: #000000;
	font-style:normal;
	font-weight:normal;
}
#column_l h6 {
	font-size: 16px;
	color: #000000;
	font-style:normal;
	font-weight:bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*
This isn't helping the issue with extra space above the table:
#column_l table{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:-1px;
	top:25px;
	margin:0px;
}*/

/* Styles for Navigation */
/*#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation li {
	float: left;
	position:relative;
	z-index:100;
}

#navigation table{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:-1px;
	top:25px;
}

#navigation a, #navigation :visited {
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 5px;
	border: 1px solid #000000;
	margin-right:0px;
	text-align:left;
	background-color: #009966;
}

#navigation a:hover {
	color: #000000;
	text-decoration: none;
	border: 1px solid #000000;
	background-color: #66cc99;
}

#navigation ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	width:155px;
}

#navigation ul li:hover ul, #navigation ul a:hover ul{
	visibility:visible;
}

#navigation ul li:hover ul li, #navigation ul a:hover ul li{
	width:155px;
}

/* Styles for Navigation2 for product pages */
#navigation2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#navigation2 li {
	float: left;
	position:relative;
	z-index:100;
}

#navigation2 table{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:-1px;
	top:25px;
}

#navigation2 a, #navigation2 :visited {
	color: #003399;
	font-weight:bold;
	text-decoration: underline;
	display: block;
	padding: 5px;
	border: 0px solid #000000;
	margin-right:7px;
	margin-left:7px;
	text-align:center;
	background-color: #ffffff;
}

#navigation2 a:hover {
	color: #000000;
	font-weight:bold;
	text-decoration: underline;
	border: 0px solid #000000;
	background-color: #ffffff;
}

#navigation2 ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	width:300px;
}

#navigation2 ul li:hover ul, #navigation2 ul a:hover ul{
	visibility:visible;
}

#navigation2 ul li:hover ul li, #navigation2 ul a:hover ul li{
	width:300px;
}*/
hr.blue {
	color: #003399;
	border: none;
	background-color: white;
	height: 5px;
}

.blue {
	color: #0033CC;
	font-size: 18px;
}

/* Styles for Footer */

/*#footer hr {
	border: 0px solid #fff;
	color: #003399;
	background-color: #fff;
	height: 5px;
}*/
hr.thin {
	border: 0px solid #003399;
	color: #003399;
	background-color: #003399;
	height: 2px;
}
hr {
	border: 0px solid #003399;
	color: #003399;
	background-color: #003399;
	height: 2px;
}
hr.IL {
	border: 0px solid #003399;
	color: #003399;
	background-color: #003399;
	height: 2px;
	margin-bottom: 19px;
}
hr.thick {
	border: 0px solid #003399;
	color: #003399;
	background-color: #003399;
	height: 5px;
}
	
#footer p {
	font-size: 13px;
	line-height: 13px;
	color: #000;
	margin: 0px;
	padding: 5px;
}
#footer a {
	color: #003399;
	text-decoration: none;
}
#footer a:hover {
	color: #006633;
	text-decoration: none;
}
/* Styles for Links */
a {
	color: #003399;
	text-decoration: none;
}
a:hover {
	color: #006633;
	text-decoration: none;
}
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}
.underline {
	text-decoration: underline;
}
.bold {
	font-weight: bold;
}
/* this is for hoving over images*/

#pics {
position:relative; background-color:#fff; z-index:100;
}
#pics a.p1, #menu a.p1:visited {
text-decoration:none; background:#fff; top:0; left:0; border:0; 
}
#pics a img {
border:0; 
}
#pics a.p1:hover {
text-decoration:none; background-color:#fff; 
}
/* p2 is used to hide the enlargement if blank or not good (waiting for better pict to use)*/
#pics a.p2:hover {
text-decoration:none; background-color:transparent;
}

#pics a .large {
position:absolute; width:0; height:0; border:0; top:0; left:0;
}
#pics a .large2 {
position:absolute; width:0; height:0; border:0; top:0; left:0;
}

/* these are used on more pages than ntsky and dmiller*/

#pics a .ntsky{
position:absolute; width:0; height:0; border:0; top:0; left:0;
}
#pics a .dmiller{
position:absolute; width:0; height:0; border:0; top:0; left:0;
}
#pics a .dmillerv{
position:absolute; width:0; height:0; border:0; top:0; left:0;
}
#pics a .free{
position:absolute; width:0; height:0; border:0; top:0; left:0;
}


#pics a.p1:hover .large2 {
position:absolute; top:105px; left:-1px; width:650px; height:319px; border:5px solid #000; 
}
#pics a.p1:hover .ntsky{
position:absolute; top:105px; left:-1px; width:auto; height:auto; border:5px solid #000; 
}
#pics a.p1:hover .dmiller{
position:absolute; top:105px; left:-1px; width:auto; height:auto; border:5px solid #000; 
}
#pics a.p1:hover .dmillerv{
position:absolute; top:105px; left:-1px; width:auto; height:auto; border:5px solid #000; 
}
#pics a.p1:hover .free{
position:absolute; top:105px; left:-1px; width:auto; height:auto; border:5px solid #000; 
}

/*this works for mtnlakes1, seasonal1*/
/*start here*/
#pics a.p1:hover .large {
position:absolute; top:105px; left:89px; width:650px; height:215px; border:5px solid #000; 
}
#pics .row2 a.p1:hover .large {
top:235px;
}
#pics .row3 a.p1:hover .large {
top:364px;
}
#pics .row3b a.p1:hover .large {
top:400px;
}
#pics .row3b a.p1:hover .large2 {
top:420px;
}
#pics .row4 a.p1:hover .large {
top:494px;
}
#pics .row5 a.p1:hover .large {
top:625px;
}
#pics .row6 a.p1:hover .large {
top:755px;
}
#pics .row7 a.p1:hover .large {
top:885px;
}
#pics .row8 a.p1:hover .large {
top:1015px;
}
#pics .row9 a.p1:hover .large {
top:1145px;
}
#pics .row10 a.p1:hover .large {
top:1275px;
}
#pics .row11 a.p1:hover .large {
top:1405px;
}
#pics .row12 a.p1:hover .large {
top:1535px;
}
/*end here*/
#pics a.p1:hover .ntsky .dmiller{
position:absolute; top:105px; left:89px; border:5px solid #000; 
}
#pics a.p1:hover .dmillerv {
position:absolute; top:105px; left:89px; border:5px solid #000; 
}
#pics a.p1:hover .free {
position:absolute; top:105px; left:89px; border:5px solid #000; 
}
#pics .row1 a.p1:hover .ntsky{
top:-70px; left:190px; 
}
#pics .row2 a.p1:hover .ntsky{
top:520px; left:190px; 
}
#pics .row3 a.p1:hover .ntsky{
top:750px; left:190px; 
}
#pics .row4 a.p1:hover .ntsky{
top:1115px; left:90px; 
}
#pics .row5 a.p1:hover .ntsky{
top:1230px; left:90px; 
}
#pics a.p1:hover .dmiller {
position:absolute; top:105px; left:89px; border:5px solid #000; 
}
#pics .row1 a.p1:hover .dmiller {
top:200px; left:90px; 
}
#pics .row2 a.p1:hover .dmiller {
top:420px; left:90px; 
}
#pics .row3 a.p1:hover .dmiller {
top:640px; left:90px; 
}
#pics .row4 a.p1:hover .dmiller {
top:700px; left:90px; 
}
#pics .row5 a.p1:hover .dmiller {
top:900px; left:90px; 
}
#pics .row1 a.p1:hover .dmillerv {
top:-10px; left:230px; 
}
#pics .row2 a.p1:hover .dmillerv {
top:320px; left:230px; 
}
#pics .row3 a.p1:hover .dmillerv {
top:730px; left:230px; 
}
#pics .row4 a.p1:hover .dmillerv {
top:1140px; left:230px; 
}
#pics .row5 a.p1:hover .dmillerv {
top:1500px; left:230px; 
}
#pics .row6 a.p1:hover .dmillerv {
top:420px; left:230px; 
}
#pics .row7 a.p1:hover .dmillerv {
top:1000px; left:230px; 
}

/* these are for mountains and lakes page 2*/

#pics .row4mlv a.p1:hover .dmillerv {
top:520px; left:180px; 
}
#pics .row5mlv a.p1:hover .dmillerv {
top:695px; left:200px; 
}
#pics .row6mlv a.p1:hover .dmillerv {
top:600px; left:300px; 
}
#pics .row7mlv a.p1:hover .dmillerv {
top:800px; left:300px; 
}
#pics .row8mlv a.p1:hover .dmillerv {
top:650px; left:400px; 
}
#pics .row9mlv a.p1:hover .dmillerv {
top:1530px; left:180px; 
}


/* I started now to be clearer in naming these to show what pages these are used on*/

#pics .seasonalvrow1 a.p1:hover .dmillerv {
top:140px; left:130px; 
}
#pics .seasonalvrow2 a.p1:hover .dmillerv {
top:320px; left:140px; 
}
#pics .seasonalvrow3 a.p1:hover .dmillerv {
top:300px; left:190px; 
}
#pics .seasonalvrow6 a.p1:hover .dmillerv {
top:1210px; left:140px; 
}
#pics .seasonalvrow7 a.p1:hover .dmillerv {
top:870px; left:190px; 
}
#pics .seasonalvrow8 a.p1:hover .dmillerv {
top:920px; left:190px; 
}


#pics .seabvrow1 a.p1:hover .dmillerv {
top:-70px; left:170px; 
}
#pics .seabvrow3 a.p1:hover .dmillerv {
top:300px; left:305px; 
}
#pics .seabvrow4 a.p1:hover .dmillerv {
top:250px; left:305px; 
}

#pics .gardvrow8 a.p1:hover .dmillerv {
top:1050px; left:93px; 
}
#pics .gardvrow9 a.p1:hover .dmillerv {
top:680px; left:305px; 
}
#pics .row5dessw a.p1:hover .large {
top:570px; left:300px; 
}
#pics .row5dessw a.p1:hover .dmillerv {
top:0px; left:240px; 
}

#pics .row5landscape a.p1:hover .free {
top:650px; left:90px; 
}

#pics .row6landscape a.p1:hover .large {
top:780px; left:90px; 
}

#pics .row7landscape a.p1:hover .dmillerv {
top:500px; left:90px; 
}

/* new seascapes*/

#pics .seabrow1n a.p1:hover .dmillerv {
top:100px; left:90px; 
}
#pics .seabrow2n a.p1:hover .dmillerv {
top:310px; left:120px; 
}
#pics .seabrow2n a.p1:hover .large {
top:295px; left:90px; 
}
#pics .seabrow3n a.p1:hover .dmillerv {
top:465px; left:100px; 
}
#pics .seabrow4n a.p1:hover .dmillerv {
top:650px; left:100px; 
}
#pics .seabrow5n a.p1:hover .dmillerv {
top:200px; left:200px; 
}

/* new overheads*/

#pics .ohrow1n a.p1:hover .dmillerv {
top:105px; left:95px; 
}
#pics .ohrow3n a.p1:hover .dmillerv {
top:455px; left:95px; 
}
#pics .ohrow4n a.p1:hover .dmillerv {
top:625px; left:95px; 
}
#pics .ohrow5n a.p1:hover .dmillerv {
top:795px; left:95px; 
}
#pics .ohrow6n a.p1:hover .dmillerv {
top:970px; left:50px; 
}
#pics .ovhvrow11 a.p1:hover .dmillerv {
top:800px; left:140px; 
}


.style2 {
	border-style: solid;
	border-width: 2px;
	margin: 15px;
}
.style3 {
	border-style: solid;
	border-width: 2px;
	margin-left: 15px;
	margin-right: 15px;
}
.style4 {
	border-style: solid;
	border-width: 2px;
	margin: 30px 15px;
}
.style5 {
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
}
.bkborder {
	border-style: solid;
	border-width: 2px;
	margin: 0px;
}

.centerBlackBorder {
	text-align: center;
	border-style: solid;
	border-width: 1px;
}
.leftBlackBorder {
	text-align: left;
	border-style: solid;
	border-width: 1px;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.italic {
	font-style: italic;
}
.stylePictLf {	margin-left: 0px;	margin-right: 5px;	margin-bottom: 5px;
}

.styleProductPicts {	
	border-width: 1px;
	}