* {
	margin: 0;
	padding: 0;
}

a img {
	display: block;
	border: none;
}

a img.inline {
	display: inline;
}

body {
    font-size:100%;
    line-height:1.125em;
        font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

.clear {
	clear: left;
}

img.right {
	float: right;
	margin: 0 0 3px 10px;
	border: 1px solid #666;
}

div#content ul {
	list-style-type: none;
	margin-left: 20px;
}


div#content ul li {
	font: 80%/1.25em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}


div#mediaspace {
	float: right;
}


/* STRUCTURE *************/
div#wrapper {
	width: 750px;
	margin: 0 auto;
}

div#header {
	width: 100%;
	height: 200px;	
	overflow: hidden;
}
div#header div#subnav {
	float: right;
}
div#header img#logo {
	margin-top: 142px;
	margin-left: 10px;
}
div#header a img#logo {
	border: none;
}

div#postcard {
	clear: both;
	width: 750px;
	height: 250px;
	overflow: hidden;
}
div#postcard.subpage {
	clear: both;
	width: 750px;
	height: 100px;
	overflow: hidden;
}
div#nav {
	clear: both;
	width: 748px;
	overflow: hidden;
}
div#content {
	clear: both;
	width: 710px;
	padding: 20px;
	overflow: hidden;
}
div#primary {
	float: left;
	width: 440px;
}
div#primary img.right {
	margin-right: 20px;
}

div.mgtbio {
	clear: both;
	margin-bottom: 20px;
}
div#primary img.portrait,
div#wide img.portrait {
	float: left;
	margin: 0 10px 3px 20px;
	border: 1px solid #666;	
}

ul.insidenav {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul.insidenav li {
	margin-bottom: 0;
}

div#secondary {
	float: left;
	width: 230px;
	margin-top: 5px;
	padding-left: 19px;
}
div#wide {
	width: 680px;
}

div#footer {
	min-height: 50px;
	padding: 10px;
}

div.bio-view {
	
}

/* TEXT *************/

a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

span.strong {
	font: bold 105%/1.25em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}
span.superstrong {
	font: bold 125%/1.25em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

div#header h1 {
	margin-top: 173px;
	margin-left: 10px;
}
div#header div#subnav {
	font: 75%/1.25em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;	
	text-align: right;
	margin-right: 20px;
	margin-top: 180px;	
}
div#header div#subnav a {
	text-decoration: none;
	margin-left: 20px;	
}

div#nav {
	text-align: center;
	padding: 5px 0;
	font: bold 90%/1.1em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}
div#nav a {
	margin: 0px 20px;
	text-decoration: none;
}

ul.insidenav {
	list-style-type: none;
}
div#primary ul.insidenav li {
	margin-left: 20px;
}
div#secondary ul.insidenav li {
	margin-left: 10px;
}

ul.insidenav li {
	font: 75%/1.25em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	text-decoration: none;
}
ul.insidenav li.listheader {
	font-weight: bold;
}
ul.insidenav li a {
	font: bold 100%/1em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	text-decoration: none;
}

div#content div#primary p,
div#content div#wide p {
	font: 80%/1.25em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 8px;	
}
div#content div#primary h1,
div#content div#wide h1 {
	font: bold 120% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	margin-bottom: 7px;
}
div#content div#primary h2,
div#content div#wide h2 {
	font: bold 100% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	margin-left: 10px;
	margin-bottom: 7px;
}
div#content div#primary h3,
div#content div#wide h3 {
	font: bold 100% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	margin-left: 10px;
	margin-bottom: 7px;
}

div#content div#secondary p {
	font: 75%/1.25em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	margin-bottom: 8px;
	margin-left: 10px;
}
div#content div#secondary h1 {
	font: bold 100% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	margin-bottom: 5px;	
}
div#content div#secondary h2 {
	font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	margin-left: 10px;
	margin-bottom: 5px;
}

div#footer {
	text-align: center;
	font: 85%/1em Arial, Helvetica, sans-serif;
}
div#footer p {
	font: 85%/1.25em Arial, Helvetica, sans-serif;
}


/* COLORS *************/

a {
	color: #7f281b;
}
a:hover {
	color: #892a1c;
}

a.link,
a.visited,
a.active {
	color: #652015;
}


body {
	background-color: #A3A698;
}

div#wrapper {

	border-left: 30px solid #C1C4B4;
	border-right: 30px solid #C1C4B4;
	border-bottom: 10px solid #C1C4B4;		
}

div#header {
	background: #666 url(../images/header-bg3.gif) repeat-x; 
}
div#header h1 {
	color: #333;
}

div#header div#subnav a {
	color: #591202;
}
div#header div#subnav a:hover,
div#header div#subnav a.selected {
	color: #666;
}

div#postcard {
	border-top: 5px solid #26261D;
	border-bottom: 5px solid #26261D;
	background-color: #999;
}

div#nav {
	border-bottom: 5px solid #a3a698;
	border-right: 1px solid #a3a698;
	border-left: 1px solid #a3a698;	

	background: #ccc url(../images/nav-bg2.gif) repeat-x;
}
div#nav a {
	color: #26261D;
}
div#nav a:hover,
div#nav a.selected {
	color: #666;
}

ul.insidenav a {
	color: #652015;
}
ul.insidenav a:hover {
	color: #3a120c;
}

div#content {
/*	background-color: #9f9f9f; */
	background-color: #fff;
	background: #fff url(../images/content-bg-tan.gif) no-repeat bottom left;
	color: #26261D;
}

div#primary {
	border-right: 1px dotted #ccc;	
}

div#content div#primary h1,
div#content div#secondary h1,
div#content div#wide h1 {
	color: #A3A698;
}
div#content div#primary h2,
div#content div#secondary h2,
div#content div#wide h2 {
	color: #555;
}
div#footer {
	background-color: #C1C4B4;
	color: #fff;
}
