@import url(nav.css);
@import url(bodyswitch.css);

/* MISC FORMATTING */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #fff;
}


a.skip {position: absolute; left: -1000em; width: 20em;}
h1 { margin: 0; font-size: 1.5em; }
h1,h2 { margin-top: 0; margin-bottom: 0; }
h2 { font-size: 1em; }
div {font-weight: normal;}
p { font-weight: normal; margin-top: 0; margin-bottom: 1em;}
.units {font-size: 9px}

blockquote { padding: 0.25em 1em; margin: 0; }
td,th { vertical-align: top; text-align: left; font-weight: normal; }
.leftpadding { padding-left: 10px; }
.caption { font-size: 10px; font-style:italic; }
.strongcaption { font-size: 10px; font-style:italic;  font-weight: bold;}
.quotation { font-weight:100; font-family:"Times New Roman", Times, serif; font-style: italic; font-size: 1.4em; }

.front-caption {line-height: 13px;}

.ruletable {

}

.style15 {font-size: 10px}

.ruletable td.firstrow {
	padding-top: 5px;
	padding-bottom: 5px;
	background: #cccccc;
	 }
.ruletable td {
	padding-left: 10px;
	padding-top: 10px;
	}
.ruletable td.rulerow {
	padding: 0;
	background: #eee;
	}

div.mapoverlay {
	width: 950px;
	height: 430px;
	background-color: #000;
	line-height: 13px;
}

table#timelinebar {
	padding-top: 10px;
}

p.dates {
	font-size: 0.9em;
	margin-top: 1em;
	padding-left: 0.9em;
	padding-right: 0.9em;
}

#leftbar a:hover {color:#999999}

p.whitelink {
	font-size: 11px;
	padding-left: 10px;
	padding-right: 10px;
}

img.captionimage {padding-bottom: 5px;}

a.whitemaplink { text-decoration: none; color: #fff; }

/* TABLE FORMATTING STUFF */
td.submapleft {
	padding-right: 10px;
	padding-top: 10px;
	width: 50%;
}


td.leftcol { padding-right: 10px; }
td.rightcol { padding-left: 10px; }
td.submapright { padding-left: 10px; padding-top: 10px; width: 50%; }
td.rightcaption { padding-left: 10px; }

/* SUBSECTION OPTIONS */
.subsection h2,h3,h4 { margin-top: 0; margin-bottom: 0; }
.subsection h2 {font-size: 1.2em; margin: 0.2em 0 0.2em 0.2em;}
.subsection h3 {font-size: 1em; margin-bottom: 1em; }
.subsection h4 {font-size: 1em;  margin-bottom: 0.2em; font-weight: normal; font-style: italic; }
.subsection-title { background-color: #E3E3E3; }
.subsection p { margin-top: 0em; margin-bottom: 1em; }

div.subsection {
	position:relative;
	z-index:0;
	background-color: #F5F5F5;
	border: 1px none #000000;
	padding-left: 3px;
	width: 750px;
	text-align: left;
}

/* GENERAL CONTENT SECTIONS */

div#title {
	position:absolute;
	left:100px;
	top:73px;
	height:25px;
	z-index:0;
	background-color: #C3C3C3;
	border: 1px none #000000;
	padding-left: 3px;
	\right: 0;
	w\idth: 850px;
}
html>body #title { width: auto; right: 0; }

div#leftbar {
	position:absolute;
	left:0px; top:96px;
	width:100px;
	z-index:1;
}

#leftbar a { text-decoration: none; color: #000; }

div#header {
	position:absolute;
	left:0px;
	top:0px;
	height:55px;
	z-index:0;
	background-color: #000000;
	border: 1px none #000000;
	\right: 0;
	w\idth: 953px;
}
html>body #header { width: auto; right: 0; }

div#screen-switcher {
	position:absolute;
	left:689px;
	top:18px;
	height:50px;
	z-index:1;
	background-color: #000000;
	border: 0px none #000000;
	\right: 0px;
	w\idth: 228px;
}
html>body #screen-switcher { width: auto; right: 0; }

div#google-search {
	position:absolute;
	left:689px;
	top:18px;
	height:50px;
	z-index:3;
	background-color: #000000;
	border: 0px none #000000;
	\right: 0px;
	w\idth: 228px;
}
html>body #google-search { width: auto; right: 0; }

div#menu {
	position:absolute;
	left:0px;
	top:50px;
	height:23px;
	z-index:3;
	background-color: #1276D3;
	border: 1px none #000000;
	\right: 0;
	w\idth: 953px;
}


html>body #menu { width: auto; right: 0; }

div#body {
	position:absolute;
	left:100px;
	top:98px;
	right:0px;
	z-index:0;
}
* html #body
{
height: 100%;
}
#container {
    position: relative;
	}
#footer
{
position: relative;
left: -100px;
width: 100%;
margin-top: 15px;
min-height: 40px;
background-color: #cfcfcf; 
	padding: 10px;
	padding-left: 100px;
}
#frontfooter
{
position: absolute;
left: 0px;
width: 100%;
top: 800px;
margin-top: 15px;
z-index: 20;
min-height: 40px;
background-color: #333333; 
padding: 10px;
padding-left: 110px;
}
div#spacer {
	position:absolute;
	left:0px;
	top:73px;
	width:100px;
	height:25px;
	z-index:0;
}
.byline { font-size: 10px; }

div#mapbar a {
	text-decoration: none;
	color: #FFCC00;
}
div#mapbar a:hover {
	color: #666600;
}
