/*this was the small one; now universal*/

html {
	background-color: rgb(222,222,177);
}

body {
	margin: 0 13px; padding: 0; min-height: 856px; height: auto;
	background-color: rgb(170,195,167);
	font-family: verdana, sans-serif;
	font-size: 76%;
}

/*\*/			/* IE hack thanks to Stu Nicholls */
* html body {
	height: 856px;
}
/**/

p	{
	margin: 15px 30px;
}

div#header {
	margin: 0; padding: 0;
	width: 100%; 
	position: absolute; z-index: 1;
	top: 0; left: 0;
	background: transparent;
	border: none;
}

div#header img.headerheight { /* margin would hold header open but pics have floats too in this style */
	display: none;
}

div#header br {
	display: none;
}

div#header span {
	display: block;
	clear: both;
	width: 100%;
	height: 1px; 
}
div#header a {
	text-decoration: none;
}

div#logo {				/*below header div */
	background: rgb(237,237,215) url(../adspix3/d3-logo-shadow.gif) 50% 10px no-repeat;
	text-align: center;
}

div#logo img {
	width: 207px; height: 92px;
	margin: 9px;
	border: none;
}


div#logo, div#left, div#content1, div#content2, div#content3, div#content4, div#content5, div#contact, div#nav1, div#nav2 {
	position: relative; z-index: 10;
	margin: 0 auto -2px auto; padding: 0; 	/* ie needs -2 margin for some screen sizes */
	width: 54%;
	background-color: rgb(237,237,215);
	border-left: 13px rgb(235,235,167) solid;
	border-right: 13px rgb(235,235,167) solid;
	border-top: 1px transparent solid;	/*Moz needs this to size vertically */
	border-bottom: 1px transparent solid;	/*Moz needs this to size vertically */
}

/*\*/			/* IE hack thanks to Stu Nicholls */
* html div#logo, * html div#left, * html div#content1, * html div#content2, * html div#content3, * html div#content4, * html div#content5, * html div#contact, * html div#nav1, * html div#nav2 {
	border-top: none;
	border-bottom: none;
}
/**/

div#left {	/* for benefit of expanded pics */
	z-index: 1000;
}

div#left, div#content1, div#content2, div#content3, div#content4, div#content5, div#contact, div#nav1, div#nav2 {
}

div#left h1 {
	color: rgb(1,122,110);
	font-size: 330%;
	padding: 0 30px; 
	margin: 0;
}

/*\*/			/* IE hack thanks to Stu Nicholls */
* html div#left h1 {
	padding-top: 20px;
}
/**/

div#left h1 span {
	color: rgb(116,161,155);
	font-size: 45%;
	display: block;
	text-align: right;
}

div#left h1 a {
	text-decoration: none;
	color: rgb(1,122,110);
}

div#left img {
	border: 1px #777 solid;
}

div#content1 h1, div#content2 h1, div#content3 h1, div#content4 h1, div#content5 h1, div#contact h1 {
	font-size: 100%;
	padding: 20px 0 0 30px;
}

div#nav1, div#nav2 {
	text-align: center;	
	padding-top: 10px; 
}

div#nav2 {
	padding: 5px 0 0 0;
}

div#nav1 h1, div#nav2 h1 {
	font-size: 100%;
	padding: 5px 0 0 15px;
	display: inline;
}

div#nav1 h1 span, div#nav2 h1 span {
	margin: 0 15px;
}

div#nav1 br, div#nav2 br {
	display: none;
}


div#content1 p, div#content2 p, div#content3 p, div#content4 p, div#content5 p, div#contact p {
	padding-left: 15px;
	padding-right: 20px;
	line-height: 130%;
}

div#content1 p:first-child, div#content2 p:first-child, div#content3 p:first-child, div#content4 p:first-child, div#content5 p:first-child, div#contact p:first-child {
	margin-top: 0;
} 

div#content1 a, div#content2 a, div#contact a, div#content3 a, div#content4 a, div#content5 a, div#nav1 a, div#nav2 a, div#content1 a:link, div#content2 a:link, div#content3 a:link, div#content4 a:link, div#content5 a:link, div#contact a:link, div#nav1 a:link, div#nav2 a:link, div#content1 a:visited, div#content2 a:visited, div#content3 a:visited, div#content4 a:visited, div#content5 a:visited, div#contact a:visited, div#nav1 a:visited, div#nav2 a:visited {
	color: rgb(62,87,93);
	text-decoration: none;
	font-weight: bold;
}

