/*-----------------------------------------------------
              >> Blueprint Default CSS <<
              
This is the default Blueprint stylesheet. You're free
to modify it however you wish, or replace it entirely.              
              
-----------------------------------------------------*/

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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}


* {
  margin: 0;
}

body {
  padding: 0;
	margin:0;
	height:100%;
	width:100%;
  font-family: Helvetica, Arial, sans-serif;
	font-size: 81.25%;     
}

html>body {
	font-size:13px;
}

html, body {
	height:100%;
}

a img {
  border: none;
}

a {
  text-decoration:none;
  color:#754242;
}

a:hover {
  color:#4d2c2c;
}

p a {
  text-decoration:underline;
}

p.more {
  text-align:right;  
}

p.more a {
  font-weight:bold;
  text-decoration:none;
}

/*-----------------------------------------------------
                     >> Layout <<
-----------------------------------------------------*/
.container {
	min-width:920px;
	width:100%;
	min-height: 100%;
 	height: auto !important;
  height: 100%;
  margin: 0 0 -22em 0;
}


.masthead {
  width:920px;
	overflow:auto;
	position:relative;
}

.masthead img {
	margin:0;
}

.content {
  width:532px;
  margin-bottom:40px;
	padding-left:80px;
	margin-top:20px;
	padding-bottom:6em;
	float:left;
	overflow:visible;
}

.wide {
	width:900px;
}


.homecontent {
	float:left;
	width:540px;
	margin-bottom:0px;
	padding-left:83px;
	padding-bottom:4.5em;
	margin-top:10px;
  height:auto;
	overflow:auto;
}


.sidebar {
	position:relative;
	display:inline;
	float:left;
	margin-left:34px;
	padding:0px;
  width:226px;
  font-size:90%;
  color:#000000;
	margin-top:20px;
	margin-bottom:50px;
	overflow:auto;
}

.footer, .push {
	height: 22em;
	clear:both;
}


.footer {
	width:100%;
	height:22em; 
  border-top:2px dotted #754242;
 	background-color:#e8dfc9;
	z-index:5000;
	overflow:auto;
}

.newsitem {
	padding-bottom:30px;
}

.sitemapArea {
	width:840px;
	padding:10px 0;
	padding-left:80px;
	overflow:auto;
	clear:both;
}

.sitemapContact {
	width:150px;
	position:relative;
	float:left;
	display:inline;
	margin-right:10px;
}

.quicklinks {
	font-size:14px;
	float:right;
	width:253px;
	padding-left:7px;
	display:block;
	height:1em;
	margin-top:75px;
	margin-bottom:7px;
}

.quicklinks p {
	color:#222222;
}
.quicklinks a {
	color:#8b5452;
	text-decoration:none;
}

.quicklinks a:hover {
	color:#8b5452;
	text-decoration:underline;
}


/*-----------------------------------------------------
                  >> Navigation <<
-----------------------------------------------------*/

ul.globalNav {
  overflow:hidden;
  width:792px;
  padding:0 0 25px 80px;
	margin:0;
	margin-bottom:20px;
  list-style:none;
  font-size:100%;
}


ul.globalNav li {
	text-transform:uppercase;
	display:inline;
	font-family:Futura, "Trebuchet MS", sans-serif;
	font-size:1.1em;
}

.globalNav a {
	color:#000000;
	display:block;
	overflow:hidden;
  margin:0;	
	float:left;
  width:130px;
	margin:0;
	background:url(/static/images/nav-border.gif) bottom left repeat-x;
	padding-bottom:15px;
	padding-left:2px;
}


.globalNav a.active {
  background-color:#ffffff;
	color:#754242;
	background:url(/static/images/nav-active.gif) bottom left repeat-x;
}

.globalNav a:hover {
  background-color:#ffffff;
	color:#754242;
}

.globalNav a:active {
  background-color:#ffffff;
	color:#754242;
	background:url(/static/images/nav-hover.gif) bottom left repeat-x;
}

