/** * * * * * * * * * * * * * * * * * * * *
 * Project:  LBJ Presidential Library
 * Version:  1.0
 * Created:  2012-03-13
 *
 * * * * * * * * * * * * * * * * * * * * * *
 *
 * HTML5 ✰ Boilerplate
 *
 * style.css contains a reset, font normalization and some base styles.
 *
 * Credit is left where credit is due.
 * Much inspiration was taken from these projects:
 * - yui.yahooapis.com/2.8.1/build/base/base.css
 * - camendesign.com/design/
 * - praegnanz.de/weblog/htmlcssjs-kickstart
 *
 * * * * * * * * * * * * * * * * * * * * * * * * 
 *
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
#bottom, #top, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
#bottom, #top, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
 */
/*body { font:13px/1.231 sans-serif; *font-size:small; }  Hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }

/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }

em {font-style: italic;}

/**
 * Minimal base styles.
 */
/* Always force a scrollbar in non-IE */
html { overflow-y: scroll; }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; word-wrap: break-word;
  padding: 15px;
  font-family: 'DejaVu Sans Mono', Menlo, Consolas, monospace;
}
textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left: -7px; } 

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* Colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
   border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }


/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink!
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
*/

/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; }

/* Make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * Primary styles
 *
 * Author:   Roger Glenn - roger@mach1media.com
 * Project:  LBJ Presidential Library
 * Released: 2012-03-13
 */

/*
==========================================
TYPOGRAPHY
==========================================
*/
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-align: center;
	font-weight: normal;
	color:#333;
	background:#002F5B;
}
a:link, a:visited { 
	color:#009AD3;
	text-decoration: none;
	outline: none;
}
a:hover, a:active { 
	color:#009AD3;
	text-decoration: underline;
	outline: none;
}

#page-title {
	font-family: 'Oswald', sans-serif;
	font-size: 26px;
	margin-top: 19px;
	margin-bottom: .50em;
	letter-spacing: .03em;
	line-height: 1.2em;
}

#page-title-italic {
	font-family: 'Oswald', sans-serif;
	font-size: 26px;
	font-style: italic;
	margin-top: 19px;
	margin-bottom: .50em;
	letter-spacing: .03em;
	line-height: 1.2em;
}

h1 {
	font-family: 'Oswald', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24px;
	line-height: 1em;
	font-weight: normal;
	margin-bottom: .75em;
	letter-spacing: .05em;
}

h2 {
	font-family: 'Oswald', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 22px;
	line-height: 1em;
	font-weight: normal;
	margin-bottom: .5em;
	letter-spacing: .04em;
}
h3 {
	font-family: 'Oswald', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 19px;
	line-height: 29px;
	font-weight: normal;
	margin-bottom: .6em;
	letter-spacing: .04em;
	}
p, blockquote {
	line-height: 1.5em;
	margin-bottom: 1.5em;
	font-weight: normal;
}
blockquote {
	font-family: Georgia, "Times New Roman", serif;
	line-height: 1.2em;
	margin: 1.5em 0;
	padding:20px;
	font-size: 16px;
}
blockquote p {
	margin-bottom: 0;
	line-height: 1.2em;
}
blockquote cite {
	display: block;
	text-indent:2em;
	line-height: 1.2em;
}
strong { font-weight: bold; }

ol {
  list-style: decimal;
  margin:0 0 1.5em 0; padding:0;
}

ul {
  list-style: disc;
  margin:0 0 1.5em 0; padding:0;
}

