html {
	font:normal normal 62.5% "lucida sans", "lucida grande", "lucida sans unicode", Verdana, sans-serif;
}

body
{
  color:#444;
  text-align:center;
  margin:0;
  padding:0;
  background:#DB8 url("images/bg-stars.jpg") repeat; 
}

#wrap, #footer
{
	background-color:#fff;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #666;
	border-bottom:solid 1px #666;
	font-size:1.5em;
	line-height:1.6;
	margin:0;
	min-width:722px;
	max-width:1140px;
	padding:0 1.615384615384615em;
  position:relative;
	text-align:left;
}
#footer { 
	padding-top:.75em;
	padding-bottom:.75em;
}
	
#header 
{
	background:transparent url("images/bg-teal-and-rust.jpg") repeat-x;
	height:125px;
	margin-top:1.615384615384615em;
	position:relative;
}
#header h1 
{
	background:transparent url('images/bg-copperosity-title2.png') no-repeat;
	color:#D9A15F; 
	font-size:3em;
	text-shadow: 1px 1px 4px #033;  /* 2px right and bottom; 4px blur */
	
	width:364px; height:49px;
	position:absolute;
	top:50%; margin-top:-25px;
	left:.5333em;
}
#header h1 span { display:none; }
#crumbs {
	background:white url('images/bg-crumbs-bot-border.png') no-repeat 0 100%;
	margin:0;
	padding:.75em 0 .85em 0;
}
#content {
	float:right;
	width:80%;
}
#content p {
	margin:1.615384615384615em 0;
}
#content h2 {
/*	background:white url('images/bg-link-underscore.png') no-repeat scroll left bottom; */
	color:#BA6102;
	font-size:1.615384615384615em; /* 21px / 13px */
	margin:1em 0;
	line-height:1;
	text-shadow: 1px 1px 1px #bbb;
/*
	margin:1.066em 0 0.7336em;
	padding-bottom:4px;
*/
}
#content h3 {
	text-align:center;
}
#content h4 {
}
#content li p {
	margin:.75em 0;
}
#content dl {
	margin:1.615384615384615em 0;
}
#content dt {
	color:#444;
	font-weight:bold;
	margin-top:1.615384615384615em;
}
#content dd {
	margin:0 0 0 1.615384615384615em;
}
#content a[href^="http:"]
{
  padding-right:10px;
  background:transparent url("images/bg-extlink.gif") no-repeat 100% 0%;
}
#content a[href^="http://home.copperosity.com"],
#content a[href^="http://www.copperosity.com"] 
{
	background:transparent;
  padding-right:0;
}

a:link, a:visited 
{
	color:#286E4E; /*#286E4E;*/ /*#308C64;*/
	font-weight:bold;
	padding-bottom:3px;
	text-decoration:none;
}
a:hover, a:active 
{ 
	background:white url('images/bg-link-underscore.png') repeat-x 0 100%;
  color:#BA6102;
	padding-bottom:4px;
}
 
blockquote
{
	background:white url('images/bg-navlist-right.png') repeat-y 0 0;
	font-family:Georgia,"Times New Roman",serif;
	font-style:italic;
  margin:.75em 1.6em .75em 0;
	padding-left:1.6em;
}

.caption {
	font:italic normal .95em "Courier New",Courier,serif;
  color:#000;
}
.credit {
	font:italic normal 1em "Trebuchet MS",Arial,sans-serif;
  color:gray;
  margin:0;
}

#footer-content { 
}
#timestamp { 
	font-style: italic;
 /* The following two rules are a hack for IE 7 to handle
 ** the peculiar case where the italic style combined with a 
 ** right float somehow causes positioning of the body element's
 ** background image to break and go off-center.
 */
 /*
  width:25em;
  text-align:right;
 */
}
#copyright {
	float:left;
	font-family:"Courier New",Courier,serif;
}

#navcontainer 
{ 
	float:left;
	width:16%;
}
#navcontainer h3 
{
	background:white url('images/bg-link-underscore.png') repeat-x scroll left bottom;
	color:#BA6102;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.4545;
	margin:1.4545em 0 0;
	padding-bottom:0.72725em;
	text-shadow: 1px 1px 1px #bbb;
}

.navlist
{
/*	background:white url('images/bg-navlist-right.png') no-repeat 100% 50%; */
  margin: .8em 1.6em 1.6em 0;
	padding:0;
}
.navlist ul, .navlist li
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* Other formatting */
.book, .newspaper, .periodical 
{
	text-decoration:underline;
}

.clear { clear:both; }

@media screen and (min-width: 1025px) {
  #wrap, #footer {
		font-size:1.3em; /* 13px / 15px */
	  line-height:1.615384615384615;
	  margin:1.615384615384615em auto;
	  -moz-border-radius:5px 5px 5px 5px;
	  -webkit-border-radius:5px 5px 5px 5px;
    width: 80%;
	}

}