/*-----------------------------------------------------
                  >> Basic Typography <<
-----------------------------------------------------*/

.siteTitle {
  font-size:36px;
	padding:0;
	margin:0;
  margin-bottom:30px;
  color:#003153;
  width:100%;
	height:175px;
	background:url(/static/images/masthead.jpg) top left repeat-x;
}

.siteTitle img {
  float:left;
	padding:0;
	border:0;
}

.siteTitle span {
  float:left;
	display:none;
}


p {
  font-size:100%;
  line-height:1.385;
  margin-bottom:18px;
  margin-top:18px;
  width:90%;
}

em, i {
  font-style:italic;
}

h1 {
  font-size:1.615em;
	line-height:1.19;
  margin-top:0;
	margin-bottom:11px;
	text-transform:uppercase;

}

h1#patrons, h1#council, h1#board, h1#fellows, h1#executive, h1#editorial, h1#students {
	background:#e8dfc9;
	color:#754242;
	padding:10px;
	border-bottom:1px dotted #754242;
	margin-bottom:25px;
}

h1#patrons {
	margin-top:30px;
}

.homecontent h1 {
 margin-bottom:0.6em;  
}

h2 {
  font-size:1.385em;
  line-height:1;
	text-transform:uppercase;
  margin-top:18px;
  margin-bottom:18px;
	letter-spacing:0.1em;
}

h2.dby {
	margin-top:0.8em;
}

h3 {
  font-size: 1.231em;
  line-height: 1.125;
  margin-top:18px;  
  margin-bottom: 18px;
  text-transform: uppercase;
  font-weight:bold;
  letter-spacing: 0.1em;
}

h4 { 
  font-size:1.077em;
	line-height:1.286;
  letter-spacing: 0.1em;  
  font-weight:bold;
	text-transform:uppercase;
  margin-top:18px;    
  margin-bottom:18px;
}

h5 {
  font-size:1em;
	line-height:1.385;
  font-weight:bold;
	text-transform:uppercase;
	margin-bottom:18px; 
	margin-top:18px; 
  letter-spacing: 0.1em;  
}

h6 {
  font-size:1em;
	line-height:1.385;
  font-weight:bold;
	text-transform:uppercase;
	margin-bottom:18px; 
	margin-top:18px; 
  letter-spacing: 0.1em;
}


ul {
  padding-left: 30px;
  font-size:95%;  
  margin:18px 0 21px 0;
}

li {
  line-height:130%;
  margin-bottom:4px;
  width:70%;
}


/* This is a hack to get bullets to appear properly in IE */

@media screen {
/* offsetting the entire ul down */
* html .content ul { /* IE6 */
position: relative; 
top: .2em;
}
*:first-child+html .content ul { /* IE7 */
position: relative; 
top: .2em;
}

/* offsetting each li back up*/
* html .content ul li { /* IE6 */
vertical-align: top; 
position: relative; 
top: -1.8em;
}
*:first-child+html .content ul li { /* IE7 */
vertical-align: top; 
position: relative; 
top: -1.8em;
}

}

blockquote {
  padding:1.2em 2.0em;
}
blockquote p {
  font-size:0.9em;
	line-height:1.4;
  color:#4f4f4f;
  padding:0;
  margin:0;
/*  width:100% ! important;*/
	width:70%;
}

blockquote cite {
  font-style:italic;
  font-size:0.9em;
}


.footer p {
  font-size:12px;
	margin-left:0;
}

.footer a {
	text-decoration:none;
}


/*-----------------------------------------------------
            >> Sidebar and subnav <<
-----------------------------------------------------*/

.sidebar ul {
	padding:0px;
	margin:0;
}

.sidebar ul li {
	list-style-type:none;
	width:100%;
	line-height:1.1;
}

.sidebar li a {
	width:95%;
	font-size:130%;
	margin:0;
	font-family:futura, "Trebuchet MS", sans-serif;
	text-transform:uppercase;
	padding-bottom:10px;
	padding-left:5%;
	padding-top:5px;
	display:block;
	background:#e8dfc9;
}