li {
  margin-left: 30px;
	line-height: 1.5em;
}
.oswald {
	font-family: 'Oswald', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.abel {
	font-family: 'Abel', "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.caption {
	font-size: 11px;
	color:#666;
}

/*
==========================================
GRID
==========================================
*/
/*
.grid-width {
	width: 960px;
	margin: 0 auto;
}
.column {
	float:left;
	display:inline;
	margin-right:20px;
}
.column.last,
.no-margin {
	margin-right: 0px;
}
.row {
	position: relative; display: block;
	width: 100%;
	float:left;
	overflow:visible;
	clear:both;
}
.size-1 { width: 300px; }
.size-2 { width: 620px; }
.size-3 { width: 940px; }

.clear { clear: both; }
br.clear { height: 1px; }
*/

/*
==========================================
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
==========================================
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/
body { min-width: 960px; }

/* `Container
----------------------------------------------------------------------------------------------------*/
.container_12 { margin-left: auto;
  margin-right: auto;
  width: 960px; 
}

.container_13 { margin-left: auto;
  margin-right: auto;
  width: 760px;
  height: 150px; 
}

.center {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
	height: 150px;
    background-color: #FFFFF;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 { 
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  letter-spacing: .03em;
}
.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 { 
	position: relative; 
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha { margin-left: 0; }
.omega { margin-right: 0; }


/* `Grid >> Social
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_13 { width: 157px; float: right; margin-top: 10px;}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 { width: 60px; }
.container_12 .grid_2 { width: 140px; }
.container_12 .grid_3 { width: 220px; }
.container_12 .grid_4 { width: 300px; }
.container_12 .grid_5 { width: 380px; }
.container_12 .grid_6 { width: 460px; }
.container_12 .grid_7 { width: 540px; }
.container_12 .grid_8 { width: 620px; }
.container_12 .grid_9 { width: 700px; }
.container_12 .grid_10 { width: 780px; }
.container_12 .grid_11 { width: 860px; }
.container_12 .grid_12 { width: 940px; }

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 { padding-left: 80px; }
.container_12 .prefix_2 { padding-left: 160px; }
.container_12 .prefix_3 { padding-left: 240px; }
.container_12 .prefix_4 { padding-left: 320px; }
.container_12 .prefix_5 { padding-left: 400px; }
.container_12 .prefix_6 { padding-left: 480px; }
.container_12 .prefix_7 { padding-left: 560px; }
.container_12 .prefix_8 { padding-left: 640px; }
.container_12 .prefix_9 { padding-left: 720px; }
.container_12 .prefix_10 { padding-left: 800px; }
.container_12 .prefix_11 { padding-left: 880px; }

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 { padding-right: 80px; }
.container_12 .suffix_2 { padding-right: 160px; }
.container_12 .suffix_3 { padding-right: 240px; }
.container_12 .suffix_4 { padding-right: 320px; }
.container_12 .suffix_5 { padding-right: 400px; }
.container_12 .suffix_6 { padding-right: 480px; }
.container_12 .suffix_7 { padding-right: 560px; }
.container_12 .suffix_8 { padding-right: 640px; }
.container_12 .suffix_9 { padding-right: 720px; }
.container_12 .suffix_10 { padding-right: 800px; }
.container_12 .suffix_11 { padding-right: 880px; }

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 { left: 80px; }
.container_12 .push_2 { left: 160px; }
.container_12 .push_3 { left: 240px; }
.container_12 .push_4 { left: 320px; }
.container_12 .push_5 { left: 400px; }
.container_12 .push_6 { left: 480px; }
.container_12 .push_7 { left: 560px; }
.container_12 .push_8 { left: 640px; }
.container_12 .push_9 { left: 720px; }
.container_12 .push_10 { left: 800px; }
.container_12 .push_11 { left: 880px; }

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 { left: -80px; }
.container_12 .pull_2 { left: -160px; }
.container_12 .pull_3 { left: -240px; }
.container_12 .pull_4 { left: -320px; }
.container_12 .pull_5 { left: -400px; }
.container_12 .pull_6 { left: -480px; }
.container_12 .pull_7 { left: -560px; }
.container_12 .pull_8 { left: -640px; }
.container_12 .pull_9 { left: -720px; }
.container_12 .pull_10 { left: -800px; }
.container_12 .pull_11 { left: -880px; }

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after { content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0; }
.clearfix:after,
.container_12:after { clear: both; }

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix,
.container_12 { zoom: 1; }

/*
==========================================
LAYOUT
==========================================
*/

.float_right { float:right; }
.float_left  { float:left; }
.hidden      { display: none; }
.bottom_links {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 50px; height: 150px;  /* Chrome, Safari, Opera */
    -moz-column-gap: 0px; height: 150px; /* Firefox */
    column-gap: 50px; height: 150px;
    -webkit-column-rule: 1px solid lightblue; /* Chrome, Safari, Opera */
    -moz-column-rule: 0px solid lightblue; /* Firefox */
    column-rule: 1px solid lightblue;
}

#container, #top, #masthead, #middle, #content, 
#main, #supporting, #bottom, #footer { 
	position: relative; 
}
#top, #middle, #bottom .inner { 
	clear:both; 
	text-align: left;
}
#container {
	margin: 0 auto 200px auto;
	text-align: left;
}

/* 
========================================== 
TOP 
========================================== 
*/
#top, #masthead {
	height:180px;
}
#top {
	background: #fff url(/assets/images/bg-masthead2.jpg) center 30px no-repeat;
}
body.foundation #top {
	background: #fff url(/assets/images/bg-masthead-foundation.jpg) center 30px no-repeat;
}
body.friends-of-lbj-library #top {
	background: #fff url(/assets/images/bg-masthead-friends.jpg) center 30px no-repeat;
}
body.future-forum #top {
	background: #fff url(/assets/images/bg-masthead-future-forum.jpg) center 30px no-repeat;
}
#branding {
	position: absolute; display: block;
	top:50px; left:354px;
	width:250px; height:128px;
}
#branding a {
	position: absolute; display: block;
	top:0; left:0;
	width:250px; height:128px;
	text-decoration: none;
}
#branding a span {
	position: absolute; left:-999999px;
}
#skip {
	position: absolute; left:-999999px;
}

#search-simple {
	display:block; position: absolute;
	top:5px; right:-5px;
	height:19px; width:151px;
	background: url(/assets/images/bg-search-form.gif) 0 0 no-repeat;
}
#search-simple input {
	display:block; position: absolute;
	top:0; right:0; z-index: 10;
	border: none; background: none;
	width:125px; height:16px;
	font-family: 'Abel', sans-serif;
	font-size: 12px;
	line-height: 1em;
}
#search-simple input:focus {
	outline: none;
	-moz-outline-style: none;
	-webkit-outline-style: none;
}

/*
-------------------
NAV-TOP
-------------------
*/
#nav-top {
	display:block; position: absolute;
	top:0; left:0;
	height:30px;
	font-family: 'Abel', sans-serif;
}
#nav-top ul { 
	display: block;
	position: relative;
	list-style-type: none;
	margin:0 auto; padding:0;
	height:13px;
}
#nav-top li { 
	position: relative; display: inline; float: left; margin:0;
}
#nav-top a { 
	position: relative; display: block; float: left;
	padding:0 3px 0 3px; margin:8px 0 2px 2px;
	font-size: 14.2px;
	line-height: 1em;
	color: #404040;
	border-right:2px solid #BFA255;
}
#nav-top a.last { 
	border-right:none;
}
#nav-top a:link,
#nav-top a:visited {
	text-decoration: none;
}
#nav-top a:hover,
#nav-top a:active {
	text-decoration: underline;
}
#nav-top a.photos {
	width: 70px; height:16px;
	padding:0; margin:6px 5px 0 0;
	border: none;
	background: url(/assets/images/btn-photos.png) 0 0 no-repeat;
}
#nav-top a.archives {
	width: 85px; height:16px;
	padding:0; margin:6px 0 0 0;
	border: none;
	background: url(/assets/images/btn-archives.png) top right no-repeat;
} 
#nav-top a.photos span,
#nav-top a.archives span {
	position: absolute; left:-999999px;
}

