/* @override 
	http://localhost:3000/stylesheets/screen.css?1210118229
	http://localhost:3000/stylesheets/screen.css?1215564822
*/

/* CSS RESET ------------------------------------------------------------*/	
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	}
a img, :link img, :visited img {
	border: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
ol, ul {
	list-style: none;
	}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
	}


body {
	text-align: center;
	font-family: Garamond, "Times New Roman", Times, serif;
	margin: 0;
  line-height: 1.5; /* Unitless for proper inheritance */
	}

/* This is where you set your desired font size. The line-height 
   and vertical margins are automatically calculated from this. 

   You have to add an extra calculation here because of IE, so that 
   all users may resize text manually in their browsers.

   The top one is for IE: The percentage is of 16px (default IE text size)
   10px is 62.5%, 12px is 75%, 13px is 81.25%, and so forth).
   The second value is what all other browsers see (the wanted font size). */

body          { font-size: 106.25%%; }   /* IE */
html > body   { font-size: 17px; }  /* Other browsers */


/*-------------------------------------------------
HEADINGS
-------------------------------------------------*/
h1,h2,h3,h4,h5,h6 { 
  /*font-family: Helvetica, Arial, "Lucida Grande", Verdana, sans-serif;*/
	font-family: "Times New Roman", Times, serif;
  color: #002143;
	}
h1 {
  margin: 0;
  font-size: 1.75em;
  margin-bottom: .75em;
    }
h2 {
    font-size: 1.3em;
    line-height: 1.2em;
    margin-bottom: 8px;
    border-bottom: 2px solid #EEE09F;
    padding: 2px 4px;
    color: #000;
    background-color: #F3ECCB;
    }
h2#notice {
    border-bottom: none;
    padding: 4px;
    background-color: #EEE09F;
    margin-bottom: 16px;
     }

h3 {
	font-size: 1.1em;
	margin-bottom: 8px;
	/*font-family: 'Myriad Pro', Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	}
	
	
/*-------------------------------------------------
GLOBAL
-------------------------------------------------*/
p {
	font-size: 1em;
	line-height: 1.2em;
	margin-bottom: 10px;
	}
dl.q_and_a dt {
	font-size: 1.1em;
	margin-bottom: .25em;	
	}
dl.q_and_a dt {
	font-weight: bold;
	line-height: 1.3em;
	border-bottom: 3px solid #f0f0f0;
	}
dl.q_and_a dd { margin-bottom: 1.5em; }
strong { font-weight: bold; }
a:link,
a:visited {
	color: #003399;
}
a:hover {
	color: #003366;
}
ul {
	margin-bottom: 10px;
	}

/*-------------------------------------------------
HEADER
-------------------------------------------------*/
#header {
	float: left;
	width: 100%;
	height: 120px;
	text-align: center;
	background: #3F66A1 url(/images/header_bg.gif) repeat-x top left;
	}
#logo {
	color: #fff;
	font-size: 1.5em;
	width: 389px;
	text-indent: -1000em;
	overflow: hidden;
	background: url(/images/logo.gif) no-repeat;
	height: 83px;
	margin-top: 23px;
	float: left;
	}
#logo span {
	color: #EEE09F;
	font-size: .85em;
	font-weight: normal;
	text-transform: uppercase;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
#flag { 
    float: right; }


/*-------------------------------------------------
BLOCKS
-------------------------------------------------*/
#content {
	clear: left;
	width: 780px;
	margin: 0 auto;
	padding: 20px 0;
	text-align: left;
	}
div.wrap{
	margin: 0 auto;
	width: 780px;
	text-align: left;
	}


/*-------------------------------------------------
NAV
-------------------------------------------------*/
#nav {
	border-top: 3px solid #fff;
	background: transparent url(/images/nav_bg.jpg) repeat-x top left;
	float: left;
	text-align: center;
	width: 100%;
	}
#nav ul {
	margin-bottom: 0;
	}
#nav ul li{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0;
	float: left;
	}
