/* CSS Document */

/* Basic Styles */

* {margin:0; padding:0;}
body {background-color:#17667d; color:#333; font-family:'Lucida Grande', Arial, Helvetica, sans-serif;font-size: 62.5%; margin:0; padding: 0;}
p, ol, ul{font-size: 1.2em; line-height: 1.8em;}
h1, h2, h3, h4 {color: #663300; font-family:"Lucida Grande", Futura, sans-serif; text-transform:uppercase; letter-spacing:.1em; font-weight:normal;}
h1 {font-size: 2.5em;}
h2 {font-size: 2em; font-family: Georgia, "Times New Roman", Times, serif; margin:0 0 20px 0; padding: 0;}
h3 {font-size: 1.6em; margin: 1.8em 0 0; line-height: 1.13em; padding-left: 25px; background:url(images/swirl4.jpg) top left no-repeat;}
h4 {font-size: 1.4em; margin: 0 0 .8em; line-height: 1.6em;}

p {padding: 1em 1em 1em 25px;}
ul,ol {list-style:none;}

a:link, a:visited {color: #6c2713;}
a:hover, body#rcallaway li#n-rcallaway a:link {background-color:#d5e3e7; border-top: 1px dotted #9e7d5d; border-bottom: 1px dotted #9e7d5d;}

img {border:none;}
.thumb {float:left; padding:0; margin: 5px; border: 1px solid #17667d;}
.alt {float:right;}

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif; 
	width: 70%; 
	font-size: 1.2em;
	line-height: 1.5em;
	padding:10px; 
	margin: 10px auto; 
	border-top: 1px dotted #9e7d5d; 
	border-bottom: 1px dotted #9e7d5d; 
	}

.pullquote { font-family: Georgia, "Times New Roman", Times, serif; color:#17667d; font-weight: bold; text-transform: uppercase; font-size: 1.5em; line-height: 1.5em; letter-spacing: .1em; word-spacing: .3em; display: block; margin: 40px 0 10px 0; }

/* Main Divs and Classes */

#wrapper { width: 780px; margin-left:auto; margin-right:auto; background-color:#fff;}
#container {width: 760px; margin-left:auto; margin-right:auto;}
#content {float:right; width: 67%; padding: 0 0 0 3%; margin: 0;}

/* Header */
#header {background: #fff;border-top: 10px solid #663300;padding: 0 0 1em 0;}

#header h1 {font-size: 4em;  Georgia, "Times New Roman", Times, serif; }
#header h1 a {text-decoration:none;}
#header h2 {font: 1.75em "Century Gothic",Futura,Gill Sans, 'Lucida Grande', sans-serif;}

#header-img {display:block; padding: 0px;clear:both; margin: 10px auto 0 auto; background: #fff;}

/* Sidebar */
#sidebar {width: 28%; float:left; padding-right: 2%;}

/* Navigation */
#nav {width: 100%; margin:0; padding:0;}
#nav li {font-family: "Century Gothic", Futura, Gill Sans, 'Lucida Grande', sans-serif; text-transform: uppercase; font-weight: bold; letter-spacing: .1em; padding: 0 0 1em; margin:0; text-align:left;}
#nav a:link, #nav a:visited {width: 100%; padding: 5px; text-decoration:none;}

/* Endnote Syling */

#endnotes {clear: both; background: #fff; color: #333; padding: 1em; border-top:5px solid #663300; border-bottom: 10px solid #663300;}
#endnotes p {padding: 3px; line-height:normal;}
#content a.note {color: #333; padding: 0 3px; margin: 5px; background-color:#d1e3ec; text-decoration: none;}
#endnotes a.note {padding: 5px; text-decoration: none;}
#endnotes a:hover {border: none;}

sup a {position: relative; padding: 2px;}
sup a span {display:none;}
sup a:hover { border: none;}
sup a:hover span {display: block; background-color: #d1e3ec; border: 1px dotted #006699; font-size: 1em; color: #333; line-height: 1.1em; padding: 10px; position: absolute; left: 20px; top: 0; width: 200px; z-index: 200;}
.class span a:link {text-decoration:none;}
blockquote sup {font-family:'Lucida Grande', Arial, Helvetica, sans-serif; font-style:normal;}

/* Images */

.photobox { font-size: 0.9em; color: #413120; line-height: 1.2em; width: 100px; margin-top: .5em;}
.photobox a, .photobox a:visited {text-decoration:none;}
.photobox a:hover {color: #17667d; background-color: transparent; text-decoration: none; border: none;}
.photobox img {border: 1px solid #666;}
.left {float: left; padding-right: 1.2em;}
.right {float: right; padding-left: 1.2em;}