/*
-------------------
NAV-MAIN
-------------------
*/
#nav-main {
	display:block; position: absolute;
	top:-45px; left:0; z-index: 10;
	height:45px; width:100%;
	background: #002B5C url(/assets/images/bg-nav-main5.png) center top no-repeat;
}
#nav-main ul { 
	display: block;
	position: relative;
	list-style-type: none;
	margin:0 auto; padding:0 0 0 75px;
	height:45px;
}
#nav-main li { 
	position: relative; display: inline; float: left; margin:0 5px 0 0;
	height:45px;
}
#nav-main li.last {
	margin-right:0;
}
#nav-main a { 
	position: absolute; display: block;
	padding:0; margin:0;
	height:50px; width:100%;
	/* background: #ccc; */
}
#nav-main a span {
	position: absolute; left:-999999px;
}
#nav-main .lbj         { width:265px; }
#nav-main .exhibits    { width:115px;  }
#nav-main .events      { width:100px; }
#nav-main .press       { width:70px; }
#nav-main .research    { width:100px; }
#nav-main .education   { width:100px;  }

/*
Version 3
#nav-main .lbj         { width:275px; }
#nav-main .exhibits    { width:115px;  }
#nav-main .speakers    { width:140px; }
#nav-main .events      { width:85px; }
#nav-main .press       { width:70px; }
#nav-main .research    { width:100px; }
#nav-main .education   { width:140px;  }

Version 2
#nav-main .lbj         { width:225px; }
#nav-main .exhibits    { width:105px;  }
#nav-main .speakers    { width:140px; }
#nav-main .press       { width:145px; }
#nav-main .researchers { width:125px; }
#nav-main .teachers    { width:95px;  }
#nav-main .students    { width:94px;  }
*/

/*
Version 1
#nav-main .exhibits    { width:80px;  left:225px; }
#nav-main .speakers    { width:135px; left:319px; }
#nav-main .press       { width:145px; left:469px; }
#nav-main .researchers { width:117px; left:629px; }
#nav-main .teachers    { width:87px;  left:763px; }
#nav-main .students    { width:94px;  left:866px; }
*/

/*
-------------------
DROPDOWN DRAWERS
-------------------
*/
.drawer {
	display: none;
	position: absolute; top:45px; left:0; z-index: 11;
	background: url(/assets/images/bg_drawer.png) 0 0 repeat-x; /*#002f5b*/
	color:#fff;
}
.drawer .inner {
	margin: 0; padding: 0;
	position: relative;
	display: block;
}
.drawer .inner p {
	background: #002155 url(/assets/images/bg-drawer-heading.png) 0 0 repeat-y;
	line-height: 24px;
	margin: 0;
	text-align: center;
	font-family: 'Helvetica', Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: normal;
	font-size: 12px;
	clear: left;
}
#drawer_exhibits {
	left:-325px;
	width:900px;
}
.drawer.current {
	display: block;
}
.drawer h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	color:#fff;
}
.drawer ul {
	list-style-type: none;
}
#nav-main .drawer li {
	height:auto; margin-bottom:10px;
}
.drawer .item {
	position: relative; display: block; float: left; clear: both;
	margin-top:1px; margin-bottom:1px; letter-spacing: .07em;
}
.drawer .item:hover {
	background: #1a416e;
}
.drawer .item .image {
	position: relative; display: block; float:left; clear: both;
	height:50px; width:80px; margin-right:10px;
}
.drawer .item .title {
	position: relative; display: block; float:left;
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	color:#fff;
	line-height: 50px;
	height: 50px;
	width:210px;
	float: left;
}
.drawer .item a {
	height:50px;
}
.drawer .item .title a {
	width:210px; color:#fff;
}

/*
-------------------
BREADCRUMB NAV
-------------------
*/
.home #breadcrumb {
	display: none;
}
#breadcrumb {
	font-family: 'Abel', sans-serif;
	font-size: 14px;
	color:#666;
}
#breadcrumb p {
	margin-bottom: 5px;
}
#breadcrumb a:link,
#breadcrumb a:visited {
	text-decoration: none;
}


/* 
========================================== 
MIDDLE 
========================================== 
*/
#middle {
	background: #fff;
}
#content {
	margin-top:40px; padding-top:5px; padding-bottom:10px;
	margin-bottom:10px;
	background: #F1EFEB;
	-moz-box-shadow:    0 0 6px 3px #ccc;
	-webkit-box-shadow: 0 0 6px 3px #ccc;
	box-shadow:         0 0 6px 3px #ccc;
}
#content .content-pad {
	padding:20px;
}

/*
-------------------
BUCKETS
-------------------
*/
.bucket {
	background: #002F5B;
	padding: 6px;
}
.bucket .inner {
	background: #002F5B;
	padding: 6px; border: 1px solid #BFA255;
}
.bucket h3 {
	font-family: 'Oswald', sans-serif;
	font-size: 13px;
	color: #fff;
	background: #002F5B;
	letter-spacing: .1em;
	line-height: 23px;
	text-transform: uppercase;
}
.bucket .content {
	background: #fff;
	padding:5px;
	font-size: 12px;
}
.bucket .content p {
	margin-bottom: 0;
}


/* 
========================================== 
BOTTOM 
==========================================  
*/
#bottom {
	background: #fff;
}
#bottom .copyright {
	position: absolute; display: block;
	color: #BFA255;
	right: 10px; top:0;
	line-height: 45px;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .15em;
}
#footer-tag {
	position: absolute; left:-99999px;
}
#footer {
	text-align: left;
	font-family: 'Abel', sans-serif;
}
#footer .grid_2 {
	font-size: 12px;
	letter-spacing: -.01em;
}
#footer h4 {
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .08em;
}

