@import url(/css/reset.css);

/* @group base typography + colors */

html {
	padding: 0;
	margin: 0;
	background: white;
	color: black;
}

body {
	font-size: small;
	font-family: Verdana, sans-serif;
	padding: 0;
	margin: 0 0 2em 0;
	background: white;
	color: black;
	line-height: 1.25;
}

#skip, #home h1 span {
	position: absolute;
	left: -999999px;
}

h1, h2, h3, h4, h5, h6, #masthead {
	font-family: Georgia, serif;
	margin: 0 0 .5em 0;
}

h1 {
	font-size: 180%;
	margin-bottom: 18px;
}

h1 span.h1link, h1 span.note {
	font-size: 50%;
	font-weight: normal;
	font-family: Verdana, sans-serif;
	margin-left: 1em;
}

h1 span.note {
	font-style: italic;
}

#home h1 {
	font-weight: normal;
}

p {
	margin: 0 0 1.5em 0;
}

ul {
	margin: 0 0 1.5em 0;
	padding: 0 0 0 2.5em;
}

li {
	margin-bottom: .5em;
}

h2 {
	color: #941A28;
	font-size: 135%;
}

h3 {
	font-size: 110%;
	color: black;
	margin: 1em 0;
}

#entryNav h2 {
	font-family: Verdana, sans-serif;
}

a:link {
	color: #951b29;
	text-decoration: underline;
}

a:visited {
	color: #9a6167;
}

a:hover, a:active {
	color: #951b29;
	background-color: #efefef;
}

							/* remember to define focus styles! */
							:focus {
								outline: 0;
							}
							
							/* remember to highlight inserts somehow! */
							ins {
								text-decoration: none;
							}
							del {
								text-decoration: line-through;
							}

.downloadList {
	list-style: none;
	line-height: 2em;
}

.pdf {
	padding-left: 20px;
	background: url(/img/t/icon-pdf.gif) 0 0 no-repeat;
}

.sidenote {
	display: block;
	font-style: italic;
	font-size: 85%;
}


#skip, #home h1 span {
	position: absolute;
	left: -999999px;
}

/* @end */

/* @group layout & specific area styles */


#wrapper {
	width: 1000px;
}

/* @group masthead */

#masthead {
	padding: 0 10px 7px 130px;
	background: #e6e9cb;
	border: solid 2px #951b29;
	border-left-width: 0;
	margin: 30px 0 0 0;
	position: relative;
}

#masthead .org {
	width: 436px;
	height: 43px;
	background: url(/img/t/logotype.png) 0 0 no-repeat;
	text-indent: -99999px;
	position: relative;
}

#masthead .org a:link,
#masthead .org a:visited,
#masthead .org a:hover,
#masthead .org a:active {
	position: absolute;
	width: 436px;
	height: 43px;
	left: 0;
	top: 0;
	background: transparent;
}

#masthead #contact, #masthead .adr {
	padding-top: 3px;
}

#masthead #logo  {
	width: 103px;
	height: 120px;
	background: url(/img/t/logo-main.png) 0 0 no-repeat;
	text-indent: -99999px;
	position: absolute;
	top: -15px;
	left: 13px;
}

#masthead #logo a:link,
#masthead #logo a:visited,
#masthead #logo a:hover,
#masthead #logo a:active {
	width: 103px;
	height: 120px;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
}

/* @end */

/* @group navigation */

#nav {
	float: left;
	width: 100%;
	font-weight: bold;
	background: #be5660 url(/img/t/shadow.png) right bottom no-repeat;
	margin: 0 0 12px 0;
	padding: 0 0 12px 0;
}

#nav ul {
	float: left;
	font-size: 85%;
	width: 859px;
	margin: 0;
	padding: 0 0 0 130px;
	list-style: none;
	background: #be5660 url(/img/t/nav-bg.png) left bottom repeat-x;
}

#nav li {
	float: left;
	margin: 0;
}

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	display: block;
	text-decoration: none;
	padding: 6px 15px 7px 15px;
	color: white;
}