.homeSide {
  margin-left:25px;
  margin-top:10px;
}

.eventPage {
	margin-left:34px;
}

.homeSide li {
	width:100%;
	padding-top:5px;
}

.homeSide li a {
	font-size:130%;
	margin:0;
	margin-top:2px;
	font-family:helvetica, arial, sans-serif;
	padding-bottom:10px;
	padding-left:2%;
	padding-top:5px;
	display:block;
	background:#e8dfc9;
	text-transform:lowercase;
	width:98%;
}

.homeSide h3 a {
  padding-top:0;
}

.sidebar li a:hover {
	background:#fef8e4;
}

.sidebar li.active a {
	background:#fef8e4;
}

.sidebar h3 {
	margin-top:0;
	font-family: Futura, "Trebuchet MS", sans-serif;
	font-size:140%;
	padding-bottom:15px;
	padding-left:5px;
	padding-top:5px;
	background:#e8dfc9;	
	font-weight:normal;
}

.sidebar h4 {
	margin-top:0;
	font-family: Futura, "Trebuchet MS", sans-serif;
	font-size:140%;
	width:95%;
	padding-bottom:15px;
	padding-left:5px;
	padding-top:5px;
}

.sidebar p {
	margin-top:0;
	width:95%;
	margin-bottom:10px;
	padding-left:5px;
	padding-top:5px;
  line-height:120%;
}

.sidebar h3 a {
/*	background:#e8dfc9;
*/}

/*-----------------------------------------------------
           >> The 'what the hell' files <<
-----------------------------------------------------*/
.float {
	overflow:auto;
	width:100%;
}

.float img {
	width:295px;
	float:left;
	display:inline;
	padding:0;
	border:0;
}

.text {
	width:220px;
	position:relative;
	float:right;
	padding:0;
	margin-top:0;
	display:inline;
}

.text p {
	padding-top:0;
	margin-top:0;
}

/*-----------------------------------------------------
            >> Some specific page styles <<
-----------------------------------------------------*/

/* news header on the home page */
h3.news {
	border-bottom:1px dotted #4d2c2c;
	background:#ffffff;
	margin-top:25px;
}

ul.news {
	margin-bottom:20px;
}
/* events header on the home page */

h3.events {
	border-bottom:1px dotted #4d2c2c;
	background:#ffffff;
	margin-top:4px;
	padding-top:0;
}

/* These are the home page elements */
.homerow {
  overflow:hidden;
  width:532px;
  margin-bottom:10px;
}

.homeproject {
  margin-bottom:0;
  width:230px;
  margin-right:30px;
  float:left;
}


.quicklinks p {
	margin-top:0;
	margin-bottom:0;
}

p.small a {
	text-decoration:none;
}

p.small a:hover {
	text-decoration:underline;
}

/*-----------------------------------------------------
                 >> Image handling <<
-----------------------------------------------------*/                     

img.portrait {
	margin-right:20px;
	margin-bottom:20px;
	width:120px;
	padding:3px;
	border: 1px solid #ccc;
}

img {
	float:left;
	margin-right:10px;
	margin-bottom:20px;
	position:relative;
	width:auto;
	padding:5px;
	border:1px dotted #ccc;
}

.personnel img {
	margin-right:20px;
	margin-bottom:20px;
	padding:3px;
	border: 1px dotted #ccc;
	position:relative;
	width:120px;
	float:left;
}

img.thumb {
	height:100px;
	float:left;
}

