@import url(/style/menus.css); 
@import url(/style/nav-h.css); 
@import url(/style/nav-v.css); 

/*      general styles: body, reset, default element styles      */
/* reset rules */
* {
	margin: 0;
	padding: 0;
	}
h1,h2,h3,h4,h5,h6,blockquote,form,label,ul,ol,dl,fieldset,img {
	margin: 0.5em;
	}

p {
	margin: 0.5em 0.5em 1em 0.5em;
	}
li,dd {
	margin-left: 0.5em;
	}
fieldset {
	padding: 0.5em;
	}
ul {
	list-style: none;
	}

/* special IE rules */
body {
	text-align: center;			/* to center page in browser window */
	}

/* body styles */
body {
	font-size: 80%;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	line-height: 1.5;
	background-color: #fff;
	color: #111;
	}

/* default link styles */
a,
a:link,
a:visited { 
	color: #009;
	text-decoration: none;
	}
a:hover,
a:active {
	color: #c60;
	text-decoration: underline;
	}

/* default heading styles */
h1, h2, h3 {
	text-align: left;
	}
h2, h3 {
	color: #006;
	}
h1 {
	font: bold italic 2.4em georgia;
	color: #fc6; 
	} 
h2 {
	font-size: 22px;
	font-weight: 500;
	margin-top: 1em;
	}
h3 {
	font-size: 110%;
	font-weight: 600;
	margin-top: 1.5em;
	}

/* default element styles */
address {
	font-size: 110%;
	text-align: center;
	}
em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	color: #006;
	}
		/*     end general style rules     */

/*     page structure     */

/* default page-width div */	
#maxmin { /*For IE7, Firefox and other modern browsers */ 
	max-width: 900px; 
	min-width: 500px; 
	margin: 0 auto; border: 0;
	width: expression(document.body.clientWidth > 900? "900px": "auto"); /*Use expression for IE browsers less than IE7.*/
	}

#maxmap {
	width:900px;
	padding-bottom: 0.5em;
	border: 0;
	margin:0 auto;
	}

/* general settings */
/* #startwrap, */
#wrap-page,
#masthead,
#container,
#wrap-main,
#wrap-sub,
/* #wrap-nav, */
#navblock,
#footer,
#copyright {
  position: relative;
	overflow: hidden;
	}	
/* page wrapper */
#wrap-page {
  float: left;
	width: 100%;
	text-align: left;			/* to counter the IE center rule */
  border-top: 1px solid #eee; 
	margin-bottom: 0.5em;
	}
	
/* header */
#masthead {
  float: left;
  width: 100%;			/* width of whole page */
	clear: both;
	background-color: #00a0f0;
	z-index: 20;
	}
#search {
  position: relative;
	display: inline;
  float: right;
  width: 220px;
	padding: 10px 5px 5px 0;
	}

/* content */
#container {
	float: left;
	width: 100%;			/* width of whole page */
	clear: both;
	}
/* content columns */
#wrap-main {
	float: left;
  width: 80%;			
	}
.col-10,
.col-8,
.col-7,
.col-65,
.col-6,
.col-5,
.col-4,
.col-35,
.col-3,
.col-2 {
  position: relative;
  float: left;
	overflow: hidden;	
	display: inline;
	margin: 0 1%;
		}
.col-10 { width: 98%; }		
.col-8  { width: 78%;	}
.col-7  { width: 68%;	}
.col-65  { width: 63%;	}
.col-6  { width: 57%;	}
.col-5	{ width: 48%;	}
.col-4  { width: 38%;	}
.col-35  { width: 33%;	}
.col-3  { width: 28%;	}
.col-2  { width: 18%;	}

.col-5-map,
.col-5-wide {
  position: relative;
	float: right;
	overflow: hidden;
	margin: 0 0 1em 1em;
	}
.col-5-map {
	width: 340px;
	}
.col-5-wide {
	width: 360px;
	}

.col-ad {
  position: relative;
	width: 180px;
  float: left;
	overflow: hidden;	
	display: inline;
	margin: 0 5px 0 -0.3em;
	}
.col-728 {
  position: relative;
	width: 730px;
  float: left;
	overflow: hidden;	
	display: inline;
	margin: 0.5em 0;
	}

.wrap-sub {
	float: left;
  width: 100%;			
	}

/* nav column and block */
#wrap-nav {
  float: right;
  width: 19%;			/* width of nav column */
	margin: 5px 0 0;
	}