#nav a:hover {
	color: #ffffff;
	background: #ba767e;
}

#nav li.current a {
	background: #f9f9f9 !important;
	color: #951b29 !important;
	cursor: default;
}

/* @end */

#main {
	float: left;
	width: 930px;
	padding: 0 0 40px 60px;
}

#main.has-secondary {
	width: 525px;
}

#secondary {
	float: right;
	width: 300px;
	padding: 0 8px 30px 0;
}

#secondary.weighted {
	width: 415px;
	margin-top: 30px;
}

#footer {
	clear: both;
	width: 100%;
	text-align: center;
	background: #efefef url(/img/t/shadow.png) right bottom no-repeat;
	padding: 6px 0 15px;
	font-size: 85%;
}

#footer p {
	margin: 0;
	padding: 0;
}

/* @group homepage (entryNav) */

#home #main {
	padding: 0 0 40px 130px;
}

#entryNav {
	list-style: none;
	line-height: 1.5;
	margin-left: 0;
	padding-left: 20px;
}

#entryNav h2 {
	margin: 0 0 5px -12px;
}

#entryNav h2 a:hover {
	background: none;
}

#entryNav li {
	background: url(/img/t/bullet.gif) 2px 0 no-repeat;
	padding: 4px 8px 8px 55px;
	margin: 5px 5px 5px 0;
	border: solid 1px #fff;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
}

#entryNav li:hover, #entryNav li.jsHover {
	background-color: #f0f0f0;
	border-color: #e0e0e0;
}

/* @end */

#mapviewer {
	border: solid 1px #951B29;
	background: white;
	width: 525px;
	margin-bottom: 8px;
}
#mapviewer img, #mapviewer iframe {
	display: block;
}

.note {
	color: #666;
	font-style: italic;
	font-size: 11px;
}

.callout {
	padding: 1em 1.5em;
	border: solid 1px #ba6b74;
	background:  #f2f4e5;
}

.header-nester li {
	list-style: none;
}

.header-nester li ul li {
	list-style: disc;
}

/* @end */


/* @group docs page */

.doc img {
	float: left;
	margin: 0 20px 25px 0;
}

.doc h2 {
	clear: none;
	font-size: 180%;
}

.doc h2 span {
	color: #444;
}

.doc table, .doc div.pubs {
	clear: none;
	width: auto;
	border: none;
	margin: 0 0 1em 0;
	padding: 0;
}

.doc div.pubs {
	float: left;
	width: 435px;
	padding-left: 20px;
	font-size: 85%;
}

.doc .pubs ol {
	margin-bottom: 1.5em;
}

.doc table td, .doc table th {
	text-align: left;
	vertical-align: top;
	padding: 5px 0 10px;
	border: none;
	font-size: 100%;
}

.doc table th {
	font-weight: bold;
	font-size: 85%;
	padding: 7px 12px 10px 0;
}

.doc table th, .doc table td {
	border: solid 1px #e0e0e0;
	border-width: 1px 0;
}

/* @end */

/* @group tabsets */

ul#tabselect {
	float: left;
	list-style: none;
	margin: 0 0 1.5em 0;
	padding: 15px 0;
	width: 285px;
	position: relative;
	z-index: 2;
}

#tabselect li {
	margin: 5px 0;
	border: solid 1px white;
	border-width: 2px 0 2px 2px;
	background: white;
}

#tabselect li a {
	display: block;
	padding: 10px;
}

#tabselect li.current {
	font-weight: bold;
	border-color: #e0e0e0;
	border-right: solid 2px white;
	position: relative;
	left: 3px;
}

#tabselect li.current a {
	background: url(/img/t/tabset-current.gif) 0 0 repeat-y;
}

#viewwrapper {
	position: relative;
	z-index: 1;
	float: left;
	width: 635px;
	margin-bottom: 25px;
	border-left: solid 2px #e0e0e0;
	min-height: 350px;
}

#viewer {
	margin: 0 0 0 25px;
	background: white;
}

.post-tabset {
	clear: both;
	margin-top: 1.5em;
}


/* @end */