.captioned {
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}
.captioned blockquote {
  background:none;
  margin: 6px 0 0 0;
  padding: 0;
  border:0;
}
.captioned blockquote p {
  font-size:0.85em;
  color:#777;
  font-style:normal;
  line-height: 140%;
}
img.small, .smallCaptioned {
  float:left;
  width:100px;
  margin:0 18px 10px 0;
}
img.med, .medCaptioned {
  float:left;
  width:200px;
  margin:0 18px 10px 0;
}
img.med_right, .med_rightCaptioned {
  float:right;
  width:200px;
	margin-left:20px;
	margin-bottom:20px;
  position: relative;
  margin-right: 0px;  
}
img.large, .largeCaptioned {
  width:440px;
  margin:0;
  padding: 0;
  border: 1px dotted #ccc;
  background:#fff;  
}
.largeCaptioned {
  margin: 1.7em 0;
  border: none;
  padding: 0;
}

.medCaptioned img, 
.med_rightCaptioned img,
.smallCaptioned img,
.small_rightCaptioned img,
.largeCaptioned img {
  float:none;
  margin:0;
	padding:5px;
	border:1px dotted #ccc;
}



/*-----------------------------------------------------
                     >> Blog & News <<
-----------------------------------------------------*/

.post {
  margin-bottom:50px;
}

.date {
  font-size:90%;
  color:#000;
  padding-left:4px;
	font-weight:bold;
}

p.numberComments {
  font-size:12px;
  text-align:right;
  margin-top:25px;
  color:#003153;
}

.pagination {
  margin-top:15px;
  width:90%;
  text-align:right;
  font-size:11px;
}

.pagination ul {
  margin-top:4px;
  float:right;
  list-style:none;
  font-size:11px;
}

.pagination ul li {
  border-right:1px solid #444;
  padding:0 4px;
  float:left;
}

p.bio img {
  float:left;
  margin:0 9px 6px 0;
  border:1px solid #eee;
}


/*-----------------------------------------------------
                     >> Comments <<
-----------------------------------------------------*/

.hidePreview {
  font-size:90%;
  color:#000;
  padding-left:4px;
}

#commentPreview .date {
	font-size:90%;
  color:#000;
  padding-left:4px;
}
form.comments {
  margin-top:45px;
}

form.comments div.details {
  float:left;
  width:40%;
  padding:0;
}

.details input {
  margin:0;
  width:100%;
}

form.comments div.comment {
 float:right;
 width:54%;
}

.comment textarea {
  width:100%;
}

form.comments small {
  float:right;
  font-size:11px;
  display:block;
  margin-top:0;
}

form.comments p.submit {
  padding-top:18px;
  clear:both;
}

#commentPreview p {
  color:#003153;
}

h2.commentsHeader {
  margin-top:40px;
  font-size:16px;
  font-weight:bold;
}

div.comment {
  margin-bottom:20px;
}

div.comment p {
  margin-bottom:25px;
  color:#444;  
  font-size:13px;
  line-height:130%;  
  width:80%;
  margin-bottom:13px;
}

.commenter {
  font-size:13px;
  margin-bottom:5px;
}

.numberComments {
  margin-top:30px;
  text-transform:uppercase;
}


/*-----------------------------------------------------
                     >> Events <<
-----------------------------------------------------*/

.event {
  margin-bottom:50px;
/*	border-bottom:1px dotted #754242;*/
}



/*-----------------------------------------------------
             	>> Publications <<
-----------------------------------------------------*/
/* This is the project (ie. publications) index page */
.row {
  overflow:hidden;
  width:100%;
  margin-bottom:10px;
}

.project {
  margin-bottom:30px;
  width:160px;
  margin-right:15px;
  float:left;
}


/* publications index page (page template "publicationshome") */

.publicationrow {
  overflow:hidden;
  width:100%;
  margin-bottom:10px; 
}

.publicationproject {
  margin-bottom:30px;
  width:230px;
  margin-right:15px;
  float:left;  
	padding:0;
}

.publicationproject img {
  float:left;
  width:auto;
  height:250px;
  margin-bottom:20px;
  border:0;
	padding:0;
}

.homeproject img {
  float:left;
  width:auto;
  width:180px;
  margin-bottom:20px;
  padding:5px 0;
  border-top:1px dotted #754242;
  border-bottom:1px dotted #754242;
}