#navblock {
  float: right;
	width: 96%;
	line-height: 1.2em;
	padding: 0 1%;
	margin-right: -2px; /* without leaves right margin */
	border-top: 1px solid;
	}

.breakit { clear: both; }

/* bottom footer and copyright */
#footer,
#copyright {
	float: left;
	clear: both;
  width: 100%;			/* width of whole page */
	}
#footer {
	height: 100px;			/* fixed height for background image */
	}
#copyright {		
	background: #00a0f0;
	color: #003;
	border-bottom: 2px solid #999;
	padding-bottom: 1em;
	margin-bottom: 1em;
	}

	/*     end page structure     */
	/*     end general styles    */

/*     page components     */
/* blocks */
.callout {
	width: 94% !important;
	padding: 0 2% 1em 2%;
	margin: 2% 0 1% 2%;
	}

.caption {
	float: right;
	width: 95%;
	font-style: italic;
	font-size: 1em;
	line-height: 1.2em;
	text-align: right;
	padding: 0 0.5em 1em;
	}
.cap2 {
	width: 98%;
	}
.highlights {
	float: right;
	width: 47%;
	padding-bottom: 5%;
	margin: 0 1% 0 0;
	}

.nextpage,
.nextblank {
	font-weight: 600; 
	font-style: italic;
	text-align: right;
	margin: 0;
	margin-bottom: 2px;
	}

/* placeholder for ads */
.linkadtest {
	width: 120px;
	height: 90px;
}
	
.test160 {
	width: 160px;
	height: 600px;
	border-right: 1px solid;
	}
.test728 {
	width: 726px;
	height: 88px;
	border: 1px solid #000;
	}

/* google ads */
#ggs {
	display: block;
	text-align: center;
	padding-top: 5px;
	margin: 0 auto;
	}
	
.ggad {
	float: left;
	clear: right;
	display: block;
	border-left: 1px solid;
	padding-left: 0.5em;
	margin: 3em 0 2em;
	}

.ggad125,
.gglink {
	clear: both;
	margin: 0.5em auto 1em;
	}
.ggad125 {
	width: 125px;
	}
.gglink {
	width: 120px;
	}
.gglinknav {
	width: 160px;
	float: left;
	margin: 1em 0.5em 0; 
	}	
.ggnav {
	float: left;
	margin: 5px 0.5em 1em;
	}
.ggnav728 {
	float: left;
	margin: 5px 0;
	}
.ggad728 {
	margin:10px 0;
	}
/* classed elements */	

#copyright a:hover,
#copyright a:active {
	color: #fff;
	text-decoration: none;
	}

a.textlink {
	text-decoration: underline;
	}
	
.list a,
.list a:visited {			/* highlight links */
	color: #006;
	font-weight: bold;
	font-size: 110%;
	text-decoration: underline;
	}
.list a:hover,
.list a:active {
/*	padding: 0 0 0 1.5em; */
	color: #c60;
	text-decoration: none;
	}

.min a {			/* isbn link */
	font-size: 11px;
	}

ul.list-text,
ul.dates  {
	list-style-type: disc;
	padding: 0.5em;
	}	
ul.list-text li {
	margin: 0.8em;
	}
ul.dates li {
	margin-left: 1.5em;
	}
		
#search h2 {
	font-weight:600;
	font-size:12px;
	color:#fff;
	margin:0 10px;
	}	

#footer h2 {
	font: bold italic 18px georgia, serif;
	text-align: center;
	margin: 15px 0 5px;
	}
.callout h2{
	font-size: 130%;
	text-align: center;
	padding: 0.5em 0 0;
	margin: 0;
	}
.wrap-sub h2 {
	margin:0.2em;
	} 
.facts h2,
.facts h3,
.facts p {
	margin-left:1.2em;
	}
.highlights h2 {
	margin-bottom: 1em;
	}
.highlights h3 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}
/*	
.title h3 {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}
*/

.boxaccent p {
	padding: 0 10px;
	margin: 0.5em;
	}

#masthead img {
	float: left;
	margin: 1em;
	}
#navblock img {
	margin-top: 0.5em;
	margin-bottom: 0.8em;
	margin-left: auto;
	margin-right: auto;
	}

/* tables */
table {
	border: 0;
	padding: 0;
	margin:0 auto;
	text-align:center;
	}
table p {
	text-align: left;
	}