#nav ul li a:link,
#nav ul li a:visited {
	color: #000;
	text-decoration: none;
	font-size: .9em;
	padding: 8px 10px;
	border-left: 1px solid #f0e8c8;
	display: block;
	float: left;
	}
#nav ul li a:hover,
#nav ul li.current a {
	background: transparent url(/images/nav_bg_current.jpg) repeat-x top left;
	}
#nav ul li.last a:link,
#nav ul li.last a:visited {
	border-right: 1px solid #f0e8c8;
	}


/*-------------------------------------------------
SEARCH
-------------------------------------------------*/
#search {
	float: right;
	padding: 5px 0;
	width: 220px;
	background-color: #F1E9C9;
	text-align: center;
	}
#search input#s {
	font-size: 12px;
	padding: 4px;
	border: 1px solid #999;
	margin: 0;
	}
#search input#search_go {
	vertical-align: top;
	margin-top: 1px;
	}


/*-------------------------------------------------
FOOTER
-------------------------------------------------*/
#footer {
	clear: both;
	border-top: 14px solid #3F66A1;
	background: #254180 url(/images/footer_bg.gif) repeat-x bottom left;
	padding-bottom: 36px;
	font-family: "Goudy Old Style", Garamond, "Times New Roman", Times, serif;
	}
#footer div.wrap {
	height: 200px;
	padding-top: 20px;
	background: url(/images/footer_shield.gif) no-repeat top center;
	}
#footer h2 {
	font-size: 1.3em;
	color: #FFFFCC;
	margin-bottom: 4px;
	border: none;
	background: none;
	padding: 0;
	}
#footer .left {
	width: 40%;
	float: left;
	}
#footer ul li { color: #BCC5D8; }
#footer ul li a { color: #BCC5D8; }
#organization {
	
	text-align: center;
	float: right;
	}
#organization h2 { text-align: center; }
#organization th,
#organization td {
	color: #BCC5D8;
	font-size: 1em;
	margin-bottom: 4px;
	}
#organization th {
	text-align: right;
	padding-right: 5px;
	}
#footer th,
#footer td,
#footer li { line-height: 1.2em; }
#footer ul { margin-bottom: 15px; }




#slideshow,
#recent_news {
	background-color: #f0f0f0;
	margin-bottom: 10px;
	padding: 10px;
	}
#recent_news {
	background-color: #f0f0f0;
	}


#login {
	background-color: #F3ECCB;
	margin-bottom: 10px;
	padding: 10px;
	padding-bottom: 5px;
	}
#login h2,
.right #slideshow h2,
.right #recent_news h2 {
	font-size: 1em;
	background-color: #C4AD71;
	border: none;
	padding: 6px 10px;
	color: #fff;
	margin: -10px -10px 10px -10px;
	font-family: 'Myriad Pro', Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
.right #slideshow h2 { background-color: #999; }
.right #recent_news h2 { background-color: #3F66A1; }
#login dl dt {
	font-size: .8em;
}
#login dl dt input, 
#login dl dd input{
	width: 190px;
	padding: 0;
	}
#login .submit {
	margin: 10px 0 5px;
	}
#login .submit input {
	vertical-align: middle;
	margin-right: 5px;
}
#login .submit input{
	vertical-align: bottom;
}

/*-------------------------------------------------
COLUMNS
-------------------------------------------------*/
#content .left {
	margin-right: 260px;
	width: 500px;
	}
#content .right {
	width: 220px;
	float: right;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}


/*-------------------------------------------------
SUBNAV
-------------------------------------------------*/
#subnav {
	margin-bottom: 10px;
}
#subnav li {
	padding: 0;
	margin: 0px;
	height: 57px;
}
#subnav li img {
	margin: 0;
	padding: 0;
}

.news h2,
h2.plain {
	font-size: 1.15em;
	margin-bottom: 5px;
	background: none;
	padding: 0;
}
.news h2 a:link,
.news h2 a:visited {
	text-decoration: none;
	color: #000;
	padding: 0;
	}

div.entry {
	margin-bottom: 30px;
	}