.project img {
  float:left;
  width:auto;
  margin-bottom:20px;
  border:0;
	padding:0;
}


.project p {
  font-size:90%;
  width:100%;
  line-height:135%;
  margin-top:10px;
	clear:left;
}

.project h3 {
  margin-bottom:10px;
	margin-top:10px;
}

.project img {
	float:none;
}

.publicationproject p {
  font-size:90%;
  width:100%;
  line-height:135%;
  margin-top:10px;
	clear:left;
}

.publicationproject h3 {
  margin-bottom:10px;
	margin-top:10px;
  height:4em;
}


.projectDescription {
  width:100%;
  float:left;
	overflow:auto;
}

.projectDescription img {
	width:200px;
	margin-right:20px;
	float:left;
	display:inline;
}

.portfolio div.projectDetails {

  margin:0 0 20px 0;  
  font-size:12px;
}

.portfolio div.projectText {
  margin:0;  
}

.portfolio blockquote {
  width:22%;
  float:right;
  margin:0;
  padding:0 3%;
}

.portfolio blockquote p {
  line-height:120%;  
}


/*-----------------------------------------------------
                  >> Contact Form <<
-----------------------------------------------------*/

form {
  width:90%;
  padding:0;
}

fieldset {
  padding:0;
}

label {
  display:block;
  color:#754242;
  font-size:80% ! important;
  text-transform:uppercase;
	letter-spacing:0.15em;
}

label.hide {
	display:none;
}

fieldset input {
  width:50%;
  font-size:15px;
  margin-bottom:10px;
}

fieldset textarea {
  width:80%;
  font-size:15px;
  line-height:130%;
}

p.submit {
  text-align:left;
  margin-top:10px;
  width:100%;
  overflow:hidden;
}

.submit input {
  font-size:16px;
}


/*-----------------------------------------------------
                     >> Search <<
-----------------------------------------------------*/

div.siteTitle form {
  position:relative;
  width:258px;
	padding:0;
	margin:0;
	float:right;
/*	border:1px solid red;*/
}


/*-----------------------------------------------------
                     >> Personnel <<
-----------------------------------------------------*/

.personnel ul {
	list-style-type:none;
}

.personnel {
	margin-bottom:40px;
	width:520px;
	position:relative;
/*	padding:8px;*/
	border-bottom:1px dotted #754242;
	overflow:auto;
}

.individual {
	margin-bottom:40px;
	width:520px;
	position:relative;
	overflow:auto;
}

.individual ul {
	list-style-type:none;
	font-size:125%;
/*	margin:0;*/
	padding-left:0;
}

.bio {
	position:relative;
	width:370px;
	float:left;
	margin-top:0;
}

.bio ul {
	list-style-type:none;
	font-size:120%;
/*	margin:0;*/
	padding-left:0;
}

.bio ul li {
	width:90%;
}

.bio h2 {
	margin-top:0;
}

.bio h3 {
	margin-top:0;
}

.individual h1 {
	margin-top:0;
}

.individual h2 {
	margin-top:0;
}

.individual h3 {
	margin-top:0;
}


/*-----------------------------------------------------
                     >> Links <<
-----------------------------------------------------*/

dl.links dt {
  font-weight:normal;
	font-size:100%;
}

.links dt img {
  float:left;
	display:inline;
	width:100px;
}

dl.links dd {
  margin-bottom:20px;
}

dl.links dd p {
  font-size:13px;
  margin:0;
	width:auto;
/*	float:right;*/
}

.linkRoll ul {
	padding-left:0;
	margin-top:0;
}

.linkRoll ul li {
	list-style-type:none;
	clear:left;

}

.linkRoll img {
	width:100px;
/*	border:1px solid red;*/
	float:left;
}

.linkRoll ul li div.link {
	width:auto;
/*	border:1px solid red;*/
}

/*-----------------------------------------------------
                     >> Sitemap <<
-----------------------------------------------------*/

/* contact details */

.sitemapContact p {
	width:100%;
}

