/*
Webster Program style
All rights reserved.
Bradley Sepos
2008-02-28
*/

html, body {
	margin: 0;
	padding: 0;
	background-color: #101212;
}

body {
	background: url(images/body-background.gif) repeat-x top left;
	color: #fff;
	font-family: Times, "Times New Roman", serif;
	font-size: 62.5%; /* 1em = 10px */
}

a, a:visited {
	color: #00703c;
}

a:hover {
	background-color: #ffffcc;
	color: #202020;
}

a img {
	border: none;
}

.clearleft {
	clear: left;
}

.amp {
	font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif;
	font-style: italic;
}

#content {
	background: url(images/right-background.jpg) no-repeat top right;
	width: 990px;
}

#header {
	margin: 0;
	padding: 0;
	width: 240px;
	height: 750px;
	float: left;
	background: url(images/navigation-background.jpg) no-repeat bottom left;
}

#webster-portrait {
	display: block;
}

#zoom-portrait-icon {
	position: absolute;
	top: 247px;
	left: 0px;
}

#zoom-portrait-icon:hover, #zoom-portrait-icon:focus, #zoom-portrait-icon:active {
	background-color: transparent;
	outline: none;
}

#navigation {
	margin: .6em 0 0 0;
	padding: 0;
	width: 213px;
	font-size: 1.5em;
	line-height: 2;
	text-align: right;
	list-style-type: none;
}

#navigation a, #navigation a:visited {
	color: #fff;
	text-decoration: underline;
}

#navigation a:hover {
	background-color: transparent;
	color: #ffffb5;
}

#main {
	padding: 0 30px .5em;
	width: 600px;
	min-height: 750px;
	border-top: 10px solid #00703c;
	border-bottom: 5px solid #454545;
	float: left;
	background-color: #fff;
	color: #202020;
	font-size: 1.2em;
	line-height: 1.5;
}

.home #main h1, .home #main h2, .home #main p.description {
	display: none;
}

#home-intro {
	display: none;
}

#home-intro-link {
	margin: 0 0 0 -30px;
	width: 660px;
	height: 170px;
	display: block;
	background: url(images/home-intro.jpg) no-repeat top left;
}

#main h1 {
	margin: 1.778em 0;
	font-family: Baskerville, Times, "Times New Roman", serif;
	font-size: 8px;
	font-weight: normal;
	letter-spacing: .6em;
	line-height: 1.333;
	text-transform: uppercase;
}

#main h2 {
	margin: 0 -30px 1em;
	padding: .6em 105px .65em 30px;
	background-color: #000;
	color: #d2d2d2;
	font-family: Baskerville, Times, "Times New Roman", serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.25em;
}

#main h3 {
	margin: .625em 0 .208em;
	font-family: Baskerville, Times, "Times New Roman", serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 1;
}

#main .meta {
	margin: 0 0 2.111em 0;
	font-family: Baskerville, Times, "Times New Roman", serif;
	font-size: 8px;
	letter-spacing: .6em;
	line-height: 1.333;
	text-transform: uppercase;
}

#main .sub-navigation {
	margin: 0 1em .5em 0;
	padding: 2px;
	width: 180px;
	border: 1px solid #d7d3d0;
	float: left;
}

#main .sub-navigation .heading {
	margin: 0;
	padding: .667em 12px;
	background-color: #382312;
	color: #d2d2d2;
	font-family: Baskerville, Times, "Times New Roman", serif;
	font-size: 8px;
	letter-spacing: .1em;
	line-height: 1.333;
	text-transform: uppercase;
}

#main .sub-navigation ul.navigation {
	margin: 0;
	padding: .5em 12px 1.5em;
	background-color: #e2e2bc;
	line-height: 2em;
	list-style-position: inside;
}

#main .sub-navigation ul.navigation a, #main .sub-navigation ul.navigation a:visited {
	color: #202020;
}

#main .alternates {
	padding-top: .917em;
	border-top: .083em solid #ccc;
}

#footer {
	margin: 1.363em 0 1.363em 240px;
	color: #999;
	font-size: 11px;
}