div.entry h2 {
	margin-top: 10px;
	background: none;
	padding: none;
}	

div.entry .footer {
	font-size: .7em;
	color: #999;
	margin-top: .75em;
	border-top: 1px dotted #ccc;
	font-weight: normal;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
div.entry .footer a:link,
div.entry .footer a:visited {
	color: #999;
	}
table td {
	vertical-align: top;
}
.news .entry img {
	margin: 0 5px 5px 0;
}
.news h2 span {
	color: #666;
	font-size: .75em;
}

/*-------------------------------------------------
FORMS
-------------------------------------------------*/
form table tr.spacer td,
form table tr.spacer th {
	padding-top: 15px;
	}
form table input,
form table select {
	margin-right: 5px;
	}
input {
  font-size: .9em;
	font-weight: bold;
	}
select {
	font-size: .9em;
	}
textarea {
	font-size: 1em;
	width: 100%;
	}
textarea.auto_size {
    width: auto; }
form th {
	font-size: 1em;
	text-align: right;
	padding: 4px 0;
	}
form td {
	padding: 0 0 4px 5px;
	}
form th em {
	color: #666;
	}
form dl dt {
	font-size: 1em;
	font-weight: normal;
	}
form dl dd {
	margin-bottom: 5px;
	}
form dl dd input,
form table td input {
	padding: 1px 3px;
	width: 300px;
	}
form input.auto_size {
	width: auto;
	}
p.instructions {
	padding: 4px;
	margin-bottom: 8px;
	border-bottom: 1px solid #C4AD71;
	}
.optional {
	padding: 4px;
	background-color: #f0f0f0;
	margin-bottom: 10px;
	}
.help {
	color: #666;
	font-size: .7em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;;
	}
p.help {
	background-color: #f0f0f0;
	padding: 4px 2px;
	}

/*-------------------------------------------------
ERROR MESSAGES
-------------------------------------------------*/
div#errorExplanation {
	border: 1px solid #d12f19;
	padding: 5px;
	margin-bottom: 10px;
	}
div#errorExplanation h2 {
	margin: -5px -5px 5px -5px;
	background: #d12f19;
	padding: 5px 10px;
	border: none;
	color: #fff;
	font-size: 1em;
	text-transform: uppercase;
	}
div#errorExplanation ul {
	list-style-type: none;
	}
div#errorExplanation li {
	margin: 8px 0;
	line-height: 1em;
	padding-left: 15px;
	background: #fff url('/images/admin/bullet_red.png') no-repeat top left;	
	}
h2#errorExplanation {
	color: #fff;
	padding: 4px;
	margin-bottom: 10px;
	background: #d12f19;
	}
h2.warning {
	color: #000;
	padding: 2px 4px;
	margin: 5px 10px 0 0;
	background: #ff9;
	}
	

#captcha {
	padding: 4px;
	margin-bottom: 10px;
	background-color: #F9F5E5;
}
#captcha p { margin: 0; }

/*-------------------------------------------------
PROFILES
-------------------------------------------------*/
.profile { margin-bottom: 20px; }
.profile h3 img{
	float: right;
	padding: 10px;
	margin: 0 0 10px 10px;
	background-color: #f0f0f0;
	}
.profile.leader {
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #f0f0f0;
	}
.profile.leader h3 img { padding: 0;}
hr {
	border: none;
	background: none;
	padding: none;
	border-bottom: 1px dotted #ccc;
	margin: 20px 0;
	}
ul.anchor_nav li {
	font-size: .9em;
	margin-bottom: 4px;
	margin-left: 10px;
	}
ul.anchor_nav { margin-bottom: 20px; }
ul.page_anchor_nav {
	margin-top: -10px;
	}
ul.page_anchor_nav li {
	padding-left: 16px;
	font-size: 1.1em;
	margin-bottom: 5px;
	background: transparent url(/images/next_arrow.png) no-repeat 3px left;
}
p.greeting {
	font-size: .85em;
}
p.back_to_top { font-size: .85em; margin-top: -5px; text-align: right;}