/*  */
#twitter_box {
	position: relative; display: block;
	margin-bottom: 10px;
	border-bottom-color: #FFF;
}
#twitter_box .heading {
	position: relative; display: block;
	float: left;
	background: #FFF;
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
	border-left:1px solid #FFF;
    width: 320px;
}
#twitter_box .heading img {
	position: relative; display: block; float: left;
}
#twitter_box .heading .title {
	position: relative; display: block; float: left; font-size: 10px;
}
#twitter_box .heading {
	margin:0;
}
#twitter_box .title a {
	position: relative; display: block;
	font-size: 15px; font-weight: bold;
	color: #040404;
}
ul.tweet_list {
	list-style-type: none;
	margin:0; padding:0;
	float: left;
	border-bottom:1px solid #002F5B;
	border-right:1px solid #002F5B;
	border-left:1px solid #002F5B;
}
ul.tweet_list li {
	margin:0; padding: 0;
	position: relative;
	display: block;
	float:left;
	width: 100%;
}
ul.tweet_list li.tweet_first {
	border-top:1px solid #002F5B;
}
ul.tweet_list li.tweet_odd {
	background: #FFF;
}
ul.tweet_list li.tweet_even {
	background: #F1F8FD;
}
.tweet_avatar {
	position: relative; display: block;
	float: left;
}
.tweet_avatar img {
	margin: 5px;
}
.tweet_list li span {
	position: relative; display: block;
	float: left; width:200px; padding-left: 5px;
}

/*
-------------------
NAVIGATION
-------------------
*/
#nav-footer {
	display:block; position: relative;
	height:45px; 
	background: #002F5B;
	font-family: 'Abel', sans-serif;
}
#nav-footer ul { 
	display: block;
	position: relative;
	list-style-type: none;
	margin:0 0 0 10px; padding:0;
}
#nav-footer li { 
	position: relative; display: inline; float: left; margin:0;
}
#nav-footer a { 
	position: relative; display: block; float: left;
	padding:0 10px 0 0; margin:16px 10px 0 0;
	border-right:1px solid #BFA255;
	font-size: 13px;
	line-height: 1em;
}
#nav-footer a.last {
	border-right:none;
}
#nav-footer a:link,
#nav-footer a:visited {
	color: #efefef;
	text-decoration: none;
}
#nav-footer a:hover,
#nav-footer a:active {
	color: #ccc;
	text-decoration: underline;
}
#nav-footer > div {
	position: relative;
}

/*
-------------------
FOOTER SOCIAL LINKS
-------------------
*/
#nav-footer .social h4 {
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	text-align: left;
	padding-top: 16px;
	color:#efefef;
	letter-spacing: .08em;
}
#nav-footer .social a { 
	padding:0; margin-top: 5px;
	border-right:none;
}

/* 
========================================== 
NOTICE AREA
==========================================
*/
#notice {
	position:relative;
	display: block;
	margin:0 20px 20px 20px;
	padding:10px 10px 10px 30px;
	line-height:1.125em;
	text-align:left;
  -moz-border-radius:5px; 
	-webkit-border-radius:5px;
}
#notice a {
	color:#992227;
	text-decoration:underline;
}
#notice a:hover {
	text-decoration:none;
}
#notice.info {
	background-color:#FFEABD;
	background-image:url(/assets/icon/error.png);
	background-position: 10px 7px;
	background-repeat:no-repeat; 
	border:1px solid #FF9900;
	color: #FF6600;
}
#notice.success {
	background-color:#e1ede9;
	background-image:url(/assets/icon/tick.png);
	background-position: 10px 7px;
	background-repeat:no-repeat; 
	border:1px solid green;
	color: green;
}
#notice.error {
	background-color:#f9d3d5;
	background-image:url(/assets/icon/exclamation.png);
	background-position: 10px 7px;
	background-repeat:no-repeat; 
	border:1px solid red;
	color: red;
}
#noscript {
	margin:10px;
	padding:10px;
	text-align:left;
	background-color:#ffcfce;
	border:3px solid #c00;
}


/* 
------------------------
ORDERED/UNORDERED LISTS
------------------------
*/

/* checkmarks */
ul.checkmarks {
	list-style-type:none;
	margin-bottom:1.5em;
}

ul.checkmarks li {
	background: url(/assets/icon/tick.png) 0 1px no-repeat;
	padding-left:24px;
}

/* default ul */
ul.default {
	list-style-type:disc;
	list-style-position:outside;
	margin-bottom:1.5em;
}
ul.default li {
	margin-left:2em;
}

/* default ol */
ol.default {
	list-style-type:decimal;
	list-style-position:outside;
	margin-bottom:1.5em;
}

/* 
------------
 LIST ICONS 
------------
*/
li.key         { background: url(/assets/icon/key.png)         0 6px no-repeat; padding-left:20px; }
li.keyboard    { background: url(/assets/icon/keyboard.png)    0 6px no-repeat; padding-left:20px; }
li.link        { background: url(/assets/icon/link.png)        0 6px no-repeat; padding-left:20px; }
li.plugin      { background: url(/assets/icon/plugin.png)      0 6px no-repeat; padding-left:20px; }
li.report-edit { background: url(/assets/icon/report_edit.png) 0 6px no-repeat; padding-left:20px; }
li.report      { background: url(/assets/icon/report.png)      0 6px no-repeat; padding-left:20px; }
li.user        { background: url(/assets/icon/user_suit.png)   0 6px no-repeat; padding-left:20px; }
li.phone       { background: url(/assets/icon/phone.png)       0 6px no-repeat; padding-left:20px; }
li.map         { background: url(/assets/icon/map.png)         0 6px no-repeat; padding-left:20px; }
li.printer     { background: url(/assets/icon/printer.png)     0 6px no-repeat; padding-left:20px; }
li.email       { background: url(/assets/icon/email.png)       0 6px no-repeat; padding-left:20px; }
li.tick        { background: url(/assets/icon/tick.png)        0 6px no-repeat; padding-left:20px; }
li.magnifier   { background: url(/assets/icon/magnifier.png)   0 6px no-repeat; padding-left:20px; }
li.flag-red    { background: url(/assets/icon/flag_red.png)    0 6px no-repeat; padding-left:20px; }
li.help        { background: url(/assets/icon/help.png)        0 6px no-repeat; padding-left:20px; }
li.arrow_undo  { background: url(/assets/icon/arrow_undo.png)  0 6px no-repeat; padding-left:20px; }
li.email_go    { background: url(/assets/icon/email_go.png)    0 6px no-repeat; padding-left:20px; }
li.page_excel  { background: url(/assets/icon/page_white_excel.png) 0 6px no-repeat; padding-left:20px; }