.sitemapArea h5 {
	margin:0;
}

/* mailing list bit */

.sitemapMail {
	width:150px; 
	padding-right:10px;
	padding-left:10px;
	margin-right:10px;
	float:left;
	position:relative;
	display:inline;
	border-right:1px solid #ccc;
}
.sitemapMail fieldset input {
	width:100%;
}

.sitemapMail .submit input {
  font-size:12px;
	width:120px;
}

/* sitemap itself */

ul.sitemap  {
  float: left;
  width: 450px;
  overflow:hidden;
  list-style:none; 
 	margin-top:0;
	margin-bottom:0;
	padding:5px;
	font-size:95%;
}

ul.sitemap ul {
  padding:0;
	margin:0;
  list-style-type:none;
  list-style-image:none;   
}

ul.sitemap li {
  width:31%;
  float:left;
  padding-left:0px;
  margin: 0;
	padding-right:10px;
  font-weight:bold;
	line-height:110%;
}

ul.sitemap li span {
  display:block;
}

ul.sitemap li span a {
	color:#4d4d4d;
}

ul.sitemap li span a:hover {
  text-decoration: none;
  color: #222;
}

ul.sitemap ul {
  margin:8px 0 18px 0px;
}

ul.sitemap ul li {
  float:none;
  padding:0;
  margin-bottom: 2px;
  width:100%;
  font-weight:normal;  
  font-family: sans-serif;
}
.sitemap a {
  color:#754242;
}
.sitemap a:hover {
  text-decoration: underline;
}

.sitemapArea p {
	font-size:90%;
	margin-top:11px;
	margin-bottom:11px;
	display:block;
}

.sitemapArea h4 {
	margin-top:0;
}

p.copyright {
	padding-left:80px;
	margin-top:10px;
	margin-bottom:0;
}
/*-----------------------------------------------------
                     >> Mimetypes <<
-----------------------------------------------------*/

a.download {
  display:block;
  overflow:hidden;
  border:1px solid #ccc;
  margin:0;
  padding:0;
  background:#eee;
  position:relative;
  text-decoration:none;
}
a.download:hover {
  background:#e8dfc9;
}
a.download label {
  margin:20px 0 0 0;
  padding:0;
  display:block;
  line-height:140%;
  float:left;
}
a.download label span {
  font-weight:bold;
  font-size:12px;
}
a.download img {
  float:left;
  margin:0;
  padding:3px 0;
  width:64px;
  height:64px
}

/*-----------------------------------------------------
             >> Subscription table <<
-----------------------------------------------------*/

table {
	width:350px;
	border-collapse:collapse;
	margin-bottom:20px;
	margin-top:-10px;
}

table td {
	border:1px solid #000000;
	width:350px;
	padding:5px;
}

table td span {
	float:left;
}

table td form {
	float:right;
	width:80px;
	padding-top:5px;
}



/*------------------------------------------------------------------------------
>>>> Documents by year (DBY)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.dbyPost {
	float:left;
	position:relative;
	width:80%;
	overflow:auto;
}

.dbyPost span {
	display:block;
	padding-top:1em;
}
/*------------------------------------------------------------------------------
>>>> Slideshow
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

#slideshow {
	height:380px;
	overflow:hidden;
}

#slideshow div.placeholder {
  clear: both;
  width: 100%;
  overflow: hidden;
	margin:0;
	padding:0;

}
#slideshow #SS_caption {
  margin-top: 1.0em;
  font-size: 90%;
  height: 6.0em; /* You should set a height to stop the scrollbar flicker */
}
#slideshow ol li {
  display: none;
  padding: 0.1em 1.0em 0.1em 0;   
  float: left;
  cursor: pointer;
  font-size: 90%;
	margin:0;
}
#slideshow ol li a {
  padding: 0.1em 1.0em 0.1em 0; 
}
#slideshow ol li#activeThumb { /* The active marker for the slideshow */ }

#slideshow ol {
	list-style:none;
	overflow:auto;
	margin:0;
}