/* GENERAL */

* {
	margin: 0;
	padding: 0;
	}

body {
	color: #000;
	background-color: #d6d6d6;
	font-size: .8em;
	font-family: "Gill Sans", Tahoma, Arial, Verdana, sans-serif;
	text-align: left;
	padding: 35px 0;
	}
#container {
	width: 800px;
	margin: 0 auto;
	border: 1px solid #c30;
	background-color: #fcf;
	position: relative;
	}
p a {
	
	text-decoration: none;
	}
p {
	margin: .5em 0;
	}
ul {
	list-style-type: none;
	line-height: normal;
	}
ul.bulleted {
	margin: 0 2em;
	list-style: disc outside;
	}
ul.bulleted li {
	margin: .5em 2em;
	}
a:link {
	color: #c30;
	background: transparent;
	padding: 0;
	}
a:visited {
	color: #630;
	background: transparent;
	padding: 0;
	}
a:link:hover, a:visited:hover {
	color: #f60;
	padding: 0;
	text-decoration: underline;
	}
a.noclick, a.noclick:link, a.noclick:visited, a.noclick:hover, a.noclick:visited:hover {
	color: #666;
	padding: 0;
	}
.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute; /* for the benefit of IE5 Mac */
	}
.dropcap {
	font-family: Garamond, Palatino, Times;
	float: left;
	font-weight: normal;
	width: .85em;
	font-size: 45px;
	line-height: 29px;
	padding-top: 7px;
	padding-bottom: 2px;
	}
.smallcap {
	font-variant: small-caps;
	font-size: 1.2em;
	line-height: 1em;
	}


	/* Owen hack for excluding IE6/Win in background images */
.bgdiv {
	background: white;
	}
#masthead {
	background-image: none;
	}
head:first-child+body .bgdiv,#masthead {
	}
	
	
	/* MASTHEAD */

div#masthead {
	height: 10em;
	color: #960;
	background: #f2f2f2 url("../images/mainefeet3.jpg") 83% -8px no-repeat;
	position: relative;
	}
ul#nav {
	display: block;
	position: absolute;
	z-index: 100;
	bottom: 0;
	right: 0;
	padding-bottom: 1em;
	margin-bottom: -1em;
	list-style-type: none;
	color: #960;
	width: 100%;
	background-color: transparent;
	}
ul#nav li {
	display: inline;
	border: none;
	}
ul#nav li a {
	float: left;
	width: 6em;
	padding: .5em 5px;
	font-weight: bold;
	font-size: .8em;
	text-decoration: none;
	color: #fff;
	white-space: pre;
	}
ul#nav li a:hover {
	}
	/* Hack excluding IE5/Mac from margin settings below (for :hover span visibility) \*/
	ul#nav li a:hover {
	margin-bottom: -1em;
	padding-top: 1em;
	text-decoration: underline;
		}
	/* End Hack */
	
#tab1 {	background: #f60;} #tab2 {background: #933;} #tab3 {background: #099;} #tab4 {background: #693;} #tab5 {background: #609;} #tab6 {background: #33c;} #tab7 {background: #66c;} #tab8 {background: #c03;}

ul#nav li#current a{
	color: white;
	margin-bottom: -1em;
	padding-top: 1em;
	text-transform: uppercase;
	background-color: none;
	}
h1 {
	z-index: 99;
	margin: 0 0 0 0;
	padding: 0 0 0 .5em;
	font-weight: normal;
	font-size: 2em;
	text-align: left;
	font-variant: small-caps;
	color: #c30;
	background: #f2f2f2 url("../images/mainefeetfade3.jpg") 83% -8px no-repeat;
	}
h1 sup {
	font-size: .5em;
	}

	/* MAIN CONTENT */

div#content {
	font-size: 14px;
	padding: .75em 0;
	color: #000;
	text-align: justify;
	line-height: 1.4em;
	background-color: #fff;
	border-top: 1px solid gray; /* for some reason, evens out #leftcol and #rightcol tops */

	}
#leftcol {
	padding:  1px 0;
	width: 546px; /*IE needs 4px shaved off for some reason */
	border-right: 1px solid #c30;
	position: relative;
	}
.contentbox {
	height: 21.5em;
	overflow: auto;
	margin: .75em .5em 2em .5em;
	padding: .5em 1em;
	}
#rightcol {
	padding: 1px 15px;
	float: right;
	width: 220px;
	margin: 0;
	}
h2, h3, h4, h5 {
	border-bottom: 1px solid #ccc;
	padding: .2em 0 .3em 0;
	margin: 0 0 .8em 0;
	color: #000;
	font-weight: normal;
	text-align: left;
	}
h2 {
	font-size: 1.75em;
	text-align: right;
	}
h3 {
	font-size: 1.4em;
		}
h4 {
	font-size: 1.3em;
	}
a.onward {
	position: absolute;
	display: block;
	position: absolute;
	bottom: 0;
	right: 1em;
	padding: 0 3px;
	text-decoration: none;
z-index: 100;
	}
a.onward:hover {
	padding: 0 3px;
	}

	/* Page Nav Menus */

div.pagenav {
	font-size: 1em;
	}
div.pagenav ul {
	list-style-type: none;
	text-align: left;
	margin: 10px 0 0 10px;
	}
.pagenav li {
	margin: .3em 0;
	padding: 0;
	line-height: 1em;
	}