table.dateline {
	margin-bottom: 4em;
	}	

table.dateline p {
	margin: 5px;
	}	
.dateline p.year {
	text-align: right;
	margin: 5px;
	}
	
table.slides {
	margin: 1em auto;
	}
table.slides img {
	display: block;
	border: 0;
	margin: 0;
	}
table.slides p {
	float: right;
	font-style: italic;
	font-size: 1em;
	line-height: 1.2em;
	text-align: right;
	padding: 0.5em 0.5em 1em;
	}

/* font size and family */
 .small {
	font-size: small;
	} 
.copy {
	font-size: 11px;
	font-style: normal;
	}
.tonormal {
	font-weight: 500;
	}		
/* alignments */
.alignbase { text-align: left; }
.alignone { text-align: center; }
.alignplus { text-align: right; }

.toright {
	float: right;
	}
.toleft {
	float: left;
	}	
	
.pic,
.pic-bw,
.pic-inline {
	float: right;
	}
	
/* margins */
.first {
	margin-top: 0 !important;
	}
.nomargin {
	margin: 0 !important;
	}
.end {
	margin-bottom: 5% !important;
	}
.endlink {
	margin-bottom: 4% !important;
	}
.endno {
	padding-bottom: 0;
	margin-bottom: 0 !important;
	}

.pic,
.pic-bw {
	margin: 1em 0 0.5em;		
	}
.pic-inline {
	margin: 1em 1em 0.5em;
	} 
	
/* padding */
.plusall {
	padding: 1em;
	}	
.plusbottom {
	padding-bottom: 1em;
	}
.plustop {
	padding-top: 1em;
	}
.plusright {
	padding-right: 1em;
	}
.plusleft {
	padding-left: 1em;
	}
	
/* colors */
.bgbase {
	background-color: #fff;
	}
.blur {
	color: #666;
	}
.accent {
	color: #006;
	}

/* background adjustments */
table.statistics,
.bg-callout,
.callout, 
.nextpage {
	background: url(/shared/callout.jpg) repeat-y;
	}
.bg-foot {
		background: #eee url(/shared/seascape100.png) no-repeat;
		}	
.bg-main {
	background: url(/copyright/wm-sunset.jpg) no-repeat;
	padding: 0.2em 0;
	border-bottom: 3px ridge #bbb;
	}	

/* borders */
.noborder {
	border: 0 !important;
	}

.ggad,
.gglinknav,
.line,				
.linetop,			/* inactive */
.linebottom,	/* inactive */
.test160 {
	border-color: #cfcfcf !important;
	}

#navblock,
.boxaccent,
.linkadtest {
	border-color: #dfdfdf !important;
	}
	
.boxaccent {
	background-color: #eee;
	border-bottom: 1px solid;
	padding: 0.5em 0 0.8em 0;
	margin-bottom: 1em;
	}

.pic,
.pic-inline,
.pic-v {
	border-right: 2px ridge #fdfdfd;
	border-bottom: 2px ridge #fdfdfd;
	}
.pic-bw {
	border: 2px ridge #fdfdfd;
	}
.line {									
	border-right: 1px solid;
	}	
.linebottom {						/* inactive */
	padding-bottom: 1%;
	border-bottom: 1px solid;
	}
.linetop {							/* inactive */
	border-top: 1px solid;
	}
/*     end page components    */
	
/*    page overrides     */

.maptext {			/* text after full page maps */
	margin-left: 1em;
	margin-right: 0;
	}		
.maptext p {
	margin-right: 0;
	}

#wrap-main-728 { /* for leaderboard ad */
  position: relative;
	overflow: hidden;
	float: left;
  width: 740px;			
	}
#wrap-nav-160 { /* nav column after leaderboard ad */
  float: right;
  width: 160px;			/* width of nav column */
	margin: 5px 0;
	}

.emplus em {
	font-weight: 600;
	font-style: italic;
	color: #006;
	}	
	
table.statistics {
	float:left;
	/*background:#f6f6f6;*/
	/*border:5px solid #f2f2f2;*/
	}
table.statistics th {
	width:25%;
	font-weight: 600;
	color: #006;
	background: #afe6ff;
	padding:5px 10px;
	}
table.statistics td {
	width:25%;
	text-align:right;
	padding-right:10px;
	}
.td1 {
	background:#dfdfdf;
	}
.tdplus {
	background:#eee;
	}