/*! normalize.css v1.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0 0 0.67em 0;
}

h2 {
    font-size: 1.3em;
    margin: 0 0 0.83em 0;
    font-weight: 600;
}

h3 {
    font-size: 1.17em;
    margin: 0 0 1em 0;
}

h4 {
    font-size: 1em;
    margin: 0 0 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 0 0 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 0 0 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 0 0 1.4em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

a { text-decoration: none; }

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
table { width: 100%; }

/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 0 0 1.4em 0; padding: 0 0 0 1em; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }




/*bootstrap styling*/

input, textarea {
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input:focus, textarea:focus {
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}

input, textarea, select {
   display: inline-block;
  padding: 4px;
  font-size: .9em;
  line-height: 18px;
  color: #808080;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
    

a, a:visited
{
	color: #334F70;
}
a:hover
{
	color: #C65E00;
}














/* =============================================================================
   Primary styles
   Smallest size mobile up to 480px & global styles
   Author: 
   ========================================================================== */
   


body { 
background: url(../images/back_noise.png); 
font-family: 'Source Sans Pro', sans-serif;
}

#container
{
	padding: 9px .9%;
	margin: 0 auto;
	background: #EFECE6;
	min-width: 320px;
}

.content_col33
{
	/* on a narrow mobile device, we want these columns to stack vertically */
}

.nav_group, .nav_group_feature
{
	position: relative;
	margin: 0 0 1.4em 0;
}
.nav_group
{
	margin: 0 0 0 0;
}

.logo_header a, 
.qqqnav_second ul li, 
.nav_main ul li, 
.nav_main h1.menu_head, 
.nav_calendar, 
.nav_second, 
.nav_search,
.nav_control .ico_nav
{
	background: #2C3242;
	zoom: 1;
    filter: alpha(opacity=95);
    opacity: 0.950;
}

.logo_header
{
	width: 80%;
	float: left;
	text-align: center;
	margin: 0 0 9px 0;
}
.logo_header a.logo_site
{
	background: #2C3242 url(../images/logo_site.png) no-repeat 8% center;
	display: block;
	height: 70px;
	padding: 5px 0 0 0;
	
}

.logo_header a.logo_site:hover { background: #526E89 url(../images/logo_site.png) no-repeat 8% center; }
.logo_header a.logo_site:active { background: #1D3B5E url(../images/logo_site.png) no-repeat 8% center; }

.nav_second ul.menu,
.nav_main ul.menu
{ display: none; }

.nav_control
{
	display: block;
	width: 20%;
	float: right;
}
.header {clear:both;
}
.nav_main .meetsbs,
.nav_main .program,
.nav_main .whysbs,
.nav_main .admissions,
.nav_main .give 
{ width: 100%; 
}

.nav_second_drop
{
	display: block;
	font-size: .8em;
}
.nav_second a
{
	display: block;
	padding: 10px 0 0 0;
	color: #CADDE8;
	font-size: .8em;
	height: 20px;
}

.nav_second a:hover { background: #526E89; }
.nav_second a:active { background: #1D3B5E; }

/*.nav_main {	width: 100%; font-family: 'Signika', Arial, sans-serif; }*/
.nav_main {	width: 100%;  }
.nav_main .menu { margin: 0 0 9px 0; position: qqqrelative; top: 75px; }
.nav_main a,
.open .nav_second a 
{
	display: block;
	padding: 7px 0 7px 0;
	color: #A1DCEA;
	text-transform: uppercase;
	font-size: 90%;
	border-bottom: 1px solid #5F7FA1;
	letter-spacing: .14em;
}
.nav_main a:hover {	
	background: #526E89;
}
.open .nav_main a,
.open .nav_second a 
{
	padding: .75em 1em;
}


.nav_main a:active, h1.menu_head:active {	background: #1D3B5E; }
.nav_sec_items { border-bottom: 5px solid #5F7FA1; qqqmargin: 0 0 9px 0; }
.nav_search form { display: block; position: relative; }
.nav_search
{
	width: 69%;
	background: none;
	padding: 0;
	qqheight: 30px;
	margin: 6px 0 0 4%;
	float: left;
}

.nav_main_back
{
	display: none;
}

.nav_side
{
	background: #2C3242;
	font-weight: 600;
	padding: 4px 0;
	margin: 0 0 1.4em 0;
}
.nav_side li { border-bottom: solid 1px #485166; }
.nav_side a
{
	color: #CCD9E2;
	display: block;
	padding: 9px 3px 9px 12px ;
	font-size: .9em;
}

.nav_side a:hover
{
	background: #4A556D;
}
/**** sub navigation *******/
.page_content .menu_nav
{
	background: #84A1B7;
	font-weight: 600;
	padding: 4px 0;
	margin: 0 0 9px 0;
}
.page_content .menu_nav a
{
	color: #2C3242;
	display: block;
	padding: 9px 3px 9px 12px ;
	font-size: .9em;
}

.page_content .menu_nav a:hover
{
	background: #B4C7D3;
}

/******* Search *********/
.nav_search input.input
{
	height: 20px;
}
.nav_calendar
{
	float: right;
	qqqwidth: 40px;
	padding: 0;
	margin: 0 0 9px 0;
	qqqtext-align: center;
	width: 20%;
}
.slide_description
{
	background: #242431;
	color: #CFCFCF;
	padding: 9px;
	zoom: 1;
	filter: alpha(opacity=95);
    opacity: 0.950;
    min-height: 60px;
	display: none;
}
.descriptions
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.descriptions p
{
	margin: 0;
}

.slide_img { line-height: 0; }
.slide_img img
{
	width: 100%;
}
.slide_nav
{
	width: 200px;
	text-align: right;
	float: right;
	line-height: 1;
	height: 18px;
	margin: 0 0 8px 0;
	position: absolute;
	z-index: 5;
	right: .9%;
	bottom: 75px;
}
.slide_nav a.slide_nav_item
{
	display: inline-block;
	height: 16px;
	width: 16px;
	background: #242431;
	margin: 0 0 0 9px;
	border: 1px #C7C7C7 solid;
	text-indent: -9000px;
}
.slide_nav a.slide_nav_item:hover
{
	background: #515160;
}
.slide_nav a.active
{
	border: 3px solid #242431;
	background: #A1DCEA;
	height: 12px;
	width: 12px;
}
input.input
{
	width: 100%;
	border: 1px solid #777;
}

.video_info 
{
    display: block;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: 25%;
    width: 100%;
    font-family: 'open sans', sans-serif;
}
a.video_info, a.video_info:visited
{
	color: #f1f1f1;
}
.video_info .video_info_heading
{	
	font-size: 1.7em;
	font-weight: 200;
	margin: 0 0 1em 0;
}
.video_info .video_info_button img
{
	max-width: 40px;
}
.video_info .video_info_cta
{	
	font-size: .8em;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-weight: 600;
	margin: 1em 0;
}

.mod_news_ticker
{
	width: 100%;
    margin: 0 0 3em;
}
.mod_news_ticker h2.sec_head
{
	margin: 0 0 9px 0;	display: block;
}
.mod_news_ticker .news_title
{
	font-size: 1em;
	padding: 5px 0 0 0;
	font-weight: 600;
	margin: 0;
}
.mod_news_ticker .news_title a
{
	color: #444;
}
.mod_news_ticker .news_title a:hover { color: #C65E00; }
.mod_news_ticker .news_title a:active { color: #7A3B01; }
.mod_signup
{
	width: 100%;
	margin: 0 0 3em 0;
	position: relative;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777;
	padding: 1em 0;
	text-align: right;
}
.mod_signup form
{
	display: inline-block;
	width: 320px;
	position: relative;
}

.mod_signup input.input
{
	width: 62%;
	float: right;
	height: 16px;
}
.mod_signup label
{
	font-size: .9em;
	color: #777;
	line-height: 25px;
	text-align: right;
	width: 33%;
	float: left;
	line-height: 1.2em;
	padding: 6px 0;
	position: relative;
	top: 4px;
}
.mod_signup .mailinglist_input
{
	float: right;
	position: relative;
	width: 100%;
}
.mod_banner_3, .mod_banner_2 /*the 3 is for 3 banners in a row */
{
	margin: 0 0 3em 0;
	width: 100%;
	text-align: center;
}
.mod_banner_3 p, .mod_banner_2 p
{
 	margin: 0 1.8% 2em;
 	display: inline-block;
}
.mod_banner_3 img, .mod_banner_2 img
{
	width: 100%;
	max-width: 309px;
}


.mod_events
{
	width: 100%;
	margin: 0 0 3em 0;
}
.events_feed,
#mod_jobs_listing
{
	list-style: none;
	margin: 0 0 1.4em 0;
	padding: 0;
}
.mod_events h2.sec_head
{
	margin: 0 0 1em 0;
	display: block;
}
.events_feed li {
    border-bottom: 1px solid #777777;
    margin: 0 0 1em 0;
}
.event_date
{	
	background: #3D3D51;
	color: #FFF;
	text-transform: uppercase;
	font-size: .7em;
	letter-spacing: .09em;
	padding: 0.4em .3em 0.3em .4em;
	float: left;
    display: inline-block;
    margin: 0 1.8% 1.5em 0;
    width: 19%;
    text-align: center;
    
}
p.event_title 
{ 
	width: 75%;
	float: left;
	margin: 0 0 .5em 0;
	 
}
.mod_events a.event_title
{
	color: #444;
	padding: 1px 0;
	display: block;
}
.mod_events a.event_title:hover { color: #C65E00; }
.mod_events a.event_title:active { color: #7A3B01; }

.mod_events .moreevents { text-align: right; }

.event_listing, 
.news_listing,
.job_listing,
#mod_jobs_single
{
	border-bottom: 1px solid #E5DDCF;
	margin: 0 0 1.4em 0;
}


	/* Admission Events */
	
	.mod_events_admission .events_feed,
	.mod_events_feature .events_feed
	{
		width: 100%;
		margin: 0 0 1.4em 0;
	}
	.mod_events_admission .events_feed li {
		float: none;
		width: 100%;
		padding: 0;
		margin: 0 0 1em 0;
		border-right: none;
		min-height: 30px;
	}
	
	.mod_events_admission .event_date,
	.poster_name
	{	
		background: #CCD9E2;
		color: #444;
		text-transform: uppercase;
		font-size: .7em;
		letter-spacing: .09em;
		qqqpadding: .6em 0 .4em 0.75em;
		float: left;
		display: inline;
		margin: 0 0 .5em 0;
		width: 22%;
		text-align: center;
		font-weight: 700;
	}
	
	.mod_events_admission .event_title
	{ 
		width: 72%;
		float: left;
		margin: 0 0 .5em 3%; 
		font-weight: 700;
	}
	.mod_events_admission p
	{
		qqqfont-size: .85em;
		margin: 0;
	}
	
	/* Admission featured event */
	
	.mod_events_feature
	{
		background: #588C3A;
		color: #FFF;
		padding: 1em 1em .01em 1em;
		margin: 0 0 2.5em 0;
	}
	.mod_events_feature .event_date, #events .event_date
	{
		float: left;
		width: 20%;
		text-align: center;
		padding: 3px 0 0 0;
		line-height: 1;
		background: none;
		margin: 0;
	}
	#events .event_date
	{
		background: #CCD9E2;
		color: #333;
		width: 15%;
	}
	#events .event_info {
    float: left;
    margin: 0 0 0 3%;
    width: 75%;
}
	.mod_events_feature .event_date span,  #events .event_date span
	{
		font-size: 4em;
		font-weight: bold;
		display: block;
	}	
	.mod_events_feature .event_title
	{
		float: left;
		width: 78%;
		margin: 0 0 0 2%;
		font-size: 1.2em;
	}





.content_area
{
	background: #FFF;
	border-bottom: 2px solid #E5DDCF;
	margin: 0 0 2.5em 0;
	padding: 9px .9% 0 .9%;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  width: 100% !important;
  min-width: 200px;
}


.snippet_image img, .snippet_open img
{
	width: 100%;
}

.snippet_box, .snippet_open, .snippet_cover
{
	margin: 0 1.8% 30px 1.8%;
}
.snippet_cover .snippet_copy
{
	padding: 2% 2% 1px 11px;
}
.snippet_box > p
{
	background: #CCD9E2;
	padding: 4%;
	margin: 0;
}
.snippet_cover
{
	background: #CCD9E2;
	position: relative;
}
.snippet_cover  p
{
	margin: 0 0 1em 0;
}
.snippet_image
{
	position: relative;
	margin: 0;
}

.snippet_thumb
{
	float: left;
	width: 38.8%;
	margin: 0 4% 0 0;
}


.snippet_image > a
{
	display: block;
	line-height: 0;
}
.content_header_3up, .content_header_1up
{
	margin: 0 0 1.4em 0;
}
.content_header_3up img
{
    display: block;
    float: left;
    margin: 0 0.667%;
    padding: 0;
    width: 32%;
}
.content_header_1up img
{
    display: block;
    float: left;
    margin: 0 0.667%;
    padding: 0;
    width: 98.8%;
}


#site_footer
{
	background: #84A1B7;
	padding: 1.8% 0 1% 1.8%;
	color: #CCD9E2;
	font-size: .9em;
	text-align: center;
	
}
#site_footer .quote {  width: 100%; margin: 0 0 1em 0; position: relative; }
.logo_footer { margin: 0 0 1.3em 0; }

.footer_bug { margin: 0 .45%; }

.quote img { width: 100%; max-width: 575px; }
.nav_footer { position: relative; }
.nav_footer ul
{
	padding: 0 0 1.5em;
	position: relative;
	left: -.45%;
}
.nav_footer li
{
	display: inline;
	margin: 0 .45%;
}
.footer_legal { margin: 0 0 1.7em 0; position: relative; }
.nav_footer a.footer_link
{
	background: #5F8399;
	padding: 4px;
	color: #FFF;
}
.nav_footer a.footer_link:hover { background: #446475; }

.footer_legal span { white-space: nowrap; }

#mod_accordion, 
.mod_faq_questions 
{
    border-top: 1px solid #E5DDCF;
    list-style-type: none;
    margin: 0 0 2em;
    padding: 0;
}
#mod_accordion h3, 
.mod_faq_questions .question
{
    cursor: pointer;
}
.accordionButton, 
.mod_faq_questions .question {
    background: url(/images/sprite_accordion.png) no-repeat scroll 100% 5px rgba(0, 0, 0, 0);
    display: block;
    margin: 0;
    padding: 0.4em 0.25em 0.35em 0;
}
.mod_faq_questions .question
{
	padding: 0.6em 1.9em 0.55em 0;
}
.open .accordionButton,
.open .question
 {
    background-position: 100% -87px;
}
#mod_accordion > .listing, 
.mod_faq_questions .qa_item 
{
    border-bottom: 1px solid #E5DDCF;
    margin: 0;
    padding: 0 0.25em;
}
#mod_accordion > .listing:hover, 
#mod_accordion .open,
.mod_faq_questions .qa_item:hover,
.mod_faq_questions .open
{
	background: #EFECE6;
}
.accordionContent,
.mod_faq_questions .answer
{
    margin: 1em 0 0;
}
.question p
{
	margin: 0;
	font-weight: 700;
}
.list_resources
{
	list-style: none;
	border-top: 1px solid #E5DDCF;
	margin: 0 0 1.4em 0;
	padding: 0;
}
.list_resources li
{
	border-bottom: 1px solid #E5DDCF;
}
.list_resources li > a
{
	display: block;
	padding: .75em 0;
}

.sc_bnr { padding: 0 0 .25em 0; }

.sc_bnr .sc_title
{
    font-size: 2.3em;
    font-weight: 100;
    line-height: 1em;
    padding: 3% 3% 0 3%;
	margin: 0 0 .35em 0;
}
.sc_bnr span
{
	display: block;
    font-size: 0.5em;
    font-weight: 500;
    letter-spacing: 0.07em;
    text-transform: uppercase;
	line-height: 1;
	padding: 0 0 0 .8%;
}
.sc_bnr .sc_info
{
	padding: 3% 3% 0 3%;
	margin: 0 0 .85em 0;
	line-height: 1em;
	font-weight: 600;
	font-size: 1.2em;
	letter-spacing: .03em;
}
.sc_bnr .sc_action
{
	font-size: 1em;
 	padding: 3% 3% 0 3%;
	line-height: 1em;
	margin: 0;
}

.sc_news
{
	background: #f5c96f ; /* Old browsers */
	background: url('/images/logo_footer.png') 95% 9% no-repeat, -moz-linear-gradient(top,  #f5c96f 0%, #f2b83f 100%); /* FF3.6+ */
	background: url('/images/logo_footer.png') 95% 9% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5c96f), color-stop(100%,#f2b83f)); /* Chrome,Safari4+ */
	background: url('/images/logo_footer.png') 95% 9% no-repeat, -webkit-linear-gradient(top,  #f5c96f 0%,#f2b83f 100%); /* Chrome10+,Safari5.1+ */
	background: url('/images/logo_footer.png') 95% 9% no-repeat, -o-linear-gradient(top,  #f5c96f 0%,#f2b83f 100%); /* Opera 11.10+ */
	background: url('/images/logo_footer.png') 95% 9% no-repeat, -ms-linear-gradient(top,  #f5c96f 0%,#f2b83f 100%); /* IE10+ */
	background: url('/images/logo_footer.png') 95% 9% no-repeat, linear-gradient(to bottom,  #f5c96f 0%,#f2b83f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5c96f', endColorstr='#f2b83f',GradientType=0 ); /* IE6-9 */
}
.sc_news .sc_title { color: #555; }
.sc_news .sc_action, .sc_news .sc_action a  { color: #fff; }

.sc_open
{
	background: #2c98d3; /* Old browsers */
	background: url('/images/logo_footer.png') 95% 9% no-repeat, -moz-linear-gradient(top,  #2c98d3 0%, #0d5e91 100%); /* FF3.6+ */
	background: url('/images/logo_footer.png') 95% 9% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c98d3), color-stop(100%,#0d5e91)); /* Chrome,Safari4+ */
	background: url('/images/logo_footer.png') 95% 9% no-repeat, -webkit-linear-gradient(top,  #2c98d3 0%,#0d5e91 100%); /* Chrome10+,Safari5.1+ */
	background: url('/images/logo_footer.png') 95% 9% no-repeat, -o-linear-gradient(top,  #2c98d3 0%,#0d5e91 100%); /* Opera 11.10+ */
	background: url('/images/logo_footer.png') 95% 9% no-repeat, -ms-linear-gradient(top,  #2c98d3 0%,#0d5e91 100%); /* IE10+ */
	background: url('/images/logo_footer.png') 95% 9% no-repeat, linear-gradient(to bottom,  #2c98d3 0%,#0d5e91 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c98d3', endColorstr='#0d5e91',GradientType=0 ); /* IE6-9 */
}
.sc_open .sc_title { color: #c7dc63; }
.sc_open .sc_info { color: #fff; }
.sc_open .sc_action, .sc_open .sc_action a  { color: #c7dc63; }

/* =============================================================================
   Type & Headings - Base styles
   Positioning and exceptions defined where appropriate.
   ========================================================================== */

/*
@font-face {
	font-family: Myriad;
	src: url('MyriadPro-Regular.otf');
	

	font-family: "Myriad Semi";
	src: url('MyriadPro-Semibold.otf');
}
*/

.btn_learnmore,
.btn_learnmore:visited, 
.linklist li a, 
.linklist li a:visited {
    background: none repeat scroll 0 0 #334F70;
    color: #FFFFFF;
    font-size: 0.9em;
    padding: 3px 5px;
}

.linklist {
    list-style: none outside none;
    margin: 0 0 1.4em;
}
.linklist li {
    margin: 0 0 0.75em;
}
.nav_main h1.menu_head 
{ 
	display: block;
	font-size: 1em;
	font-weight: normal;
	color: #A1DCEA;
	text-transform: uppercase;
	padding: 20px 0; 
	text-align: center;
	margin: 0 0 9px 0;
	cursor: pointer;
}

.slide_description h2
{
	color: #abb5da;
	margin: 0;
	font-size: 1.1em;
	font-weight: 600;
	letter-spacing: .01em;
}   
h2.sec_head
{
	font-size: 1em;
	color: #abb5da;
	background: #242431;
	opacity: .9;
	display: inline-block;
	padding: 7px 9px 5px 9px;
	text-transform: uppercase;
	line-height: 1;
	margin: 0 0 1.33em;
	letter-spacing: .04em;
}  
h1.page_title
{
	color: #84A1B7;
    display: inline-block;
    letter-spacing: 0.02em;
    margin: 0.75em 0 0.5em;
    padding: 0 10px 0 0.5em;
    text-transform: uppercase;
}   
h3.news_title
{
	display: inline;
}
.news_listing h2.news_title, 
.event_listing h2.event_title,
#mod_jobs_listing h2.job_title
{
	margin: 0;
}
.introduction
{
	font-weight: 300;
	padding: 1.5% 1.5% 0 1.5%;
	font-size: 1.3em;
}
#home .introduction
{
	padding: 0 .5em;
	text-align: center;
}
.snippet_open .content_row
{
	margin: 0;
}
.snippet_image h2
{
	position: absolute;
	top: 4%;
	left: 4%;
}

.snippet_box h2, 
.snippet_open h2, 
.snippet_cover h2,
h2.cta
{
	background: #627E9E;
	color: #FFF;
	text-transform: none;
	margin: 0 0 4% 0;
	font-size: 1em;
	display: inline-block;
	padding: 7px 9px 7px 9px;
	line-height: 1;
	margin: 0 0 .9em;
}
.snippet_cover h2
{
	font-size: 1.75em;
	font-weight: 300;
	margin: 0 0 .35em 0;
}

.snippet_image h2 {
    left: 4%;
    position: absolute;
    top: 6%;
}

h2.cta { background: #C65E00; }

.notice p
{
	background: #ebba03 url(../images/icon_information.png) no-repeat 10px 17px;
	padding: 1em 0.5em 1em 2em;
	margin: 0 0 1.4em 0;
	font-weight: 600;
}
.article_date,
#mod_jobs_single .posted_date
{
	color: #777;
	margin: .5em 0;
	font-size: .9em;
}
.news_listing .article_date { margin: 0; }






.square 
{
    list-style: none outside none;
    margin: 0 0 2em;
    padding: 0;
}
.square li:before 
{
    color: #334F70;
	content: "\025AA ";    
qqqcontent: "⬛ ";
    font-size: 1.5em;
    padding: 0 3px 0 0;
    position: relative;
    top: 2px;
}
.square li 
{
    margin: 0 0 0.25em;
}

.mod_events_admission .square li
{
	margin: 0 0 1.4em 0;
}

.content_primary
{
	margin: 0 1.5% 0 1.5%;
}


.content_sub
{
	qqqfloat: left;
	qqqwidth: 25.5%;
	margin: 0 0 0 .5%;
	font-size: .9em;
	line-height: 1.55em;
}
.sideitem:last-child
{
	border: none;
}


.grade_teacher, .teachers
{
	float: left;
	width: 29.5%;
	margin: 0 2.5% 0 0;
	max-width: 150px;
	line-height: 1.33em;
}
.teachers .grade_teacher
{
	width: 100%;
}
.grade_teacher img
{
	width: 100%;
	margin: 0 0 1em 0;
}
.TeacherName
{
	font-weight: 600;
	margin: 0;
}
.TeacherTitle
{
	font-size: .8em;
	margin: 0 0 1.63em 0;
}
.TeacherEd
{
	font-size: .8em;
	font-style: italic;
}
#staff_directory .grade_teacher
{
	display:-moz-inline-stack;
	display: inline-block;
	float: none;
	vertical-align: top;
	max-width: 100%;
		width: 46%;
	margin:0 2%;
}
.lt-ie8 #staff_directory .grade_teacher {zoom:1; *display:inline;}

.contact_mailing h3,
.contact_phone h3,
.contact_contacts h3
{
	margin: 0;
}
.contact_mailing,
.contact_phone,
.contact_contacts
{
	padding: 0 0 0 3.75em;
	background: url(/images/sprite_icons.png) no-repeat 0 0;
}

.contact_mailing { background-position: -211px 0px; }
.contact_phone { background-position: -169px -40px }
.contact_contacts { background-position: -131px -76px }


.sideitem
{
	qqqborder-bottom: 1px solid #E5DDCF;
    qqqdisplay: block;
    save-margin: 0 4% 1.5em 0;
    save-padding: 0 0 0.75em;
    
	margin: 0 4% 2.25em 0;
    padding: 0 0 0.5em;

    float: left;
    max-width: 50%;
    width: 42%;
    
}
.sideitem img
{
	width: 100%;
}


.validation_success
{
	background: #94D890;
	padding: 1em 1em 0 1em;
}

.validation_error
{

}

/* Common layout elements and formatting */

.button_rt { float: right; margin: 0 0 0 9px;}
.inline { display: inline; float: left; }
.goright { float: right; }
.ontop { position: absolute; bottom: 4%; right: 4%; margin: 0;}
.content_row { margin: 0 0 3em 0; }
.pad { margin: 0 .8em 0 .8em; }
.rimage { width: 100%; } 
.align-c { text-align: center; }

.span_50 { float: left; width: 50%; }
.linkbox { cursor: pointer; }

.rvideo
{
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
    margin: 0 0 1.4em 0;
}
.remodal .feature-video
{
    qqqpadding-top: 25px; /* IE6 workaround*/
    margin: 0 auto;
    max-width: 1060px;
    qqqpadding-bottom: 56.25%;
}


.rvideo iframe,
.rvideo object,
.rvideo embed 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

   
/* =============================================================================
   Buttons and Sprites
   ========================================================================== */

.nav_main a,
.nav_second a,
.nav_side a,
h1.menu_head,
.logo_header a.logo_site,
a.btn_text_arrow
{
	-webkit-transition: background linear .1s; 
	-moz-transition: background linear .1s;
	-o-transition: background linear .1s;
	transition: background linear .1s;
}


a.btn_text_arrow
{
	font-size: .85em;
	background: #C65E00 url(../images/arrow_w_rt.png) no-repeat 93% 53%;
	padding: .4em 1.5em .4em .75em;
	display: inline-block;
	color: #fff;
}
a.btn_text_arrow:hover { background: #AA4F04 url(../images/arrow_w_rt.png) no-repeat 93% 53%; }
a.btn_text_arrow:active { background: #7A3B01 url(../images/arrow_w_rt.png) no-repeat 93% 53%; }

#searchform button
{
	border: none;
	position: absolute;
	top: 6px;
	right: -3px;
	text-indent: -999px;
	background: url(../images/btn_search.png) no-repeat 0 0;
	height: 17px;
	width: 17px;
}
.btn_go
{
	border: none;
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
	position: absolute;
	top: 1px;
	right: 1px;
	height: 24px;
	width: 35px;
	background: #C65E00;
	color: #FFF;
}
.btn_go:hover { background: #AA4F04; }
.btn_learnmore
{
	background: #334F70;
	padding: 3px 5px;
	color: #FFF;
	font-size: .9em;
}
.icon_calendar
{
	height: 30px;
	background: url(../images/icon_calendar.png) no-repeat center;
}
.nav_main .icon_calendar:hover, .nav_main .icon_calendar:active
{
	background: #526E89 url(../images/icon_calendar.png) no-repeat center;
}

.nav_control .ico_nav
{
	background: #2C3242 url(../images/ico_nav.png) no-repeat 50% 21px; 
	padding: 5px 0 0 0;
	height: 70px;
}
.ico_nav:hover
{
	background: #526E89 url(../images/ico_nav.png) no-repeat 50% 21px; 
}

.open .nav_control a
{
	background: #2C3242 url(../images/ico_nav.png) no-repeat 50% -79px
}
.open .nav_control a:hover
{
	background: #526E89 url(../images/ico_nav.png) no-repeat 50% -79px; 
}

.open .nav_calendar,
.open .nav_search
{
	display: none;
}
.open .nav_second ul.menu,
.open .nav_main ul.menu
{
	display: block;
}

 #p_sitemap .expanded { margin: .5em 0 .5em 1.25em; }  
   
 .search_results_amount,
 .search_page_path
 {
 	color: #777;
 }
#search_results
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#search_results li
{
	margin: 0 0 1.5em 0;
}
#search_results li h3,
#search_results li h4,  
#search_results li p
{
	margin: 0;
}

/*
 * jQuery Blueberry Slider v0.4 BETA
 * http://marktyrrell.com/labs/blueberry/
 *
 * Copyright (C) 2011, Mark Tyrrell <me@marktyrrell.com>
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */

 .slide_img {
	display: block;
	position: relative;
	qqqoverflow: hidden;
	margin: 0;
	padding: 0;
}
/*.slide_viewer .slides li {
	qqqposition: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
}
	*/	/*
		.slide_viewer .slides li img {
			display: block;
			width: 100%;
			max-width: none;
		}
		*/
		/*.slide_viewer .slides li.active { display: block; position: relative; }*/
		
.slide_viewer .crop li img { qqqwidth: auto; }


.slide_viewer .pager li.active a span { background: #404040; }


#slide_1, #slide_2 {
    display: none;
    position: absolute;
    width: 100%;
    qqqz-index: 20;
    	
    top: 0;
	left: 0;
	overflow: hidden;
}

/* TABLES */

table
{
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #ccc;
	margin: 0 0 1.4em 0;
}
td, th
{
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	text-align: left;
	padding: .2em;
}
thead th 
{
	background: #B4C7D3;
}
td.td_category
{
	background: #E5DDCF;
    font-size: 0.9em;
    font-weight: 600;
    letter-spacing: 0.04em;
    padding-left: 0 !important;
    text-align: center !important;
    text-transform: uppercase;
}












/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

.nav_calendar
{
	margin: 0 .9% 9px 0;
	qqqfloat: left;
	width: 14%;
	padding: 0;
}
.logo_header 
{
	width: 88%;
}
.nav_search
{
	qqqheight: 30px;
	width: 35%;
	float: left;
	qqqmargin: 0 0 9px 0;
}
.nav_search input.input
{
	height: 20px;
}
.nav_control
{
	display: block;
	width: 12%;
	float: right;
}

.slide_nav
{
	position: relative;
	bottom: 24px;
}

.slide_description
{
    min-height: 0;
}
#home .introduction
{
	padding: 0 1.5em;
}

.nav_side
{
	float: left;
	width: 29%;
	margin: 0 .9% 0 0;
}
.nav_side li { border: none; }

.video_info
{
	top: 30%;
}
.video_info .video_info_heading
{	
	font-size: 2em;
}
.video_info .video_info_cta
{	
	font-size: .9em;
}


/**** sub navigation - > 480 *******/
.page_content .menu_nav
{
	width: 100%;
	padding: 0;
}
.page_content .menu_nav a
{
	qqqpadding: 12px 13px 12px 13px;
	padding: 1em 1.2em;
}

.page_content .menu_nav a:hover
{
	background: #B4C7D3;
}

.sharing
{
	margin: 0 0 2em 0;
}
.addthis_button_facebook, 
.addthis_button_twitter, 
.addthis_button_google_plusone_share
{
	margin: 0 9px 0 0;
	padding: 0 !important;
}

#post_comment
{
	border-top: 1px solid #CCC;
	margin: 2em 0 0 0;
	padding: 2em 0 0 0;
}
.news_comment
{
	margin: 0 0 2em 0;
}
.comment_info
{
	margin: 0 0 .5em 0;
}
.poster_name
{
	width: auto;
	padding: .4em .8em;
	margin: 0 1em 0 0;
}
.post_date
{
	font-size: .9em;
	color: #777;
}

.mod_news_ticker h2.sec_head { margin: 0 9px 9px 0;	display: inline-block; float: left; }

.mod_events h2.sec_head { margin: 0 0 1.3em 0; display: inline-block; }

.mod_signup form
{
	qqqdisplay: inline-block;
	qqqwidth: 350px;

}

.events_feed li
{
 	float: left;
	width: 23.5%;
	padding: 0 .9% 0 0;
	margin: 0 .9% 1em 0;
	border-right: 1px solid #777;
	min-height: 70px;
	border-bottom: none;
}
.events_feed li:last-child { border-right: none; margin: 0; padding: 0; }

.event_date
{	
	qqqbackground: #3D3D51;
	qqqcolor: #FFF;
	qqqtext-transform: uppercase;
	qqqfont-size: .7em;
	qqqletter-spacing: .09em;
	qqqpadding: 6px 0 4px 3%;
	display: block;
	width: 97%;
	margin: 0 0 .5em 0;
	text-align: left;
}
p.event_title { width: 100%; }
.mod_banner_3 p, .mod_banner_3 div
{
 	width: 31.53%;
 	float: left;
 	padding: 0 .9%;
 	margin: 0;
}

.page_content
{
	float: right;
	width: 70%;
	margin: 0 ;
}
#staff_directory .grade_teacher
{
	width: 30%;
	margin:0 1.5%;
}

/* Form error handeling */

.form_success
{
	font-weight: 700;
	background: #CCD9E2;
	padding: 1em 1em 1px 1em;
	margin: 0 0 2em 0;
}



}/*media min 480*/















@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

.content_col25 { float: left; width: 25%; }
.content_col33 { float: left; width: 33.33%; }
.content_col50 { float: left; width: 50%; }

.vr_50
{
	background: url(../images/rule.png) repeat-y;
	background-position: 50%;
}


#container
{
	qqqwidth: 90%;
	max-width: 1040px;
	margin: 0 auto;
	background: #EFECE6;
	qqqmin-width: 800px;
	-moz-box-shadow: 0 0 10px #91A2AF;
  	-webkit-box-shadow: 0 0 10px #91A2AF;
  	box-shadow: 0 0 10px #91A2AF;
}
.page_content
{
	width: 76.8%;
}
.nav_side
{
	width: 22.3%;
}
.open .nav_calendar,
.open .nav_search
{
	display: block;
}

.logo_header,
.nav_second_group,
.nav_main
{
	position: absolute;
	z-index: 5;
}
.nav_control
{
	display: none;
}
.nav_main .meetsbs { width: 21% }
.nav_main .program { width: 21.5% }
.nav_main .whysbs { width: 20% }
.nav_main .admissions { width: 23% }
.nav_main .give { width: 14.5% }

.logo_header
{
	width: 30.3%;
	qqqwidth: 22.3%;
	float: left;
	text-align: center;
	margin: 9px 9px 0 9px;
}
.logo_header a.logo_site
{
	background: #2C3242 url(../images/logo_site.png) no-repeat center;
	display: block;
	height: 92px;
	width: 262px;
	padding: 5px 0 0 0;
}
.logo_header a.logo_site:hover { background: #526E89 url(../images/logo_site.png) no-repeat center; }
.logo_header a.logo_site:active { background: #1D3B5E url(../images/logo_site.png) no-repeat center; }

#nav-image { position: relative; }

.nav_main .menu { qqqtop: 0px; margin: 0; }

.nav_group_feature
{
	width: 100%;
	margin: 0 0 1.4em 0;
	padding: 0;
	border: none;
}
.nav_group { margin: 0 0 9px 0 }

.nav_main a { font-size: 100%; border: none; }

.nav_second
{
	display: block;
	width: 65.5%;
	min-width: 225px;
	max-width: 330px;
	margin: 0;
	float: left;
	padding: 0 8px 0 0;
}
.nav_second a
{
	display: block;
	padding: 8px 0 0 0;
	color: #CADDE8;
	font-size: .8em;
	height: 22px;
}

.nav_second li,
.nav_main li,
.page_content .menu_nav li
{
	float: left;
	text-align: center;
}
.nav_second_group
{
	float: left;
	height: 30px;
	margin: 9px 0 .9% 0;
	width: 63.5%;
	left: 280px
}
.nav_second,
.nav_calendar { qqqmargin: 0 9px 0 0; }
.nav_search { width: 20%; }

.nav_second .parents { width: 19.75% }
.nav_second .alumni { width: 19% }
.nav_second .news_events { width: 35% }
.nav_second .contactus { width: 25.75% }

.nav_second a:hover { background: #526E89; }
.nav_second a:active { background: #1D3B5E; }



.nav_main
{
	qqqfont-family: 'Montserrat', Arial, sans-serif;
	left: 280px;
	top: 48px;
	width: 61.5%;
	letter-spacing: .09em;
	text-transform: uppercase;
	float: left;
	margin: 0 0 9px 0;
	font-size: 1em;
}
/*.nav_main .menu { margin: 0 0 9px 0; }*/
.nav_main a
{
	height: 39px;
	padding: 19px 0 0 0 ;
	color: #A1DCEA;
	
	qqqfont-size: 100%;
	qqqletter-spacing: .14em;
}
.landing-page .nav_main {
	top: 9px;
}
.nav_main ul.menu,
.nav_second ul.menu
{ display: block; }


 .nav_main .current a, 
 .nav_side li.current a, 
 .nav_side li.is_parent a,  
 .nav_second .current a,
 .nav_second li.is_parent a 
 {	
	background: #84A1B7;
	color: #32323F;
}


.nav_main a:active, h1.menu_head:active {	background: #1D3B5E; }
.nav_sec_items { border-bottom: 5px solid #5F7FA1; qqqmargin: 0 0 9px 0; }
.nav_search form { display: block; position: relative; width: 91.5%; font-size: 0.85em; }
.nav_search
{
	width: 24%;
	background: #2C3242;
	padding: 4px 0 0 0;
	height: 26px;
	margin: 0;
	float: left;
}
#searchform button
{
	top: 3px;
}

.nav_search input.input
{
	height: 20px;
	background: #5D738E;
	  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.nav_main_back
{
	display: block;
	overflow: hidden;
	height: 116px;
}
.landing-page .nav_main_back
{
	height: 390px;
}

.nav_main_back img
{
	width: 100%;
	min-width: 980px;
}
#home .introduction
{
	padding: 0 4.5em;
}
.nav_side
{
	background: #2C3242;
	font-weight: 600;
	padding: 4px 0;
	float: left;
	width: 22.3%;
	margin: 0 .9% 0 0;
}
.nav_side a
{
	color: #CCD9E2;
	display: block;
	padding: 9px 3px 9px 12px ;
	font-size: .9em;
}

.nav_side a:hover
{
	background: #4A556D;
}

/**** sub navigation *******/
.page_content .menu_nav
{
	background: #84A1B7;
	font-weight: 600;
	width: 100%;
	padding: 0;
	margin: 0 0 9px 0;
	position: relative;
}
.page_content .menu_nav a
{
	color: #2C3242;
	display: block;
	padding: 1em 1em;
	font-size: .9em;
	position: relative;
}
.page_content .menu_nav .current a
{
	background: #2C3242;
	color: #CCD9E2;
}
.page_content .menu_nav .current a:after
{
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border: 9px solid transparent;
	border-top-color: #333;
	left: 50%;
	bottom: -18px;
	margin-left: -9px;
}
.page_content .menu_nav a:hover
{
	background: #B4C7D3;
}




/******* Search *********/
.nav_search input.input
{
	height: 14px;
	border: 0px;
	color: #CADDE8;
}
.nav_search input.input:focus
{
	background: #CADDE8;
	color: #2C3242;
}
.nav_calendar
{
	float: left;
	width: 60px;
	padding: 0;
	text-align: center;
	margin: 0 9px 0 9px;
}

.descriptions
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.descriptions p
{
	margin: 0;
}




.slide_viewer
{
	z-index: 0;
	width: 100%;
	min-height: 350px;
}

.slide_description
{
	position: absolute;
	min-width: 42%;
	max-width: 50%;
	padding: 9px 9px 0 9px;
	bottom: 9px;
	right: 9px;	
	min-height: 60px;
	display: none;
}
.slide_nav { 
	position: absolute; 
	qqqright: 9px;
	bottom: 80px;
}

.snippet_cover h2
{
	position: absolute;
	top: 9px;
	left: 0;
	color: #fff;
	text-transform: none;
	font-size: 2.25em;
	font-weight: 300;
	display: inline-block;
	line-height: 1;
	margin: 0 0 .9em;
	background: none;
}
.snippet_cover .btn_learnmore
{
	background: none;
	font-weight: 600;
	padding: 0;
	font-size: 1em;
}
.snippet_cover .btn_learnmore:after
{
	content: " \203A";
}
.snippet_cover .snippet_copy
{
	position: absolute;
	padding: 2% 2% 1.4em 11px;
	top: 3em;
	color: #fff;
}


.video_info 
{
    top: 44%;
}
.video_info .video_info_heading
{	
	font-size: 2.3em;
}
.video_info .video_info_button img
{
	max-width: 68px;
}
.video_info .video_info_cta
{	
	font-size: .9em;
}

/*
.snippet_image h2
{
	position: absolute;
	top: 4%;
	left: 4%;
}
*/


#main { position: relative; }

.mod_news_ticker
{
	width: 65.65%;
	float: left;
	margin: 0 0 1.4em 0;
	border: none;
	padding: 0;
}

.mod_signup
{
	display: block;
	width: 32.5%;
	float: right;
	padding: 0; 
	border: none;
}
.mod_signup form
{
	width: 100%;
}
/*
.mod_signup input.input
{
	width: 50%;

}
.mod_signup label
{
	width: 45%;	
}
*/

.mod_signup input.input
{
	width: 58%;

}
.mod_signup label
{
	width: 36%;
	padding: 0;
}

.mod_banner_3 /*the 3 is for 3 banners in a row */
{
	qqqmargin: 0 0 1.4em 0;
	width: 100%;
}
.mod_banner_3 p, .mod_banner_3 div
{
 	width: 31.53%;
 	float: left;
 	padding: 0 .9%;
 	margin: 0;
}

.mod_banner_2 /*the 2 is for 2 banners in a row */
{
	margin: 0 0 1.4em 0;
	width: 100%;
}
.mod_banner_2 p, .mod_banner_2 div
{
 	width: 41%;
 	float: left;
 	padding: 0 .9%;
 	margin: 0;
}

.events_feed
{
	margin: 0;
	width: 92%;
}

.events_feed p.event_title
{
 	qqqmargin: 0 0 .5em 0;
}
.mod_events .events_feed li:last-child { border-right: 1px solid #777; margin: 0 .9% 1em 0; padding: 0 .9% 0 0; }

.events_feed li { width: 23%; }

/*
.event_date
{	
	background: #3D3D51;
	color: #FFF;
	text-transform: uppercase;
	font-size: .7em;
	letter-spacing: .09em;
	padding: 6px 5px 4px 6px;
	display: block;
}*/
.moreevents
{
 	width: 8%;
 	float: left;
 	padding: 0;
}








#site_footer
{
	text-align: left;
}
#site_footer .quote 
{  
	float: none; 
	margin: 1.3em 0;
}
.logo_footer 
{ 	
	float: left; 
	margin: 0 .9% 1.3em 0;
	width: 6.5%; 
}
.logo_footer  img { width: 100%; max-width: 51px; }
.footer_info { float: left; width: 92.5%; }
.footer_legal p { float: left; width: 57%;  margin: 0 .9% 0 0; }

.footer_bugs { float: left; width: 42%; }

.quote img { width: 100%; max-width: 575px; }







}

/* TABLES */

@media only screen and (max-width: 768px) {

	table { border: none; }

/* Force table to not be like tables anymore */
	.tbl_information table, 
	.tbl_information thead, 
	.tbl_information tbody, 
	.tbl_information th, 
	.tbl_information td, 
	.tbl_information tr { 
		display: block; 
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.tbl_information thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.tbl_information tr { qqqborder: 1px solid #ccc; margin: 0 0 1.4em 0; }

	.tbl_information td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
	.tbl_information tr:nth-child(even)
	{
		background:#F7F3E6;
	}
	.tbl_information th 
	{ 
		border-bottom: 1px solid #eee;  
		text-align: left;
		padding: .2em .2em .2em .5em;
		background: #B4C7D3;		
	}
	
	.tbl_information td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		qqqtop: .5em;
		left: .5em;
		width: 45%; 
		padding-right: .75em; 
		white-space: nowrap;
		text-align:left;
		font-weight: 600;
	}

	/*
	Label the data
	*/
	.tbl_information td:before { content: attr(data-title); }
}


@media only screen and (min-width: 855px) {
  /* Style adjustments for viewports 855px and over go here
  	Intermediate adjustment to correct mainling list wrap on homepage & third column */





.mod_signup input.input
{
	width: 58%;

}
.mod_signup label
{
	width: 36%;
	padding: 0;
}

.content_primary {
    float: left;
    width: 70.5%;
}
.content_full
{
	width: 100%;
}

.content_sub
{
    float: left;
	width: 25.5%;
    margin: 0 0 0 0.5%;
}
.sideitem
{
	qqqborder-bottom: 1px solid #E5DDCF;
    display: block;
    padding: 0 0 0.5em;
    qqqfloat: none;
    width: 96%;
    max-width: 100%;
}


}


  
  
  
  
  
  
  
   
/* =============================================================================
   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; }
.ir br { display: none; }

/* 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; }

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after, .content_row:before, .content_row:after, .menu_nav:before, .menu_nav:after { content: ""; display: table; }
.clearfix:after, .content_row:after, .menu_nav:before, .menu_nav:after { clear: both; }
.clearfix, .content_row, .menu_nav:before, .menu_nav:after { zoom: 1; }











/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}
/*!
 * Bootstrap v2.0.4
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

.form_disclosure{
	padding:13px 14px 14px;
	height: 125px; 
	border: 1px solid #97999C; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px; 
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0 0 1em;
	font-size: .85em}


#formarea
{
	width: 100%;
	padding: 0% 0% 0;

	margin: 0 0 1em;
}

#formarea p{font-size: 14px;}


.morespace
{margin-bottom: 1.5em;}



.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.row {
  margin-left: -20px;
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
}
.row:after {
  clear: both;
}
[class*="span"] {
  float: left;
  margin-left: 20px;
}
.container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}
.span12 {
  width: 940px;
}
.span11 {
  width: 860px;
}
.span10 {
  width: 780px;
}
.span9 {
  width: 700px;
}
.span8 {
  width: 620px;
}
.span7 {
  width: 540px;
}
.span6 {
  width: 460px;
}
.span5 {
  width: 380px;
}
.span4 {
  width: 300px;
}
.span3 {
  width: 220px;
}
.span2 {
  width: 140px;
}
.span1 {
  width: 60px;
}
.offset12 {
  margin-left: 980px;
}
.offset11 {
  margin-left: 900px;
}
.offset10 {
  margin-left: 820px;
}
.offset9 {
  margin-left: 740px;
}
.offset8 {
  margin-left: 660px;
}
.offset7 {
  margin-left: 580px;
}
.offset6 {
  margin-left: 500px;
}
.offset5 {
  margin-left: 420px;
}
.offset4 {
  margin-left: 340px;
}
.offset3 {
  margin-left: 260px;
}
.offset2 {
  margin-left: 180px;
}
.offset1 {
  margin-left: 100px;
}
.row-fluid {
  width: 100%;
  *zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.127659574%;
  *margin-left: 2.0744680846382977%;
}
.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}
.row-fluid .span12 {
  width: 99.99999998999999%;
  *width: 99.94680850063828%;
}
.row-fluid .span11 {
  width: 91.489361693%;
  *width: 91.4361702036383%;
}
.row-fluid .span10 {
  width: 82.97872339599999%;
  *width: 82.92553190663828%;
}
.row-fluid .span9 {
  width: 74.468085099%;
  *width: 74.4148936096383%;
}
.row-fluid .span8 {
  width: 65.95744680199999%;
  *width: 65.90425531263828%;
}
.row-fluid .span7 {
  width: 57.446808505%;
  *width: 57.3936170156383%;
}
.row-fluid .span6 {
  width: 48.93617020799999%;
  *width: 48.88297871863829%;
}
.row-fluid .span5 {
  width: 40.425531911%;
  *width: 40.3723404216383%;
}
.row-fluid .span4 {
  width: 31.914893614%;
  *width: 31.8617021246383%;
}
.row-fluid .span3 {
  width: 23.404255317%;
  *width: 23.3510638276383%;
}
.row-fluid .span2 {
  width: 14.89361702%;
  *width: 14.8404255306383%;
}
.row-fluid .span1 {
  width: 6.382978723%;
  *width: 6.329787233638298%;
}
.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.container:before,
.container:after {
  display: table;
  content: "";
}
.container:after {
  clear: both;
}
.container-fluid {
  
  *zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: "";
}
.container-fluid:after {
  clear: both;
}
form {
  margin: 0 0 18px;
}
fieldset {
  padding: 0;
  margin: 0 0 1em;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 0em;
  font-size: 22px;

  color: #339366;
  border: 0;
}
legend small {
  font-size: 13.5px;
  color: #999999;
}
label,
input,
button,
select,
textarea {
  font-size: .9em;
  font-weight: normal;
  line-height: 18px;
}
input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
label {
  display: block;
  margin-bottom: 5px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 18px;
  padding: 4px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #555555;
}
input,
textarea {
  width: 210px;
}
textarea {
  height: auto;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
input[type="radio"],
input[type="checkbox"] {
  margin: 3px 0;
  *margin-top: 0;
  /* IE7 */

  line-height: normal;
  cursor: pointer;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}
.uneditable-textarea {
  width: auto;
  height: auto;
}
select,
input[type="file"] {
  height: 28px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 28px;
}
select {
  width: 220px;
  border: 1px solid #bbb;
}
select[multiple],
select[size] {
  height: auto;
}
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.radio,
.checkbox {
  min-height: 18px;
  padding-left: 18px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px;
}
.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}
.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
.input-mini {
  width: 60px;
}
.input-small {
  width: 90px;
}
.input-medium {
  width: 150px;
}
.input-large {
  width: 210px;
}
.input-xlarge {
  width: 270px;
}
.input-xxlarge {
  width: 530px;
}
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0;
}
.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: inline-block;
}
input,
textarea,
.uneditable-input {
  margin-left: 0;
}
input.span12, textarea.span12, .uneditable-input.span12 {
  width: 930px;
}
input.span11, textarea.span11, .uneditable-input.span11 {
  width: 850px;
}
input.span10, textarea.span10, .uneditable-input.span10 {
  width: 770px;
}
input.span9, textarea.span9, .uneditable-input.span9 {
  width: 690px;
}
input.span8, textarea.span8, .uneditable-input.span8 {
  width: 610px;
}
input.span7, textarea.span7, .uneditable-input.span7 {
  width: 530px;
}
input.span6, textarea.span6, .uneditable-input.span6 {
  width: 450px;
}
input.span5, textarea.span5, .uneditable-input.span5 {
  width: 370px;
}
input.span4, textarea.span4, .uneditable-input.span4 {
  width: 290px;
}
input.span3, textarea.span3, .uneditable-input.span3 {
  width: 210px;
}
input.span2, textarea.span2, .uneditable-input.span2 {
  width: 130px;
}
input.span1, textarea.span1, .uneditable-input.span1 {
  width: 50px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
  border-color: #ddd;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}
.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853;
}
.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853;
  border-color: #c09853;
}
.control-group.warning .checkbox:focus,
.control-group.warning .radio:focus,
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: 0 0 6px #dbc59e;
  -moz-box-shadow: 0 0 6px #dbc59e;
  box-shadow: 0 0 6px #dbc59e;
}
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}
.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48;
}
.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48;
  border-color: #b94a48;
}
.control-group.error .checkbox:focus,
.control-group.error .radio:focus,
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: 0 0 6px #d59392;
  -moz-box-shadow: 0 0 6px #d59392;
  box-shadow: 0 0 6px #d59392;
}
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}
.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}
.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
  border-color: #468847;
}
.control-group.success .checkbox:focus,
.control-group.success .radio:focus,
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: 0 0 6px #7aba7b;
  -moz-box-shadow: 0 0 6px #7aba7b;
  box-shadow: 0 0 6px #7aba7b;
}
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}
input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}
input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}
.form-actions {
  padding: 17px 20px 18px;
  margin-top: 18px;
  margin-bottom: 18px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
}
.form-actions:before,
.form-actions:after {
  display: table;
  content: "";
}
.form-actions:after {
  clear: both;
}
.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #eee;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}
:-moz-placeholder {
  color: #999999;
}
:-ms-input-placeholder {
  color: #999999;
}
::-webkit-input-placeholder {
  color: #999999;
}
.help-block,
.help-inline {
  color: #555555;
}
.help-block {
  display: block;
  margin-bottom: 9px;
}
.help-inline {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px;
}
.input-prepend,
.input-append {
  margin-bottom: 5px;
}
.input-prepend input,
.input-append input,
.input-prepend select,
.input-append select,
.input-prepend .uneditable-input,
.input-append .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: middle;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-prepend input:focus,
.input-append input:focus,
.input-prepend select:focus,
.input-append select:focus,
.input-prepend .uneditable-input:focus,
.input-append .uneditable-input:focus {
  z-index: 2;
}
.input-prepend .uneditable-input,
.input-append .uneditable-input {
  border-left-color: #ccc;
}
.input-prepend .add-on,
.input-append .add-on {
  display: inline-block;
  width: auto;
  height: 18px;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: 1px solid #ccc;
}
.input-prepend .add-on,
.input-append .add-on,
.input-prepend .btn,
.input-append .btn {
  margin-left: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.input-prepend .active,
.input-append .active {
  background-color: #a9dba9;
  border-color: #46a546;
}
.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-append .uneditable-input {
  border-right-color: #ccc;
  border-left-color: #eee;
}
.input-append .add-on:last-child,
.input-append .btn:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */

  margin-bottom: 0;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}
.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  margin-bottom: 0;
}
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}
.form-search label,
.form-inline label {
  display: inline-block;
}
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}
.control-group {
  margin-bottom: 9px;
}
legend + .control-group {
  margin-top: 18px;
  -webkit-margin-top-collapse: separate;
}
.form-horizontal .control-group {
  margin-bottom: 18px;
  *zoom: 1;
}
.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  content: "";
}
.form-horizontal .control-group:after {
  clear: both;
}
.form-horizontal .control-label {
  float: left;
  width: 140px;
  padding-top: 5px;
  text-align: right;
}
.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 160px;
  *margin-left: 0;
}
.form-horizontal .controls:first-child {
  *padding-left: 160px;
}
.form-horizontal .help-block {
  margin-top: 9px;
  margin-bottom: 0;
}
.form-horizontal .form-actions {
  padding-left: 160px;
}


/**** BUTTON STYLES *****/
.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  qqqfont-size: 13px;
  line-height: 18px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #cccccc;
  *border: 0;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.btn:active,
.btn.active {
  background-color: #cccccc \9;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -ms-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active,
.btn:active {
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-large {
  padding: 9px 14px;
  font-size: 15px;
  line-height: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn-large [class^="icon-"] {
  margin-top: 1px;
}
.btn-small {
  padding: 5px 9px;
  font-size: 11px;
  line-height: 16px;
}
.btn-small [class^="icon-"] {
  margin-top: -1px;
}
.btn-mini {
  padding: 2px 6px;
  font-size: 11px;
  line-height: 14px;
}
.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn {
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btn-primary {
  background-color: #0074cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
  background-image: -o-linear-gradient(top, #0088cc, #0055cc);
  background-image: linear-gradient(top, #0088cc, #0055cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
  border-color: #0055cc #0055cc #003580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0055cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #0055cc;
  *background-color: #004ab3;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #004099 \9;
}
.btn-warning {
  background-color: #faa732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #f89406;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #f89406;
  *background-color: #df8505;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}
.btn-danger {
  background-color: #da4f49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #bd362f;
  *background-color: #a9302a;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}
.btn-success {
  background-color: #5bb75b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #51a351;
  *background-color: #499249;
}
.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}
.btn-info {
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2f96b4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-color: #2f96b4;
  *background-color: #2a85a0;
}
.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}
.btn-inverse {
  background-color: #414141;
  background-image: -moz-linear-gradient(top, #555555, #222222);
  background-image: -ms-linear-gradient(top, #555555, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
  background-image: -webkit-linear-gradient(top, #555555, #222222);
  background-image: -o-linear-gradient(top, #555555, #222222);
  background-image: linear-gradient(top, #555555, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #222222;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  background-color: #222222;
  *background-color: #151515;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}
button.btn,
input[type="submit"].btn {
  *padding-top: 2px;
  *padding-bottom: 2px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(/images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-30px; left:0; color:#f3f3f3;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose 
        {
        border:0; 
        padding:0; 
        margin:0; 
        overflow:visible; 
        text-indent:-9999px; 
        width:27px; 
        height:27px; 
        position:absolute; 
        top:-32px; 
        background:url(/images/controls.png) no-repeat 0 0;}
        
        
        #cboxPrevious{position:absolute; top:50%; left:8px; margin-top:-35px; background:url(/images/controls.png) no-repeat top left; width:28px; height:60px; text-indent:-9999px;}
        #cboxPrevious:hover{background-color: #5f7fa1;}
        #cboxNext{position:absolute; top:50%; right:0px; margin-top:-35px; background:url(/images/controls.png) no-repeat top right; width:28px; height:60px; text-indent:-9999px;}
        #cboxNext:hover{background-color: #5f7fa1;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:7px 19px; right:44px;}
        #cboxNext{background-position:8px -30px; right:8px;}
        #cboxClose{background-position:-46px 3px; right:0;}
        #cboxClose:hover{background-color: #5f7fa1;}
        
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}