.pagenav a, .pagenav a:link, .pagenav a:visited {
	text-decoration: none;
	color: #c30;
	}
.pagenav a:hover, .pagenav a:visited:hover {
	color: #f60;
	text-decoration: underline;
	}
.prevnext {
	display: block;
	margin: 0;
	position: absolute;
	bottom: 0;
	right: 280px;
	}
.prevnext a {
	margin-right: 5px;
	margin-left: 5px;
	}

	
	/* Images */
.phot {
	margin: 10px 0;
	}
#content img {
	border: 1px solid #ccc;
	padding: 5px;
	margin: 0;
	background-color: white;
	}
#content .right img, #content .left img {
	padding: 0;
	}
#rightcol img.extlink, #leftcol img.extlink {
	width: .85em;
	height: .85em;
	border: 0;
	padding: .1em;
	margin-left: .25em;
	}
.left {
	float: left;
	margin: 10px 10px 10px 0;
	}
.right {
	float: right;
	margin: 10px 0 10px 10px;
	}
.wide {
	width: 200px;
	height: 150px;
	}
.tall {
	height: 200px;
	width: 150px;
	}
.square {
	width: 200px;
	height: 200px;
	}
.bigtall {
	width: 200px;
	height: 266px;
	}
.caption {
	text-align: center;
	margin: 2px 0 0 0;
	line-height: 1em;
	font-size: .9em;
	color: #666;
	display: block;
	}
.credit {
	font-size: .75em;
	}


		/* UNIQUE PAGES */
		
#who {

margin-top: 9.5em;
	/*margin-top: 5.5em;*/ /* for announcements */
	}
#who p {
	line-height: 1.2em;
	margin: 0;
	display: block;
	}
#index #rightcol p {
	margin: 10px 10px 0;
	font-size: .9em;
	padding: 0;
	}
#index #rightcol .dropcap {
 	font-family: Garamond, Palatino, Times;
	float: left;
	font-weight: normal;
	width: .85em;
	font-size: 40px;
	line-height: 26px;
	padding-top: 5px;
	padding-bottom: 2px;
	}
#index img.headshot {
	margin-top: 6em;
	/*margin-top: 2em;*/ /* for announcements */
	margin-right: 10px;
	width: 8em;
	height: 8em;
	}
#bio #rightcol {
	width: 50%;
	margin: 0;
	padding: 0;
	}
#bio #leftcol {
	width: 49.5%;
	margin: 0;
	}
#bio .phot {
	margin-right: 10px;
	float: left;
	}
#bio img#paul {
	height: 125px;
	width: 166px;
	}
#bio img#mary {
	width: 125px;
	height: 166px;
	}
#bio ul {
	clear: both;
	list-style-type: none;
	line-height: normal;
	}
#bio ul li {
	text-align: left;
	}
#shop table {
	border-spacing: 0;
	}
#shop td {
	white-space:nowrap;
	}
#shop .field {
	margin-bottom: .1em;
	margin-top: .75em;
	font-size: 1.1em;
	border-bottom: 0;
	border-top:1px solid #ccc;
	color:#036;
}
#shop .field input {
	font-weight: normal;
	}
#shop #rightcol {
	width: 50%;
	margin: 0;
	padding: 0;
	}
#shop #leftcol {
	width: 49.5%;
	margin: 0;
	}
#shop #leftcol .phot {
	float: left;
	margin: 0 15px 10px 0;
	}
.details #rightcol .phot {
	margin-top: 10px;
	}
.details #7 .dropcap {
	 width: .5em;
	 }
#content .rolfboylogo {
	margin-top: 0;
	}
.rolfboylogo .caption {
	width: 90px;
	}
#content .rolfboylogo img {
	width: 90px;
	height: 147px;
	border: 0;
	}
#faq .pagenav li {
	line-height: 1.2em;
	}
#links h3 {
	margin-top: 1em;
	}
#links #rightcol img {
	margin-top: 5em;
	width: 200px;
	height: 144px;
	}
#contact #rightcol ul {
	margin-bottom: .75em;
	}
#contact #rightcol ul li {
line-height: 1.25em;
	}
#giftcert #container {
	background-color: white;
	}
#giftcert .phot{
	width: 263px;
	margin: 0 auto;
	}
#giftcert .phot p {
	text-align: center;
	}
	
#feedback #rightcol {
	padding: 0;
	width: 250px;
	}
#feedback 
ul.bulleted {
	margin: 0;
	list-style: disc outside;
	}
#feedback
ul.bulleted li {
	margin: .5em 0 .5em .5em;
	}
	
	
.red {
	color: red;
	}
	
#announce {
	clear: both;
	color: #339;
	padding-top: 1.5em;
	font-size: .9em;}
	
#announce h5 {
	text-align: center;
	color: #339;
	font-size: 1.1em;
	}
	
#special {
	position: absolute;
	z-index:99;
	bottom: 0;
	left: 0;
	height: 20px;
	font-size: 1.25em;
	background: url("../images/redfade.png") 0 0 no-repeat;
	width: 746px;
	padding: 6px;
	text-decoration: none;
	color: white;
	}
#special a:link, #special a:visited {
	color: white;
	}
#special a:link:hover, #special a:visited:hover {
	color: #fc0;
	}

.clear
	{clear:both;}