/* 
------------
 LINK ICONS 
------------
*/
a.key         { background: url(/assets/icon/key.png)         0 2px no-repeat; padding-left:20px; }
a.keyboard    { background: url(/assets/icon/keyboard.png)    0 2px no-repeat; padding-left:20px; }
a.link        { background: url(/assets/icon/link.png)        0 2px no-repeat; padding-left:20px; }
a.plugin      { background: url(/assets/icon/plugin.png)      0 2px no-repeat; padding-left:20px; }
a.report-edit { background: url(/assets/icon/report_edit.png) 0 2px no-repeat; padding-left:20px; }
a.report      { background: url(/assets/icon/report.png)      0 2px no-repeat; padding-left:20px; }
a.user        { background: url(/assets/icon/user_suit.png)   0 2px no-repeat; padding-left:20px; }
a.phone       { background: url(/assets/icon/phone.png)       0 2px no-repeat; padding-left:20px; }
a.map         { background: url(/assets/icon/map.png)         0 2px no-repeat; padding-left:20px; }
a.printer     { background: url(/assets/icon/printer.png)     0 2px no-repeat; padding-left:20px; }
a.email       { background: url(/assets/icon/email.png)       0 2px no-repeat; padding-left:20px; }
a.tick        { background: url(/assets/icon/tick.png)        0 2px no-repeat; padding-left:20px; }
a.magnifier   { background: url(/assets/icon/magnifier.png)   0 2px no-repeat; padding-left:20px; }
a.help        { background: url(/assets/icon/help.png)        0 2px no-repeat; padding-left:20px; }

.video-screenshot {
	position: relative;
	display: block;
}
.video-screenshot .btn-play {
	position: absolute;
	display: block;
	width:100%;
	height:100%;
	top:0; left:0;
	background: url(/assets/images/btn-play.png) center center no-repeat;
}
.video-screenshot .btn-play span {
	position: absolute; left:-99999px;
}

/*
==========================================
FORMS
==========================================
*/
fieldset {
  border:0;
  margin:0;
  padding:0;
}
fieldset h2 {
	background: #efefef; line-height: 30px; text-indent: 10px;
}
legend {
  color:#2F0033;
  padding:2px;
  margin:0;
}
label {
  display:block;
  margin-bottom: 5px;
  color:#999;
}
label.required {
	color:#666;
}
label.required,
form p.required,
label.error {
  font-weight: bold;
}
label.error {
  color: red;
}
.form_row {
	padding:5px 0;
	margin-bottom:10px;
	clear:both;
	float:left;
}
.form_row.column {
	clear: none;
	margin-right:20px;
}
.form_row.size-1 {
	width:260px;
}

/* form elements */
select,
input.tiny,
input.sm,
input.med,
input.lg,
input.xl,
input.xxl,
input.date,
input.search,
textarea.sm,
textarea.med,
textarea.lg,
textarea.xl,
input.browse,
input.text-field,
textarea.text-area {
  /* margin: -.5em 0 1.5em 0; */
  margin:0;
  padding: .5em;
	font-size: 1em;
	line-height: 1.2em;
	font-family: Arial, sans-serif;
  color:#444;
  background:#fff;
	border:1px solid #bbb;
  -moz-border-radius:5px; 
	-webkit-border-radius:5px;
	box-shadow: 1px 1px 2px #ddd;
	-moz-box-shadow: 1px 1px 2px #ddd;
	-webkit-box-shadow: 1px 1px 2px #ddd;
}
option {
	font-size: 1em;
}
.form_row.error input,
.form_row.error select,
.form_row.error textarea {
	border:1px solid red;
	box-shadow: 1px 1px 8px #f5bcbd;
	-moz-box-shadow: 1px 1px 8px #f5bcbd;
	-webkit-box-shadow: 1px 1px 8px #f5bcbd;
}
.form_row .caption {
	font-size: 11px;
	font-weight: normal;
	color:#aaa;
}
.date-field { position: relative; float:left;}
.date-field img.ui-datepicker-trigger {
	position:absolute;
	top:3px;
	left:100px;
}

/*
select { padding: 0; }
*/
input.text-field 	{ width:350px; }
input.tiny   			{ width:30px; }
input.sm     			{ width:50px; }
input.med    			{ width:180px; }
input.lg     			{ width:250px; }
input.xl     			{ width:380px; }
input.xxl    			{ width:500px; }
input.date   			{ width:85px; }
input.search 			{ width:200px; padding:0 2px; }
textarea.sm  			{ width:400px; height:75px;  overflow:auto; }
textarea.med 			{ width:400px; height:100px;  overflow:auto; }
textarea.lg  			{ width:380px; height:150px; overflow:auto; }
textarea.xl  			{ width:400px; height:250px; overflow:auto; }
textarea.text-area { width:400px; height:100px; overflow:auto; }
select.med   			{ width:180px; }
select.lg    			{ width:250px; }
select.tall  			{ height:100px; }

.field-focus {
	border:1px solid #f7853e !important;
	box-shadow: 1px 1px 8px #ffc393;
	-moz-box-shadow: 1px 1px 8px #ffc393;
	-webkit-box-shadow: 1px 1px 8px #ffc393;
}

input.btn_primary {
  font-weight: bold;
}
input.btn_secondary {
  font-weight: normal;
}
input.browse {
  font-size: 1em;
}
select.fixed-width {
  font-family:courier;
}
input.checkbox {
  vertical-align:middle;
}
input.radio,
input.radio-button {
  vertical-align:-3px;
}
select,
select.drop-down,
select.switchbox {
  font-size:1em;
  vertical-align:middle;
}
select.batch_actions {
  margin:0;
  height:30px;
}