div#content1 a:hover, div#content2 a:hover, div#content3 a:hover, div#content4 a:hover, div#content5 a:hover, div#contact a:hover, div#nav1 a:hover, div#nav2 a:hover, div#content1 a:active, div#content2 a:active, div#content3 a:active, div#content4 a:active, div#content5 a:active, div#contact a:active, div#nav1 a:active, div#nav2 a:active {
	color: #f00;
	text-decoration: none;
	font-weight: bold;
}

div#content2 img {
	border: 1px #777 solid;
}

div#content2 span {
	display: block;
	margin: 0; padding: 0;
	height: 15px;
}

span.hyphen {
	display: none;
}

div#footer {
	clear: both;
	width: 100%;
	margin: 0; padding: 0;
}

div#footer h2 {
	font-size: 120%;
	width: 54%;
	background-color: rgb(237,237,215);
	border-left: 13px rgb(235,235,167) solid;
	border-right: 13px rgb(235,235,167) solid;
	margin: 0 auto;
	padding: 120px 0 0 0;
	text-align: center;
}

div#adsummus {
	width: 54%;
	margin: 0 auto; 
	background-color: rgb(237,237,215);
	border-left: 13px rgb(235,235,167) solid;
	border-right: 13px rgb(235,235,167) solid;
	padding: 10px 0 5px 0;
	text-align: center;
}

div#adsummus span {
	color: #b00;
}

div#adsummus p {
	border-top: 1px rgb(116,161,155) solid;
	padding: 3px 0 0 0;
	margin: 0;
}
/* ////////////////// THUMBS (in Header div) ////////////////////////// */


img.sc1, img.sc2, img.sc3, img.sc4, img.sc5, img.sc6, img.sc7, img.sc8, img.sc9, img.sc10, img.sc11, img.sc12, img.sc13, img.sc14 {
	display: block;
	width: 130px;
	height: 97px;
	margin-top: 20px;
	border: 1px #000 solid;
}

img.sc1, img.sc9, img.sc3, img.sc11, img.sc5, img.sc13, img.sc7  {
	float: right;
	margin-left: 23%;
	margin-right: 5%;
	clear: right;
}

/*\*/			/* IE hack thanks to Stu Nicholls */
* html img.sc1, * html img.sc9, * html img.sc3, * html img.sc11, * html img.sc5, * html img.sc13, * html img.sc7  {
	margin-right: 1.5%;
}
/**/

img.sc8, img.sc2, img.sc10, img.sc4, img.sc12, img.sc6, img.sc14 {
	float: left;
	margin-right: 24%;
	margin-left: 5%;
	clear: left;
}

/*\*/			/* IE hack thanks to Stu Nicholls */
* html img.sc8, * html img.sc2, * html img.sc10, * html img.sc4, * html img.sc12, * html img.sc6, * html img.sc14  {
	margin-left: 2.5%;
}
/**/

img.sc14, img.sc13 {
	margin-bottom: 20px;
}

img.scresc1 {
	position: absolute;
	left: 45px;
	width: 130px;
	margin: 10px 0;
}

img.scresc2 {
	position: absolute;
	left: 190px; 
	width: 130px;
	margin: 10px 0;
}
img.scresc3 {
	position: absolute;	
	left: 335px;
	width: 130px;
	margin: 10px 0;
}

/* ///////// expanded images /////////*/

.expanded { /* full-size pic span */
	position: absolute; z-index: 1000;
	visibility: hidden;
        padding: 31px 31px 31px 61px;
	width: 400px; height: 314px;
	margin: 0 auto;
	background-color: rgb(237,237,215);
	text-align: center;
}

/* ////////// unused divs ////// */

div#spare1, div#spare2, div#spare3, div#spare4, div#spare5, div#spare6, div#spare7, div#spare8, div#spare9, div#spare10, div#spare11, div#spare12, div#spare13 {
	display: none;
}
