/* @license
 * MyFonts Webfont Build ID 2385148, 2012-10-15T16:59:51-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Clarendon by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/clarendon/clarendon/
 * Copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2385148
 * 
 * © 2012 Bitstream Inc
*/

@charset "UTF-8";
@font-face {
	 font-family: 'ClarendonBT-Roman';
	 src: url('webfonts/2464FC_0_0.eot');
	 src: url('webfonts/2464FC_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2464FC_0_0.woff') format('woff'),url('webfonts/2464FC_0_0.ttf') format('truetype');
	 font-weight: normal;
    font-style: normal;
	}

<link href='https://fonts.googleapis.com/css?family=Archivo+Narrow:400,400italic,700,700italic' rel='stylesheet' type='text/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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-family: inherit;
}
html {
	height: 100%;
}


a {
	text-decoration:none
}
img {
	margin: 0px;
	padding: 0px;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.4;
	font-size: 100%;
	height: 100%;
	margin-top: 0px;
	padding: 0px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

 
/* --------------------------------------
	Site
----------------------------------------*/

 
body {
	color: #00333f;
	text-align:left;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #333;
}
#page {
	width: 1060px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 10px;
	background-color: #ccc0a3;
	background-image: url(images/page_color.png);
	background-repeat: repeat-y;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl {
	padding: -;
	margin: 0;
}
h1, h2  { -webkit-font-weight-adjust:normal; }
h1 {
	font-family: ClarendonBT-Roman, "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 37px;
	line-height: 40px;
	font-weight: normal;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -5px;
}
h2 {
	font-family: ClarendonBT-Roman, "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 16px;
	font-weight: lighter;
	letter-spacing: .1em;
	color: #893530;
	line-height: 19.2px;
	margin: 0px;
	font-weight: lighter;
	padding-left: 5px;
	padding-top: 16px;
}
h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #696d4a;
}
#content {
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 45px;
	padding-left: 55px;
	display: block;
	width: 1000px;
}
#page #content h2 {
	margin-top: 35px;
	
}

p {
	font-size: 100%;
	line-height: 1.25;
	letter-spacing: .1em;
	margin: 0px;
	padding-top: 7px;
}

header {
	width: 312px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 0px;
	display: block;
	float: left;
}
/* ~~ Navigation :: Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a {-webkit-font-weight-adjust:normal;}


a:link {/* unvisited link */
	color: #000333f;
	text-decoration: none;
} 

a:hover {/* mouse over link */
	text-decoration: none;
	color: #000333f;}
 


a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
	color: #9e3c34;
}/* selected link */
nav {
	font-family: ClarendonBT-Roman, serif;
	font-size: 18px;
	text-align: center;
	color: #ccc0a3;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
}
 nav ul a, nav ul a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	width: 100%;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;
	color: #ccc0a3;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
}

/* BEginning of debug */
#navbar {
	padding: 0;
	height: 1em;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#navbar li {
   list-style: none;
   float: left; }
#navbar li a {
	
	background-color: #3f0500;
	border: 2px solid #00333f;
	text-align: center;
	font-weight: lighter;
	padding-left: 45px;
	padding-right: 45px;
	padding-top: 20px;
	padding-bottom: 16px;
	text-decoration: none;
	
}
#navbar li a:link {/* unvisited link */
	color: #ccc0a3;
	text-decoration: none;
} 

#navbar li a:hover {/* mouse over link */
	text-decoration: none;
	color: #ccc0a3;
	background-color: #4b545f;
}
 
#navbar li a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
	color: #9e3c34;
}
#navbar li ul {
	display: none;
	width: 250px; /* Width to help Opera out */
   }
#navbar li ul li a{
	display: inline-block;
	background-color: #756b54;
	border: 2px solid #00333f;
	padding-left: 15px;
	padding-right: 45px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-align: left;
	color: #ccc0a3;
   } 
#navbar li:hover ul, #navbar li.hover ul {
   display: block;
   position: absolute;
   margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
   padding: 0; }
#navbar li:hover li, #navbar li.hover li {
   float: none; }
#navbar li:hover li a, #navbar li.hover li a {
   color: #ccc0a3; }
#navbar li li a:hover {
   background-color: #4b545f; }
#navbar li li a:active {
   color: #9e3c34; }

/* end of debug */

#page nav p {
	margin-left: 320px;
	margin-top: 0px;
	padding: 0px;
	float: right;
	width: 500px;
}
#page #content img {
	margin-top: 10px;
	
}
article {
	
	width: 320px;
	font-size: 14px;
}
#article p {
	font-size: 36px;
	padding-left: 5px;
	padding-top: 20px;
}
#introcolumn {
	width: 550px;
	font-size: 36px;
}
#leftcolumn {
	float: left;
	width: 290px;
	padding-top: 50px;
	padding-bottom: 25px;
	clear: left;
}
#centercolumn {
	float: left;
	width: 290px;
	padding-top: 50px;
	padding-bottom: 25px;
	padding-left: 30px;
}
#rightcolumn {
	float: left;
	width: 290px;
	padding-top: 50px;
	padding-bottom: 25px;
	padding-left: 30px;
}

#biocolumn {
	float: left;
	width: 600px;
	padding-top: 50px;
	padding-bottom: 25px;
}
#picturecolumn {
	float: left;
	width: 290px;
	padding-top: 50px;
	padding-bottom: 25px;
	padding-left: 45px;
}
#onecolumn {
	float: left;
	width: 600px;
	padding-bottom: 25px;
	padding-left: 75px;
}
#staggercolumn {
	float: left;
	width: 290px;
	padding-top: 50px;
	padding-bottom: 25px;
	padding-left: 125px;
	clear: left;
}
#onecolumn p img {
	margin-left: -47px;
	margin-right: 15px;
}
aside h3 {
	font-weight: lighter;
	text-align: right;
	margin-right: 100px;
}

aside {
	width: 1060px;
	float: left;
}

#content aside h2 {
	font-size: 40px;
	height: 50px;
	margin: 150px;
	color: #602D2D;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
}

/* ~~ The footer ~~ */

footer {
	width: 1060px;
	position: relative;
	margin-top: -124px;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	height: 124px;
}
#onecolumn a, #leftcolumn a {
	color: #00333f;
}
#page footer a {
	color: #9e3c34;
}
#page footer address {
	font-style: normal;
	padding-left: 55px;
	width: 350px;
	padding-top: 35px;
	font-size: 12px;
}
.plusfontsize {
	font-size: 18px;
	font-style: normal;
	line-height: 25px;
}

.brick {
	color: #3f0500;
	
}

.redbrick {
	color: #9e3c34;
	
}
.brown {
	color: #3F0500;
	font-size: 17px;
}
.flushright {
	text-align: right;
	width: 250px;
	margin-right: 80px;
	font-size: 12px;
	clear: left;
	float: right;
	margin-top: -35px;
}


/* ~~ Miscellaneous float/clear classes ~~ */
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */

.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.NotAvailable {
	text-decoration: line-through;
}
.hide {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}

#bordered_pic{
   border-style: solid;
   border-width: 1px;
   border-color: #333333;

}

#slideshow { 
    margin: 50px auto; 
    position: relative; 
    width: 240px; 
    height: 240px; 
    padding: 10px; 
    box-shadow: 20 20 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}

.slide_img {
    position: relative;
    background-position: 50% 50%;
    background-repeat:   no-repeat;
    background-size:     cover;
    margin: auto;
    align: center;
    display: none;
    justify-content: center;
   
}