#contact_signup {
	float:left; width:300px;
}
#home.contact .form_row {
	margin-bottom: 5px;
}
#home.contact form label {
	font-size: 13px; color:rgb(41, 171, 226); font-weight: bold; padding-left:10px;
}


/* buttons
-------------------------------------*/
.action-bar {
	position: relative;
	display: block;
	width: auto;
	min-height: 30px; line-height: 30px;
	/*margin-left:210px;*/
	padding:5px 0;
}
#supporting .action-bar {
	margin-left:0;
}
#login .action-bar {
	margin-left:0;
}
button,
a.button,
input.button {
	display: block;
	position: relative;
	height: 30px;
	line-height: 30px;
	overflow:hidden;
	outline: none;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#666;
	padding: 0 10px 0 7px;
	text-align: left;
	text-decoration: none;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	box-shadow: 1px 1px 2px #ddd;
	-moz-box-shadow: 1px 1px 2px #ddd;
	-webkit-box-shadow: 1px 1px 2px #ddd;
	border:1px solid #bbb;
	background: #efefef; /* url(/assets/images/siteadmin/button_bg_default.jpg) 0 0 repeat-x; */
}
#supporting-top-buttons a.button.big.new {
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color:green;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;
	-moz-border-radius:8px; 
	-webkit-border-radius:8px;
	box-shadow: 1px 1px 2px #a2d59b;
	-moz-box-shadow: 1px 1px 2px #a2d59b;
	-webkit-box-shadow: 1px 1px 2px #a2d59b;
	border:1px solid #4ead47;
	background: #efefef url(/images/siteadmin/button_bg_green.jpg) 0 0 repeat-x;
}
button:hover,
a.button:hover,
input.button:hover,
#supporting-top-buttons a.button.big.new:hover {
	cursor: pointer;
	color:green;
	border:1px solid #4ead47;
	box-shadow: 1px 1px 8px #a2d59b;
	-moz-box-shadow: 1px 1px 8px #a2d59b;
	-webkit-box-shadow: 1px 1px 8px #a2d59b;
}
.processing {
	display: block;
	position: relative;
	height: 30px;
	line-height: 30px;
	padding: 0;
	overflow:hidden;
	background: url(/images/siteadmin/processing.gif) center center no-repeat;
	clear:both;
}
.processing span {
	position: absolute;
	top:0;
	left:-99999px;
}
button span {
	padding-left:20px;
	background: url(/icon/accept.png) 0 0 no-repeat;
}
button span.search {
	background: url(/icon/magnifier.png) 0 0 no-repeat;
}

#btn-submit button,
.action-cancel {
	position: relative; display: inline;
	float: left;
}
.action-cancel {
	padding:0 10px;
}


/* 
---------------
NEWSLETTER SUBSCRIBE FOOTER 
---------------
*/
#footer-subscribe input {
	float: left;
	margin-right:10px;
}


/* 
---------------
DATA TABLES 
---------------
*/

/* list */
table.list th {
	text-align: left;
}
table.list td.single {
	text-align: center;
}

/* striped */
table.striped thead tr,
table.striped thead tr td { 
	background-color: #000; color: #FFF; 
}
table.striped tr.even,
table.striped tr.even td { 
	background-color: #DDE0E3; 
}
table.striped tr.odd,
table.striped tr.odd td { 
	background-color: #FFEF9F; 
}
table.striped tr.highlight,
table.striped tr.highlight td,
table.striped tr.highlight.selected,
table.striped tr.highlight.selected td { 
	background-color: #FFFADE; 
}
table.striped tr.selected,
table.striped tr.selected td,
table.striped td.selected { 
	background-color: #E7FCE7;
}

/*models*/
table.striped.models {
	line-height:23px;
	font-weight: normal;
}
table.striped.models thead,
table.striped.models tbody {
	width:100%;
}
table.striped.models th,
table.striped.models td {
	padding:0 5px;
	font-weight: normal;
}
table.striped.models tbody th {
	font-weight: bold;
}
table.striped.models thead tr,
table.striped.models thead tr td { 
	background-color: #999; color: #FFF; 
	font-weight: normal;
	text-align: left;
}
table.striped.models tr.even,
table.striped.models tr.even td { 
	background-color: #FCFCFC;
}
table.striped.models tr.odd,
table.striped.models tr.odd td { 
	background-color: #F7F7F7; 
}

/*attributes*/
table.striped.attributes {
	line-height:23px;
}
table.striped.attributes thead,
table.striped.attributes tbody {
	width:100%;
}
table.striped.attributes th,
table.striped.attributes td {
	padding:0 5px;
	font-weight: normal;
}
table.striped.attributes th {
	font-weight: bold;
	text-align: left;
}
table.striped.attributes thead tr,
table.striped.attributes thead tr td { 
	background-color: #666; color: #efefef; 
	font-weight: normal;
	text-align: left;
}
table.striped.attributes tr.even,
table.striped.attributes tr.even td { 
	background-color: #FFFEDF;
}
table.striped.attributes tr.odd,
table.striped.attributes tr.odd td { 
	background-color: #FFFD83; 
}
table.striped.attributes td .val,
table.striped.attributes td .unit {
	position: relative;
	display: block;
	width:90px;
	float:left;
}
table.striped.attributes td .val {
	padding-right:5px;
	text-align: right;
}



/* 
================================
HOMEPAGE 
================================
*/
#slideshow {
	position: relative; display: block; height: 325px; top: 0; margin: 5px auto 30px auto; padding: 0; z-index: 8; text-align: center;
	background:url(/assets/images/bg-hero.png) 10px 0 no-repeat;
}
/* #slideshow #slider {position: relative; height: 400px; overflow: hidden; } */
#slideshow #slides {position: absolute; top:0; left:0; display: block; height: 315px; }
#slideshow .slide {display:none; position: absolute; top:0; left:0; height: 315px; }
#slideshow .slide a {position: absolute; top:0; left:0; height: 315px; width:940px; z-index: 9;}
#slideshow .slide a:link,
#slideshow .slide a:visited,
#slideshow .slide a:hover,
#slideshow .slide a:active {
	text-decoration: none;
	outline: none;
}

