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

/*blanket rules for all elements */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 62.5%;
	background-color: #000000;
}

/* Container */
#container {
	width:760px;
	height:600px;
	background-image:url(../images/heron_cove_bannerAerial.jpg);
	background-repeat:no-repeat;
	margin: 20px auto 0px auto;
	background-color:#FFF;
	border-bottom: 1px solid #000;
/*	text-align: left; */
}

#containerPapermaking {
	width:760px;
/*	height:677px;*/
	background-image:url(../images/heron_cove_bannerAerial.jpg);
	background-repeat:no-repeat;
	margin: 20px auto 0px auto;
	background-color:#FFF;
	border-bottom: 1px solid #000;
/*	text-align: left; */
}

/* Masthead */
#masthead {
	width:760px;
	height:160px;
	text-align:left;
	font-size: 1.5em;
	font-weight:bold;
	float:left;
}

/* Content */

#content {
	float:left;
	width:45%;
	height:410px;
/*	text-align:left;*/
	display:inline;
	margin: 5px 4px 0px 25px;
	overflow:auto;
}
#content li, #content2 li {
	color:#666699;
	font-size:1.1em;
	float:none;
	background: transparent url(../images/favicon.gif) no-repeat left top;
	padding: 0px 5px 8px 20px;
	list-style:none;
	text-align:left;
}

#content h1 #content2 h1 #content2col h1 {
	margin:10px 0px 10px 0px;
	font-size: 1em;
	text-align: center;
}
#content ul, #content2 ul {
	margin:0px;
	padding:0px;
	list-style:none outside;
}
#content .pic, #intro .pic {
	margin:0px 0px	0px 100px;
}
#content2 {
	float:right;
	width:45%;
	height:410px;
/*	text-align: left;*/
	display:inline;
	margin: 5px 20px 5px 20px;
	overflow:auto;
}

#content2 a, #content2col a {
	text-decoration:underline;
}

#content2col {
	float:left;
/*	text-align:left;*/
	margin: 0px 0px 0px 20px;
	width:400px;
/*	height:600px;*/
}

#content2colRight {
	float:right;
	text-align:left;
	margin: 0px 20px 0px 0px;
	width:300px;
/*	height:460px;*/
}

#footer {
	clear:both;
	background-image: url(../images/cornorsFooter.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	background-color: #FFFFFF;
	padding: 5px 0px 5px 0px;
	border-top:dotted #CCCCCC 1px;
}

#intro {
	float:left;
	width:45%;
	height:410px;
	text-align:left;
	display:inline;
	margin: 0px 6px 0px 20px;
	padding:0px;
	overflow:auto;
}

#intro a {
	text-decoration:underline;
	color:#000;
}
#intro a:hover {
	color:#0066FF;
	text-decoration:underline;

} 

#intro p {
	margin:10px 0 0 0;
}

#picContainerRight {
	float:right;
}

#picTable {
	float:left;
	display:inline;
	margin: 40px 0px 10px 40px;
/*	border:1px dotted; */
}
a {
	text-decoration:none;
	color:#000;
}
a:hover {
	color:#0066FF;
	text-decoration:underline;

} 

#masthead ul {
	margin: 4px 0px 0px 0px;
	padding: 0px;
	list-style:none;
/*	width:760px; */
	font-size:.7em;
}

#masthead ul,li {
	float:left;
} 

#inputForm {
	float:left;
	width:320px;
	display:inline;
	margin: 10px 10px 0px 20px;
	text-align:left;
}

#inputForm table {
	border-collapse:collapse;
	padding:0px;
	margin:0px;
	width:100%;
}

ul a {
	display:block;
	float:left;
	padding:.2em 2em;
	line-height:1.2em;
}
ul a:hover {
	color:#333;
	background-color:#FFFFFF;
	text-decoration:none;
} 
body.home #masthead a#home, body.details #masthead a#details, body.contact #masthead a#contact {
	color:#999999;
	background-color:#000000;
}

.clear {
	clear:both;
}

.heading {
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}

.images, .imagesRight, .imagesCenter, .imagesLeft, .imagesMiddle, .imagesRightClear{
	border:#CCC dotted 1px;
	margin:6px;
	padding:2px;

}
.imagesRight {
	float:right;
	margin:10px;
}

.imagesRightClear {
	float:right;
	margin:10px 20px 10px 20px;
	clear:both;
}

.imagesCenter {
	margin:10px 50px 10px 50px;
}

.imagesMiddle {
float:left;
	margin:10px;
}

.imagesLeft {
	float:left;
	margin:10px;
}

p {
	text-align: left;
}
.centerP {
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
}

.textRight {
	text-align:right;
}

.textCenter {
	text-align:center;
}