/*-------------------------------------------------
ARCHIVES
-------------------------------------------------*/
#archives {
	float: right;
	width: 150px;
	padding: 10px;
	border: 10px solid #fff;
	border-width: 0 0 10px 10px;
	background-color: #f0f0f0;
	}
#archives h2 {
	font-size: .85em;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	background: none;
	padding: 0;
	}
#archives li {
	font-size: .9em;
	margin-bottom: 4px;
	}

.page_nav {
	text-align: right;
	}
	
ul.nested_nav li{
	font-size: 1.3em;
	}
ul.nested_nav li ul li {
	font-size: .8em;
	margin-left: 20px;
	margin-bottom: 5px;
	}
ul.nested_nav li ul {
	margin-bottom: 20px;
}

/*-------------------------------------------------
IN MEMORIAM
-------------------------------------------------*/
#in_memoriam #content .left h3.subtitle {
	margin-top: -7px;
	font-size: .9em;
	margin-bottom: 20px;
	}
.biography {
	width: 160px;
	float: left;
	margin: 0 10px 10px 0;
	}
.biography img{
	padding: 10px;
	background: #f0f0f0;
	border: 1px solid #ccc;
	border-width: 1px 0;
	}
	
#tribute {
	border: 1px solid #ccc;
	padding: 20px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#tribute p.logo {
	text-align: center;
	}
#tribute h2 {
	text-align: center;
	padding: 0;
	background: none;
}
#tribute p {
	font-size: .9em;
	}
	
/*-------------------------------------------------
COVER
-------------------------------------------------*/
.cover h2 {
	margin-bottom: 4px;
	background: none;
	}
.cover {
	width: 220px;
	float: left;
	margin: 0 60px 10px 0;
	}
.cover img{
	padding: 10px;
	background: #f0f0f0;
	border: 1px solid #ccc;
	border-width: 1px 0;
	}
.cover p.credit {
	font-size: .8em;
	text-align: right;
	padding: 3px 10px;
	margin-bottom: 5px;
	margin-top: -5px;
	background: #e0e0e0;
}
	
#intro {
	margin-bottom:10px;
	}
ol#comments {
	list-style-type: decimal;
	}
ol#comments li {
	margin-left: 20px;
	margin-bottom: 10px;
	}
.optional p.warning {
	color: #f00;
	font-weight: bold;
	}
#news_scroller{
	height: 60px;
	}

.donation {
	background-color: #F3ECCB;
	border: 5px solid #F3ECCB;
	margin-bottom: 10px;
	}
.donation a {
	font-weight: bold;
	}
.fine_print {
	margin-top: 50px;
	padding: 5px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	font-size: .8em;
	color: #666;
}
p.read_more {
	margin-top: 10px;
	font-weight: bold;
  }
.news h3 {
	font-size: .85em;
	line-height: 1.3em;
	margin-top: -3px;
	color: #666;
  }

#figure #content p,
#figure #content p embed {
	text-align: center;
	}
	
.promote {
	border: 1px solid #ccc;
	padding: 5px;
	background: #f0f0f0;
	margin-top: 0px;
	margin-bottom: 10px;
  }
.promote p,
.promote h3 { margin-left: 210px;}
.promote p.caption {
	float: left;
	margin: 0;
	font-size: .8em;
	width: 190px;
	background: #ccc;
	padding: 5px;
  }
.promote p.caption img {
	float: left;
	margin: -5px;
	margin-bottom: 5px;
	}


.interviews {
  list-style: decimal outside;
  margin-left: 1em;
  }
.interviews li {
  margin-bottom: 8px;
}

small {
    font-size: .9em;
    color: #666; }

.two_col .main_col {
    float: left;
    width: 510px; }
.two_col .sub_col { 
    float: right;
    width: 240px;}

.three_col {
    float: left;
    width: 100%; }
.three_col .left_col {
    float: left;
    width: 240px; }
.three_col .main_col,
.three_col .right_col {
    float: left;
    width: 240px;
    margin-left: 30px; }

.three_col h2 {
    background: none; }