#slideshow .slide .title {
	display:block; position: absolute; 
	top: 20px; left: 0;
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	font-size: 24px;
	letter-spacing: .1em;
	height: 59px;
	line-height: 59px;
	text-transform: uppercase;
	text-align: left;
	color: #EFEFEF;
	background: url(/assets/images/bg_hero_title.png) top right no-repeat;
	text-shadow: #000 2px 2px 4px;
}
#slideshow .slide .title span {
	padding:0 30px 0 15px;
}
/*
#slideshow .slide .caption {
	display:block; position: absolute; 
	bottom:0; left:0;
	padding:20px; margin:0;
	width:920px;
	font-size: 18px; 
	font-weight: normal; 
	line-height: 20px; 
	color: #fff;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.6);
}
*/
#slideshow .backward,
#slideshow .forward {
	position: absolute;
	display: none;
	top:0; left:9px;
	width:69px;
	height:314px;
	z-index: 10;
	background: url(/assets/images/bg-hero-prev.png) top right no-repeat;
	cursor: pointer;
}
#slideshow .backward span,
#slideshow .forward span {
	position: absolute;
	left:-99999px;
}
#slideshow .forward {
	left: auto;
	right:10px;
	background: url(/assets/images/bg-hero-next.png) top right no-repeat;
}
#slideshow_tabs {
	position: absolute; z-index: 10;
	display: block;
	left:10px;
	bottom:20px;
	width:940px;
	height:12px;
	text-align: center;
	overflow: hidden;
}
#slideshow_tabs ul {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 0;
	height:12px;
	width:auto;
	text-align: center;
	clear:left;
	float:left;
	list-style-type: none;
	left:50%;
}
#slideshow_tabs li {
	position: relative;
	display: block;
	float: left;
	right:50%;
	margin: 0 5px; padding:0;
	height:12px;
	width:12px;
}
#slideshow_tabs a {
    width:12px;
    height:12px;
    margin:0;
    background:url(/assets/images/sprite-hero-tabs.png) 0 -12px no-repeat;
    display:block;
    float: left;
}
#slideshow_tabs a:hover {
    background-position:0 0;
}
#slideshow_tabs a.current {
    background-position:0 0;
}


/* 
================================
LISTING PAGES 
================================
*/
#content .entry {
	position: relative; display: block; width: 100%;
	float: left; clear: both;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}
#content .entry .image,
#content .entry .description {
	position: relative; float: left;
}
#content .entry .image {
	width:180px;
}
#content .entry .description {
	width:440px;
}
#content .entry .date {
	font-size: 12px; margin-bottom: 5px; color: #ccc;
}

/* 
================================
TIMELINE 
================================
*/
#timeline {
	clear: both;
	padding-top: 20px;
}
#timeline .item {
	clear:both; margin-bottom:20px; float: left;
	min-height: 500px;
	padding-top: 20px;
}
#timeline .item.item-2 .image {
	float: right;
}
#timeline .item .description h3 {
	border-bottom: 1px solid #ccc;
	line-height: 1.5em;
}
#radio {
	position: relative;
	display: block;
	width:960px;
	height:150px;
	background: url(/assets/images/radio-bg2.jpg) 0 0 no-repeat;
}
/* ORIGINAL DIAL WITH NUMBERS FROM 10-90
#radio .tabs {
	position: absolute;
	top:15px;
	left:278px;
	width:512px;
	height:132px;
}
#radio .backward,
#radio .forward {
	position: absolute;
	display: block;
	top: 37px;
	left:225px;
	width:30px;
	height:30px;
	cursor: pointer;
}
#radio .forward {
	left:825px;
}
*/
#radio .tabs {
	position: absolute;
	top:15px;
	left:340px;
	width:388px;
	height:132px;
}
#radio .tab {
	position: relative;
	display: block;
	float: left;
	width:19px;
	height:132px;
	background: url(/assets/images/radio-needle.png) 132px 0 no-repeat;
	margin-left: -3px;
}
#radio .tab:hover {
	background-position: -19px 0;
}
#radio .tab.current {
	background-position: 0 0;
}
#radio .tab span {
	position: absolute;
	left:-999999px;
} 
#radio #knob {
	position: absolute;
	display: block;
	width:110px;
	height:113px;
	top:20px;
	left:60px;
	background: url(/assets/images/radio-knob.png) 0 0 no-repeat;
}
#radio #knob .knob {
	position: absolute;
	display: block;
	width:88px;
	height:88px;
	top:4px;left:10px;
}
#radio #knob .knob .top {
	position: absolute;
	display: block;
	width:88px;
	height:88px;
	top:0;left:0;
	background: url(/assets/images/radio-knob-notch-turned.png) 0 0 no-repeat;
}
#radio .backward,
#radio .forward {
	position: absolute;
	display: block;
	top: 37px;
	left:267px;
	width:30px;
	height:30px;
	cursor: pointer;
}
#radio .forward {
	left:773px;
}
#radio .backward span,
#radio .forward span {
	position: absolute;
	left:-999999px
}

#slider {
	position: absolute;
	display: block;
	top: 120px;
	left: 60px;
	text-align: center;
	font-size: 11px;
	color:#333;
}
#slider_input {
	width:110px;
}
#needle {
	position: absolute;
	display: block;
	width:19px;
	height:132px;
	background: url(/assets/images/radio-needle.png) 0 0 no-repeat;
}

/*
================================
EXHIBIT PAGES
================================
*/
.exhibit_thumb {
	position: relative; display: block;
	float:left;
	width:150px; margin-bottom: 10px;
}

/* 
================================
CONTENT ITEMS 
================================
*/
#content .items {
	position: relative; float: left;
	padding:0 70px;
}
#content .items .item {
	clear:both; float: left;
	margin:0 10px 20px 10px; 
	padding:10px 10px 10px 0;
	background:#fff;
	-moz-box-shadow:    0 0 3px 3px #ddd;
	-webkit-box-shadow: 0 0 3px 3px #ddd;
	box-shadow:         0 0 3px 3px #ddd;
}
#content .items .item .description p {
	margin-bottom: 0;
}

/* PERSPECTIVES AND ESSAYS */
.perspectives-and-essays #content .items .item .description {
	width: 460px;
	float: left;
}

/*
================================
STATIC PAGES
================================
*/
#content .items.static-page .item {
	padding:10px 80px;
}
#content .items.static-page .item .main_image {
	margin-left:-70px;
}

div.main-sixty {

}

div.sixty {
	background:#FFF;
	padding-left: 50px;
	padding-right: 50px;
}

/*
================================
RIGHT-RAIL PAGES
================================
*/
#content .items.right-rail {
	padding: 0;
}
#content .items.right-rail > .grid_8 {
	width:640px;
}
#content .items.right-rail .item {
	padding:10px;
}
#content .items.right-rail .item .main_image {
	margin-left:auto;
}

.featured_item {
	position: relative; display: block;
	clear: both;
	/*
	padding-top:10px;
	margin-top:10px;
	border-top: 1px solid #efefef;
	*/
}
.featured_item.first {
	padding-top:0;
	margin-top:0;
	border-top: none;
}
.featured_item h3 {
	margin-bottom: 5px;
	line-height: 1.4em;
	letter-spacing: .02em;
}
/*
.featured_item .image img {
	margin-bottom: 10px;
}
*/


/*
-------------------------------
BUCKETS
-------------------------------
*/
.bucket .inner h3 a {
	float: right;
	font-family: "Helvetica", Arial, sans-serif;
	font-size: 11px;
}
.bucket .inner ul li {
	margin-left:20px;
}
.bucket .inner ul.nav {
	list-style-type: none;
	margin:0; padding:0;
}
.bucket .inner ul.nav li {
	margin:0; padding: 0;
	position: relative;
	display: block;
	width: 100%;
}
ul.striped li.even {
	background: #F1F8FD;
}
ul.nav blockquote {
	font-family: inherit;
	line-height: inherit;
	margin: inherit;
	padding: 10px;
	font-size: inherit;
	font-style: italic;
}
.bucket .content ul.nav blockquote p {
	margin-bottom:10px;
}

/*
================================
NEWS, PRESS RELEASE, EVENT ARTICLES
================================
*/
.grid_8 .item,
.grid_8 .item.article {
	min-width:600px;
}
.grid_8 .item.article h1 {
	margin-bottom: 5px;
}
.grid_8 .item.article h2 {
	font-size: 24px;
}
.grid_8 .item.article h3 {
	font-size: 18px;
}
p.date {
	font-size: 12px;
	color:#666;
}

/*
================================
ACCORDION PAGES
================================
*/
#accordion {
	position: relative; display: block;
	width: 100%;
}

/* accordion header */
#accordion h2 {
	position: relative; display: block;
	width: 580px;
	font-size: 16px;
	margin-top:0;
	padding:5px 10px;
	background: #efefef;
	cursor:pointer;
}

/* currently active header */
#accordion h2.current {
	cursor:default;
}

/* accordion pane */
#accordion .pane {
	display:none;
}

/*
================================
LEFT RAIL PAGES
================================
*/
.left_rail {
	position: relative; display: block;
	width:210px;
	float: left;
}
.left_rail .image {
	margin-bottom: 10px;
}

/*
================================
STAFF PAGE
================================
*/
.staff.member {
	text-align: center;
	margin-bottom: 20px;
}



/*
================================
ON THIS DAY CALENDAR
================================
*/


body.on-this-day #breadcrumb {
	margin-bottom: 20px;
}
body.on-this-day #content h2 {
	margin-bottom: 25px;
}

/*
body.on-this-day #content h3 {
	color:#555;
}
body.on-this-day #content .item {
	position: relative;
	display: block;
	width: 100%;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}
body.on-this-day #content .item .thumbnail {
	position: absolute;
	display: block;
	top:20px;
	left:0;
	width: 160px;
}
body.on-this-day #content .item .description {
	position: relative;
	display: block;
	width: auto;
	min-height: 100px;
	padding-left: 180px;
}
body.on-this-day .otd_btn {
	position: relative;
	display: block;
	width: 90%;
	margin-bottom: 5px;
	padding: 5px 10px;
	background: #F1F8FD;
}
*/
/*
.calendarBG {
 background-color: #000; 
}
*/
table.otd th,
table.otd td {
	height: 30px;
	vertical-align: middle;
}
.calendarHeader { 
 font-weight: bold; 
 color: #efefef; 
 text-align: center;
 background-color: #002F5B; 
}

.calendarMonthLinks {
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #efefef;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #efefef;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #efefef;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #fff;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold; 
 font-size:	11px;
 color: #efefef; 
 background-color: #663300; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#F1F8FD;
}

.calendarCell,
.calendarBlank {
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}
.calendarBlank {
 background-color:  transparent;
 font-weight: normal;
}

.calendarCell a {
/*
 color:             #000;
 text-decoration:   underline;
*/
 background-color:  transparent;
}
  
.calendarCell a:visited {
/*
 color:             #000;
 text-decoration:   underline;
*/
 background-color:  transparent;
}

.calendarCell a:hover {
/*
 color:             #fff;
 text-decoration:   none;
*/
 background-color:  transparent;
}


/**
 * PrettyPhoto descriptions
 */
div.dark_rounded .pp_description {
	float: left;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 * Non-semantic helper classes: please define your styles before this section.
 */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }


/**
 * Media queries for responsive design.
 *
 * These follow after primary styles so they will successfully override.
 */

/* Handheld */
@media screen and (max-device-width: 480px) {
	body {
		background:#fff;
	}
	blockquote {
		padding:20px 50px;
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-style: italic;
	}
}