/* @group notes */

/* ================================================

This stylesheet is best edited using CSSedit. With CSSedit, all the of the @groups will be viewable as folders in the left column. It makes things MUCH easier to read and manage.

Naming conventions:
Dashes denote folder structure. For example, "header" is inside "page structure," so we call it "-header". "Nav" is inside "-header", so we call it "--nav." This should make the stylesheet easier to navigate, even without CSSedit.

================================================ */ 

/* @end */

/* @group base */

/* @group -development */

/* Un-comment for easy testing */
/* 
* { outline: 2px dotted red !important }
* * { outline: 2px dotted green !important }
* * * { outline: 2px dotted orange !important }
* * * * { outline: 2px dotted blue !important }
* * * * * { outline: 1px solid red !important }
* * * * * * { outline: 1px solid green !important }
* * * * * * * { outline: 1px solid orange !important }
* * * * * * * * { outline: 1px solid blue !important }
*/

.dev-note {
  padding: 5px 5px 5px 10px;
  font-family: Arial, Helvetica;
  font-size: 12px;
  margin: 30px 10px 10px;
  color: #fff;
  line-height: 16px;
  background: #222;
  text-align: left !important;
}
.dev-note strong {
  background: #000;
  color: #ecffaa;
  padding: 0 7px;
}
.dev-note ul {
  list-style-type: disc;
}
.dev-note ul li {
  background-image: none;
  padding: 0;
}

/*.dev-note { display: none; }*/
/* @end */

/* @group -reset */
/* This area resets many existing styles that browsers have, and makes the whole stylesheet easier to work with */

*{margin:0; padding:0}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .btn{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
a img, frameset{border:0}
q:before, q:after{content:""}
q{quotes:"" ""}

q:before, q:after{content:""}
q{quotes:"" ""}
a img{border:none}
iframe{margin: 10px 0}

/* @end */

/* @group -utility */
/* Utility styles, like clearfix, that are useful and re-useable */

a img, frameset{border:0}
.clearfix:after, .col:after, .row:after, .wrap-outer:after, #contactform .wrap-inner:after, form:after, form .form-field:after, form .form-field .multi-field:after, form .wide-label:after, #content:after, .list-events:after, #content .home-wrap-inner:after, .list-big:after, #list-gallery:after, .section-email:after  {content:".";display:block;height:0;clear:both;visibility:hidden}
.clear{clear:both}
.left{float:left !important}
.text_left{text-align:left !important}
img.left, a.left img{margin:0 16px 16px 0}
.right{float:right !important}
.text_right{text-align:right !important}
img.right, a.right img{margin:0 0 16px 16px}
img.border { border: 1px solid #6e6e6e;}
.hide{display:none}
.small, small{font-size:.833em;margin-bottom:1.875em;line-height:1.875em}
.large{font-size:1.1666em;line-height:2.5em;margin-bottom:1.25em}
.skip-nav, .you-are-here{display:none}
.intro { font-size: 1.416em; /* 17px */ }
.info { border: 1px solid #c7cccd; background-color: #e8eeef; padding: 15px; margin: 0 0 15px 0}
.caption { font-size: .833em; /* 10px, if parent is 12px */ margin: 10px 0 0 0}
.highlight { color: #cb262d; }
img.frame { padding: 5px; background-color: #fff; }
.margin-bottom { margin-bottom: 2em; }
.noborder{ border: none !important; }
.nobg { background-image: none !important;}
.nomargin { margin: 0 !important;}

/* @end */

/* @group -fonts */

body, textarea {
  font-family: Verdana, Tahoma, Helvetica, Arial, sans serif;
}
h1, h2, h3, .section .header h3, #intro-about h3, .section .header h4, #footer .vcard, .section-awards p, .intro, .event .fn, .list-events .figure abbr, #intro-headers, .list-big-item .title, #header .thanks, .slideshow .header, #gallery-thumbs li, .header-image-slide .header h4, #intro-about h3, #contact-about h3, blockquote {
  font-family: Baskerville, Baskerville Old Face, Bookman Old Style, Garamond, Hoefler Text, Constantia, Caliston MT, Palatino, Palatino Linotype, Book Antiqua, Georgia, Times, serif;
  font-weight: normal;
}

/* @end */

/* @group -sprites */

#contactform button, .btn-go, #callout-contact .btn-tellus, .slideshow-nav, .header-image-nav, ul.intro-slide-notes li { 
  background: transparent url(/images/struct/sprite-buttons.png) 0 0 no-repeat; }
#contactform, .slideshow .header, #aside .slideshow .header, .list-big-item .header, #gallery-thumbs .header, .list-events abbr, #gallery-thumbs .header  {
  background: transparent 0 0 no-repeat url(/images/struct/sprite-frames.png);
}
.list-gallery .header {
  background: transparent 0 0 no-repeat url(/images/struct/sprite-gallery.png);
}

/* @end */

/* @group -headers */
h4, h5, h6 {
  font-weight: 700;
  margin-bottom: 0;
  color: #60626a;
}
h1, h2, h3, .section .header h3, .section .header h4 { 
  margin: 0 0 0.2em 0;
  font-weight: 300;
}
h1 {
  font-size: 4.166em; /* 50px */
  color: #60626a;
  line-height: 1em;
}
h2 {
  font-size: 2.5em; /* 30px */
}
h3 {
  font-size: 1.833em; /* 22px */
}
h4 {
  font-size: 1.083em; /* 14px */
}
.section .header h3, .section .header h4 {
  font-weight: 100;
  font-size: 22px;
}
.section .introHome {
  margin-top: 15px;
}
#article h3, #article h4 {
  color: #4b5c7d;
}
#aside .section .header h3, #aside .section .header h4, #intro-about h3 {
  font-size: 17px;
  margin: 0;
}
#aside .section .header {
  margin: 0 0 9px 0;
  padding: 5px 0 7px 0;
}
h5 {
  font-size: 1em;
  font-weight: 700;
}
h6 {
  font-size: 1em; /* 12px */
}
/* @end */

/* @group -links */
/* There are the standard colors and styles for links */

a{color:#972c28;text-decoration:none}
a:focus, a:hover{color:#b73b37;text-decoration:underline}
a:active{color:#b73b37}

/* This line reduces the weird "dotted-border" issue Phark produces in Firefox */
a[class], a[id]{outline:none}

/* @end */

/* @group -tables */

table{border-collapse:separate;border-spacing:0}
caption, th, td{text-align:left;font-weight:normal}
table, td, th{vertical-align:middle}
table.data{
  margin-bottom:1.5em;
  width:100%;
  border-top: 1px solid #D1D1D1;
  border-right: 1px solid #EAEAEA;
  border-left: 1px solid #EAEAEA; 
}
.data th, .data td{ 
  border-bottom: 1px solid #D1D1D1;
  padding: 3px;
  border-right: 1px solid #EAEAEA;
  border-left: 1px solid #EAEAEA;  
}
.data th{
  background: #EAEAEA;
  font-weight: 700;
}
.data caption{ display: none; }

/* @end */

/* @group -lists */
ul {
  margin: 15px 0 15px 30px;
  position: relative;
}
ol {
  margin: 15px 0 15px 30px;
}
ul li {
  position: relative;
}
li {
  margin: 0 0 5px 0;
}
dl{margin:0 0 1.5em 0}
dl dt{font-weight:bold}
dd{margin-left:1.5em}
/* @end */

/* @group -text markup */
p{margin:0 0 .75em}
p img{margin:0.5em 0 }
p img.right{float:right;margin:0 0 1.5em 1.5em}
p.center{ text-align: center; }
strong{font-weight:bold}
em, dfn{font-style:italic}
dfn{font-weight:bold}
sup, sub{line-height:0}
abbr, acronym{letter-spacing:0.1em}
pre, code{margin:1.5em 0;white-space:pre}
pre, code, tt{font:1em 'andale mono', 'lucida console', monospace;line-height:1.5}
blockquote {
  font-size: 1.3em;
  padding: 0 30px;
  color: #707070;
  margin:5px 0 15px 0;
}
blockquote.testimonial {
  font-size: 1.85em;
  line-height: 1.5em;
}
p.cite {
  color: #707070;
  font-style: italic;
  margin: -10px 25px 20px 25px;
  text-indent: 0;
}

/* @end */

/* @group -hrs */

hr, div.hr{color:#FFF;clear:both;float:none;width:100%;height:1px;margin:15px 0;border:none;background: transparent; border-bottom: 1px solid #d1d1d1;border-collapse: collapse;line-height: 1px;overflow: hidden;}
hr.hr-tall, div.hr-tall {
  margin: 25px 0;
}
div.hr hr{display:none}
hr.invisible, div.invisible{height: 1px;margin: 12px 0;background: none;}

/* Place this style on an HR and images will flow over it naturally */
hr.no-clear{ clear: none !important; }

.col-aside hr, .col-aside div.hr { margin: 15px 0; }

h1.hr, h2.hr, h3.hr, h4.hr, h5.hr, h6.hr, p.hr, ul.hr, ol.hr, dl.hr, blockquote.hr {
  border-top: 1px solid #d1d1d1;
  margin-top: 15px;
  padding-top: 15px;
}

/* @end */

/* @group -forms */

select { display: block; width: 100%; }
input.text {padding:6px 5px; font-size: 12px;}
textarea{height:250px;padding:5px;font-size: 12px;}
input.radio { margin: 0 5px 0 0;}
label { font-weight: 700}
form { z-index: 1; }
form fieldset { border: none; margin: 0; padding: 0; }
form label em, form .label em { color: #cb2929; font-style: normal; }
form .text {
  border: 0px;
  background: url(/images/struct/bg-text.png) 0 0 no-repeat;
  display: block;
  height: 21px;
  padding: 5px 0 5px 5px;
  font-size: 12px;
  line-height: 21px;
}
form .text-wrap {
  background: url(/images/struct/bg-text-wrap.png) top right no-repeat;
  display: block;
  height: 31px;
  padding-right: 4px;
  overflow: hidden;
}
form .text-wrap-select {
  background: none;
  display: block;
  height: 31px;
  padding-right: 4px;
  overflow: hidden;
}
form textarea.text {
  background: url(/images/struct/bg-textarea.png) 0 0 no-repeat;
  display: block;
  height: 100px;
  padding: 5px 0 5px 5px;
  float: left;
}
form .textarea-wrap {
  background: url(/images/struct/bg-textarea-wrap.png) top right no-repeat;
  display: block;
  padding-right: 4px;
  height: 110px;
}
form .focus {
  background-position: -31px right;
}
form .focus .text {
  background-position: -31px left;
} 
form .focus textarea.text {
  background-position: bottom left;
} 

/* @end */

/* @end */


/* @group structure */

/* Here's where we set the basics of the site: The body, wrappers, title div, and etc */
body{
  font-size:75%;
  color: #373737;
  text-align: center;
  line-height: 1.6667; /* 20px */
  background: #3c4b68 url(/images/struct/bg-body.jpg) center top repeat-y;
}
#header .wrap-inner, #content, #contactform, #footer .wrap-inner{
  width: 960px;
  margin: 0 auto;
  text-align: left;
}
body.no-background #header .wrap-inner,  body.no-background #content, body.no-background #contactform, body.no-background #footer .wrap-inner{
  width: 560px !important;
}
body.no-background #header, body.no-background #footer, body.no-background .page-header, body.no-background #header .wrap-inner  {
  background:none !important;
}
body.no-background #content{
  background:#fff !important;
}
body.no-background{
  background:#3C4B68 !important;
}
body.no-background .buttons{
  text-align:center;
}


/* @group -basic layout */

#content {
	z-index: 50;
	position: relative;
	background: #fff url(/images/struct/bg-content.jpg) top center repeat-y;
}
#article {
  width: 650px;
  padding: 20px 20px 20px 40px;
  float: left;
}
#aside {
  float: right;
  width: 240px;
  padding: 69px 0 0 0;
}
.home-wrap-inner #aside, #aside.aside-nopad {
  padding: 6px 0 20px 0;
}
/* @end */

/* @group -layout variations */



/* @end */

/* @group -sections */

.section {
  margin: 0 0 25px 0;
}
.section .header {
  margin-bottom: 15px;
}
.section .header h3, .section .header h4 {
  margin: 0;
}
#aside .section {
  padding: 0 25px 0 25px;
  margin-bottom: 35px;
}

/* @end */

/* @group -header */

#header {
  height: 84px;
  background: #3c4b68 url(/images/struct/bg-header-footer.jpg) top center no-repeat;
  z-index: 100;
  position: relative;
  z-index: 100;
}
#header .wrap-inner {
  position: relative;
  height: 86px;
  background: url(/images/struct/sprite-curves.png) -960px 84px no-repeat;
}
#logo {
  margin: 0;
}
#logo a{
	background: url(/images/struct/nav.png) -740px 0 no-repeat;
	outline:none;
	width: 160px;
	height: 84px;
	position: relative;
	display: block;
}
#logo a img{
	position: absolute;
	left: -9999px;
}
#newsubt {
  position: absolute;
  z-index: 100;
  font-size: 12px;
  color: #ffffDE;
  height: 16px;
  left: 206px;
  top: 50px;
  width: 740px;
}
#newsubt a {
  color: #ffffDE;
}
#subtitle {
  background: url(/images/struct/nav.png) bottom left no-repeat;
  line-height: 1px;
  position: absolute;
  z-index: 100;
  height: 16px;
  left: 196px;
  top: 50px;
  width: 740px;
}
#subtitle span, h2#subtitle a{
  text-indent: -9999px;
  display: block;
}
#subtitle a {
  height: 13px;
  position: absolute;
}
#subtitle a:hover {
  border-bottom: 1px solid #adb7c7;
  cursor: pointer;
}
#link-dc {
  left: 517px;
  width: 118px;
}
#link-baltimore {
  left: 657px;
  width: 71px;
}

/* @group --thanks */

#header .thanks {
  width: 790px;
  position: absolute;
  left: 60px;
  top: 145px;
  font-size: ;
  padding: 15px;
  background-color: #34425c;
  color: #fff;
  border: 10px solid #2b364a;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size:1.6em;
  line-height:1.5em;
}
#header .thanks img, #header .thanks iframe{
  position: absolute;
  left: -9999px;
}

/* @end */


/* @group --nav */

#nav {
  width: 740px;
  height: 29px;
  left: 196px;
  margin: 0;
  top: 16px;
  position: absolute;
  background: url(/images/struct/nav.png) 0 0 no-repeat;
}
#nav li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: left;
}
#nav a {
  display: block;
  height: 29px;
  text-indent: -9999px;
  background: url(/images/struct/nav.png) 0 0 no-repeat;
}
#nav #nav-eventservices { width: 163px; }
#nav #nav-eventservices:hover { background-position: 0 -29px; }
#nav .cur #nav-eventservices { background-position: 0 -58px; }
#nav #nav-gallery { width: 99px; background-position: -163px 0px; }
#nav #nav-gallery:hover { background-position: -163px -29px; }
#nav .cur #nav-gallery { background-position: -163px -58px; }
#nav #nav-clients { width: 95px; background-position: -262px 0px; }
#nav #nav-clients:hover { background-position: -262px -29px; }
#nav .cur #nav-clients { background-position: -262px -58px; }
#nav #nav-locations { width: 128px; background-position: -357px 0px; }
#nav #nav-locations:hover { background-position: -357px -29px; }
#nav .cur #nav-locations { background-position: -357px -58px; }
#nav #nav-aboutus { width: 117px; background-position: -485px 0px; }
#nav #nav-aboutus:hover { background-position: -485px -29px; }
#nav .cur #nav-aboutus { background-position: -485px -58px; }
#nav #nav-contactus { width: 138px; background-position: -602px 0px; }
#nav #nav-contactus:hover { background-position: -602px -29px; }
#nav .cur #nav-contactus { background-position: -602px -58px; }

/* @end */

/* @end */

/* @group -footer */

#footer {
  color: #fff;
  background: #3c4b68 url(/images/struct/bg-header-footer.jpg) center -84px no-repeat;
}

#footer .section {
  width: 280px;
  padding: 0 20px;
  float: left;
  text-align: left;
}
#footer a{
  text-decoration: underline;
  color: #d1a25a;
}
#footer a:hover {
  text-decoration: none;
}
#footer .section a span.flourish {
  text-indent: -9999px;
  overflow: hidden;
  display: inline-block;
  width: 15px;
  height: 8px;
  background: transparent url(/images/struct/sprite-details.png) 0px -50px no-repeat;
}
#footer small, #footer small a {
  color: #7c91b6;
}
#footer small a:hover {
  color: #93a9d1;
}
#footer #footer-hd-more-about {
  text-indent: -9999px;
  background: url(/images/struct/sprite-curves.png) 0 0 no-repeat;
  position: relative;
  top: -2px;
}

.section-woman p {
  padding: 0 10px;
}
.section-awards p {
  /*font-size: 1.333em;*/
  line-height: 1.5em;
  text-align: center;
  margin-bottom: 18px;
  padding: 0 0 11px 0;
  background: transparent url(/images/struct/bg-footer-intro.jpg) bottom center no-repeat;
}
.section-affiliations .paragraph-inner, .section-awards .paragraph-inner {
  display: block;
  background: transparent url(/images/struct/bg-footer-intro.jpg) top center no-repeat;
  padding: 20px 20px 10px;
  font-family: Verdana, sans-serif;
}
#footer .section-affiliations {
  width: 300px;
  padding-right: 0;
}
#footer h4 {
  text-align: center;
  text-transform: uppercase;
  text-indent: -9999px;
  height: 15px;
  margin: 0 0 18px 0;
  background: transparent url(/images/struct/hd-footer.png) 0 0 no-repeat;
}

h4#footer-hd-woman-owned {

}
h4#footer-hd-awards {
  background-position: -280px 0;
}
h4#footer-hd-affiliations {
  background-position: -560px 0;
}

/* @group --awards */

.section-awards ul {
  margin: 0;
  list-style-type: none;
}
.section-awards li {
  background: transparent url(/images/struct/sprite-details.png) 7px -45px no-repeat;
  padding: 0 10px 10px 30px;
  margin: 0;
}

/* @end */

/* @group --affiliations */
#list-affils {
  margin: 0;
  height: 250px;
  background: transparent url(/images/struct/bg-divider.png) -1000px 0 repeat-y;
}
#list-affils li {
  list-style-type: none;
  z-index: 1;
  float: left;
}
#list-affils a {
  display: block;
  height: 60px;
  margin: 0 0 20px 0;
  float: left;
  position: relative;
  text-decoration: underline;
  font-size: 0.8333em; /* 10px */
}
#list-affils a:hover, #list-affils a {
  color: #373737;
  text-decoration: none;
}
#list-affils a, #list-affils .figure {
  width: 80px;
  background-image: url(/images/struct/sprite-logo.png);
}
#list-affils span {
  display: none;
  background-color: #fff;
}

a#affil-dmc { background-position: 0 0; width: 140px; }
a#affil-bacva { background-position: -140px 0; }
a#affil-destdc { background-position: -220px 0; width: 60px;}
a#affil-site { background-position: 0 -60px; width: 60px;}
a#affil-pcma { background-position: -60px -60px; }
a#affil-mpi { background-position: -140px -60px; }
a#affil-ises { background-position: -220px -60px; width: 60px;}
a#affil-adme { background-position: 0 -120px; width: 60px; margin: 0;}
a#affil-wbenc { background-position: -60px -120px; margin: 0;}
a#affil-nwboc { background-position: -140px -120px; margin: 0;}
a#affil-sesma { background-position: -220px -120px; width: 60px; margin: 0;}
a#affil-dudmc { background-position: -60px -180px; width: 80px; }
a#affil-ficp { background-position: -140px -180px; width: 80px; }

a#affil-dmc .figure { background-position: -300px 0; width: 140px; }
a#affil-bacva .figure { background-position: -440px 0; }
a#affil-destdc .figure { background-position: -520px 0; width: 60px;}
a#affil-site .figure { background-position: -300px -60px; width: 60px;}
a#affil-pcma .figure { background-position: -360px -60px; }
a#affil-mpi .figure { background-position: -440px -60px; }
a#affil-ises .figure { background-position: -520px -60px; width: 60px;}
a#affil-adme .figure { background-position: -300px -120px; width: 60px; margin: 0;}
a#affil-wbenc .figure { background-position: -360px -120px; margin: 0;}
a#affil-nwboc .figure { background-position: -440px -120px; margin: 0;}
a#affil-sesma .figure { background-position: -520px -120px; width: 60px; margin: 0;}
a#affil-dudmc .figure { background-position: -360px -180px; width: 80px; }
a#affil-ficp .figure { background-position: -440px -180px; width: 80px; }

#list-affils li:hover {
  z-index: 100;
}
#list-affils li a .affil-wrap {
  width: 160px;
  height: 40px;
  position: absolute;
  top: 0;
  left: -180px;
  padding: 10px 10px 10px 10px;
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
}
#list-affils li a:hover .affil-wrap {
  display: block;
}
#list-affils li a .figure {
  position: absolute;
  top: 0;
  left: 0px;
  height: 40px;
  padding: 10px 0 10px 0;
  text-indent: -9999px;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
}
#list-affils li a:hover .figure {
  display: block;
}
#list-affils li a#affil-destdc .figure, #list-affils li a#affil-ises .figure, #list-affils li a#affil-sesma .figure { padding-right: 10px; }
/* @group --footer-sub */

#footer .vcard {
  font-size: 1.333em;
}
#footer .vcard a {
  color: #fff;
}
#footer-sub {
  text-align: center;
  clear: both;
  background: url(/images/struct/bg-divider.png) 15px 0 no-repeat;
  padding: 25px 0 20px;
}
#footer-sub-empty {
  text-align: center;
  clear: both;
  padding: 25px 0 20px;
}
#footer-sub .vcard {
  margin-bottom: 7px;
}
#footer-sub .vcard span {
  padding-left: 15px;
  background: url(/images/struct/sprite-details.png) 0 4px no-repeat;
}
#footer-sub .vcard span.fn, #footer-sub .vcard span span {
  background-image: none;
  padding: 0;
}
#footer-sub small a {
  padding-left: 4px
}

/* @end */


/* @end */

/* @end */

/* @end */

/* @group contact form */

#contactform {
  background: #e8eeef url(/images/struct/bg-contactform.jpg) bottom center no-repeat;
}
#contactform .wrap-inner {
  background: transparent url(/images/struct/bg-contactform-wrap-inner.png) top center no-repeat;
  padding: 28px 0 25px;
}
#contactform #callout-tellus {
  width: 160px;
  position: relative;
  left: -2px;
  height: 220px;
  float: left;
  text-indent: -9999px;
  background: transparent url(/images/struct/bg-callout-tellus.png) 0 0 no-repeat;
}

/* @group -form */
#contact_form h4 {
  text-indent: -9999px;
  height: 15px;
  margin: 10px 0 12px;
  background: url(/images/struct/hd-contactform.png) 0 0 no-repeat;
}
#contact_form #event-info {
  background-position: -600px 0;
}
#contactform form {
  display: block;
  width: 500px;
  float: left;
  color: #60626a;
  padding: 0 30px 0 30px;
  font-size: 0.833em;
  background: url(/images/struct/bg-contactform-divider.png) 558px 0 repeat-y;
}
#contactform form.no-border { background: none; }
#contactform row + h4 {
  margin-top: 20px;
}
#contactform fieldset {
  margin-bottom: 15px;
}
#contactform label {
  display: block;
  width: 235px;
  float: left;
  margin-top: 1px;
}
#contactform label.additional {
  clear: both;
}
#contactform .buttons {
  clear: both;
  padding: 10px 0;
}
#contactform .label {
  font-weight: 700;
  margin: 5px 0 5px;
  display: block;
}
#contactform label .text {
  width: 229px;
}
#contactform label .input-wrap {
  margin-top: 4px;
}
#contactform  label.checklist {
  width: 140px;
  float: left;
  display: block;
  font-weight: 300;
  height: 20px;
  padding-left: 20px;
}
#contactform label .checkbox {
  float: left;
  margin: 0 0 0 -20px;
}
#contactform label textarea.text {
  width: 484px;
}
#contactform .updates {
  font-weight: 300;
  padding-left: 20px;
}
#contactform .row {
  margin: 0 0 5px 0;
}
#contactform .textarea-wrap {
  width: 488px;
}
#contactform button {
  width: 217px;
  height: 46px;
  text-indent: -9999px;
  cursor: pointer;
  border: 0px;
  background-position: -250px 0;
}
#contactform button:hover {
  background-position: -250px -50px;
}
/* @end */


/* @group -contact-about */
#contact-about h3 {
  font-size: 18px;
  text-align: center;
  padding: 0 0 5px 20px;
}
#contact-about .hr {
  background: transparent url(/images/struct/bg-contactform-divider.png) 0 -1000px no-repeat;
  height: 3px;
  margin: 20px 0 20px 15px;
  border: 0px;
}
#contact-about a {
  color: #60626a;
  display: block;
  padding: 5px 0 0 25px;
}
#contact-about li a {
  padding: 0;
}
#contact-about .slideshow-wrap {
  margin-left: 20px;
}
#contact-about {
  width: 205px;
  float: left;
  padding: 0 20px 0 0;
  text-align: center;
}
#contact_info {
  text-align: left;
  padding: 0 30px;
}
#contact_info a {
  padding: 0;
  color: #8d2627;
}
#contact_info h4 {
  color: #455879;
}
/* @end */

/* @end */

/* @group content */

.section .header, .article-header h1, .page-header h1, .list-big, .header-image, #header-image, #intro-slides, #list-gallery-wrap, #article h1, #header-image-gallery  {
  background: url(/images/struct/bg-divider.png) -1300px bottom no-repeat;
}
.header-image, #header-image, #intro-slides {
  padding-bottom: 2px;
  margin-bottom: 15px;
}
.content-thumb {
  background: url(/images/struct/bg-content-thumb.png) bottom left no-repeat;
  padding: 12px;
  width: 58px;
  overflow-x: hidden;
}
#article .content {
  padding: 10px 0 15px 0px;
}
#article .content-indent {
  padding: 10px 0 15px 90px;
}
#article .intro {
  font-size: 1.4em;
  padding: 0 0 5px 0;
}
#article .content-thumb {
  float: left;
  margin: 0 0 0 -94px;
}
/* @group -email updates */

.btn-go {
  display: block;
  width: 48px;
  height: 31px;
  border: 0px;
  background-position: -200px 0;
  text-indent: -9999px;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 142px;
  margin: 0;
  top: 0x;
}
.btn-go:hover {
  background-position: -200px -50px;	
}
#aside .section-email form {
  height: 41px;
  position: relative;
}
#aside .section-email .input-wrap {
  position: absolute;
  left: 0;
  top: 0;
}
#aside .section-email .text {
  width: 140px;
}
/* @end */

/* @group -callouts */

.callout {
  position: relative;
  left: 10px;
  color: #fff;
  width: 232px;
  margin: 0 0 25px 0;
}
.home-wrap-inner .callout {
  left: 10px;
}

.callout-inner {
  background: url(/images/struct/bg-callout-inner.png) top right no-repeat;
}
.callout-gold {
  background: #a77642 url(/images/struct/bg-callout-gold.png) bottom right no-repeat;
  padding-bottom: 15px;
}
.callout-gold ul {
  margin-top: 5px;
}
.callout-gold li{
  text-align: center;
  list-style-type: none;
  padding: 0 20px 0 0px;
}

/* @group --callout-why */

#callout-why .header {
  text-indent: -9999px;
  height: 80px;
}
#callout-why .callout-inner {
  background: url(/images/struct/bg-callout-why.png) 0 0 no-repeat;}

/* @end */

/* @group --callout-contact */

#callout-contact .header {
  text-indent: -9999px;
  height: 111px;
}
#callout-contact .callout-inner {
  background: url(/images/struct/bg-callout-contact.png) 0 0 no-repeat;
}
#callout-contact .btn-tellus {
  display: block;
  text-indent: -9999px;
  width: 187px;
  height: 50px;
  background-position: -500px 0;
  margin: 15px 0;
  position: relative;
  left: 25px;
}
#callout-contact .btn-tellus:hover {
  background-position: -500px -50px;
}

/* @end */

/* @end */

/* @group -list-news */

.list-news {
  list-style-type: none;
  margin: 0;
  position: relative;
}
.list-news h4 {
  margin-bottom: 0px;
  line-height: 1.1em;
}
.list-news .news-item {
  padding-left: 60px;
  margin: 0 0 20px 0;
}
.list-news .news-item .type {
  width: 50px;
  display: block;
  text-indent: -9999px;
  height: 50px;
  float: left;
  display: block;
  margin: 0 0 0 -60px;
  background-image: url(/images/struct/bg-news-item.png); 
  background-repeat: no-repeat;
}
.news-item-dc .type { background-position: 0 0; }
.news-item-special .type { background-position: 0 -50px; }
.news-item-csi .type { background-position: 0 -100px; }
.news-item-notice .type { background-position: 0 -150px; }
.news-item-award .type { background-position: 0 -200px; }
.news-item-baltimore .type { background-position: 0 -250px; }

/* @end */

/* @group -slideshow */

.slideshow {
  margin: 0;
  padding: 0 5px 0 0;
  list-style-type: none;
  width: 180px;
  overflow: hidden;
  position: absolute;
  left: 5px;
  top: 0;
}
.slideshow-wrap {
  position: relative;
  height: 105px;
  overflow: hidden;
  width: 200px;
}
.slideshow-nav {
  text-indent: -9999px;
  height: 20px;
  width: 20px;
  display: block;
  position: absolute;
  top: 45px;
  z-index: 100;
}
.slideshow-prev {
  left: -5px;
  background-position: 5px -45px;
}
.slideshow-prev:hover {
  background-position: -95px -45px;
}
.slideshow-next {
  left: 172px;
  background-position: -45px -45px;
}
.slideshow-next:hover {
  background-position: -145px -45px;
}
.slideshow li {
  width: 180px;
  overflow: hidden;
  height: 105px;
  position: relative;
}
.slideshow .header, .slideshow .figure, #aside .slideshow .header, #aside .slideshow .figure {
  display: block;
  width: 180px;
  position: absolute;
  height: 105px;
  overflow: hidden;
  left: 0;
  top: 0;
  display: block;
}
.slideshow a .header, slideshow a .figure {
  cursor: pointer;
}
.slideshow .header, #aside .slideshow .header {
  z-index: 50;
  padding-top: 40px;
  height: 65px;
  text-align: center;
  background-position: 0 0;
}
.slideshow .figure {
  z-index: 5;
  background-color: #B57E44;
}
.slideshow .header span {	
  color: #fff;
  font-size: 20px;
  position: relative;
  display: none;
  width: 160px;
  left: 10px;
  text-align: center;
}
#contactform .slideshow .header {
  background-position: 0 -105px;
}
.slideshow a:hover {
  text-decoration: none;
}
/* @end */

/* @group -header-image */

#header-image-gallery {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding-bottom: 2px;
  height: 360px;
}
.header-image-nav {
  text-indent: -9999px;
  background-position: url(/images/struct/sprite-buttons.png);
  height: 50px;
  width: 50px;
  display: block;
  position: absolute;
  z-index: 50;
  top: 145px;
}
.content-gallery .header-image-nav {
  top: 255px;
}
#header-image-prev {
  left: -13px;
  background-position: 0px 15px;
}
#header-image-prev:hover {
  background-position: -100px 15px;
}
#header-image-next {
  left: 923px;
  background-position: -25px 15px;
}
#header-image-next:hover {
  background-position: -125px 15px;
}
.header-image-slide {
  position: relative;
}
.header-image-slide .header {
  position: absolute;
  left: 730px;
  top: 225px;
  width: 230px;
  color: #fff;
  background: bottom left url(/images/struct/bg-list-big-title.png) no-repeat;
  text-align: center;
}
.header-image-slide .inner-header {
  position: relative;
  top: -5px;
  line-height: 1.23em;
  display: block;
  text-align: center;
  padding: 12px 15px 5px 15px;
  background: top left url(/images/struct/bg-list-big-title.png) no-repeat;
}
.header-image-slide .header h4 {
  margin: 5px 0 5px;
  font-size: 1.4em;
  line-height: 1.2em;
  color: #7C91B6;
}
.header-image-slide .header h4 a {
  color: #7C91B6;
  text-decoration: underline;
}

#header-image-slides {
  height: 360px;
  background: #fff;
  overflow: hidden;
  margin: 0;
  list-style-type: none;
}

/* @end */

/* @group -intro-slides */
#intro-slides-wrap {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 360px;
  width: 960px;
  background: #e8eeee;
}
#intro-slides {
  position: absolute;
  height: 360px;
  width: 960px;
  top: 0;
  left: 0;
  margin: 0;
  overflow: hidden;
  z-index: 1;
}
.intro-header {
  position: absolute;
  width: 110px;
  margin: 0;
  height: 112px;
  left: 850px;
  z-index: 20;
  top: 200px;
  text-indent: -9999px;
  background: transparent 0 0 url(/images/struct/bg-intro-slides-header.png);
}
#intro-header-2 {
  background-position: 0 -112px;
  top: 25px;
}
#intro-header-3 {
  background-position: 0 -224px;
  top: 40px;
}
#intro-slide-2, #intro-slide-3 {
  display: none;
}
.intro-slide {
  background-position: top right;
  background-repeat: no-repeat;
  position: absolute;
  padding: 0;
  left: 0;
  top: 0;
  z-index: 10;
  width: 960px;
  height: 360px;
  overflow: hidden;
}
#intro-slides .cur {
  z-index: 50;
}
ul.intro-slide-notes {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  list-style-type: none;
}
ul.intro-slide-notes li {
  display: none;
  position: absolute;
  left: 500px;
  top: 100px;
  width: 0px;
  padding: 10px 10px 10px 35px;
  text-indent: -9999px;
  background-color: transparent;
  overflow: hidden;
  background-position: -700px 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 0.833em; /* 8px */
}

/* @end */

/* @group -list-big */
.list-big {
  margin: 0 40px 0 40px;
  padding: 0 0 5px 0;
  list-style-type: none;
}
#article .list-big {
  margin: 15px 10px 15px 10px;
}
.list-big-item {
  width: 285px;
  height: 285px;
  float: left;
  padding: 0 12px 10px 0;
  position: relative;
}
.list-big-item-third {
  padding-right: 0px;
}
.list-big-item a, .list-big-item a:hover {
  color: #fff;
  cursor: pointer;
}
.list-big-item a:hover {
  text-decoration: underline;	
}
.list-big-item .header {
  display: block;
  width: 285px;
  position: absolute;
  height: 285px;
  background-position: -180px 0;
}
.list-big-item .title {
  display: block;
  font-size: 18px;
  margin: 175px 0 0 15px;
  position: relative;
  float: right;
  left: -1px;
  color: #fff;
  background: bottom left url(/images/struct/bg-list-big-title.png) no-repeat;
}
.list-big-item .inner-title {
  position: relative;
  top: -5px;
  line-height: 1.23em;
  display: block;
  text-align: right;
  padding: 12px 15px 8px 15px;
  background: top left url(/images/struct/bg-list-big-title.png) no-repeat;
}
.list-big-item a:hover .title {
  color: #fbe5a8;
}

/* @end */



/* @group -nav-secondary */
#nav-secondary {
  list-style-type: none;
  margin: 0;
  padding: 5px 0 0 0;
}
#nav-secondary a {
  display: block;
  position: relative;
  padding-left: 20px;
  background:transparent url(/images/struct/sprite-details.png) 0 -193px no-repeat;
}
#nav-secondary .cur a {
  color: #838b99;
  background-image: none;
}

/* @end */

/* @group --multi-columns */

.content-twocols, .content-threecols, .content-fourcols {
  margin: 10px 0 25px 0;
  padding: 20px 0 20px 0px ;
}
#article .content-twocols p, #article .content-threecols p, #article .content-fourcols p {
  text-indent: 0;
}
.content-twocols .col, .content-threecols .col, .content-fourcols .col {
  float: left;
  padding-right: 5%;
}
.content-twocols .col { width: 45%; }
.content-threecols .col { width: 30%; }
.content-fourcols .col { width: 20%; }
.content-twocols .col2  { 
  float: right;
}
.content-twocols .col2, .content-threecols .col3, .content-fourcols .col4 { 
  padding-right: 0; 
}

/* @end */

/* @end */

/* @group pages */

/* @group -overview pages */

.page-header {
  padding: 20px 40px 10px 40px;
  background: transparent url(/images/struct/bg-page-header.jpg) 0 0 no-repeat;
  position: relative;
  margin: 0 0 10px 0;
}
.article-header{
  padding: 10px 0 10px 0;
  margin: 0 0 10px 0;
}
.page-header h1, .article-header h1 {
  margin: 0;
  padding: 10px 0 20px 0;
}
.header-reduced h1 {
  font-size: 2.8em;
}

/* @end */

/* @group -gallery */

.page-header p {
  position: absolute;
  width: 300px;
  text-align: right;
  left: 620px;
  top: 58px;
}

/* @group --list-gallery */

#list-gallery-wrap {
  list-style-type: none;
  margin: 0 40px;
}
.list-gallery {
  position: relative;
  margin: 0;
  height: 450px;
}
.list-gallery-item, .list-gallery img, .list-gallery .header{
  position: absolute;
}
.list-gallery-item {
  overflow: hidden;
}
.list-gallery-figure {
  background-color: #B57E44;
}
.list-gallery .header {
  display: block;
  text-indent: -9999px;
  width: inherit;
  z-index: 20;
  left: 0;
  top: 0;
  cursor: pointer;
}
.list-gallery-1, .list-gallery-4, .list-gallery-11,
.list-gallery-1 .header, .list-gallery-4 .header, .list-gallery-11 .header {
  width: 135px;
  height: 285px;
  background-position: -285px 0;
}
.list-gallery-2, .list-gallery-5, .list-gallery-7, .list-gallery-9,
.list-gallery-2 .header, .list-gallery-5 .header, .list-gallery-7 .header, .list-gallery-9 .header {
  width: 135px;
  height: 135px;
  background-position: 0 -135px; 
}
.list-gallery-3, .list-gallery-6, .list-gallery-8, .list-gallery-10,
.list-gallery-3 .header, .list-gallery-6  .header, .list-gallery-8  .header, .list-gallery-10  .header {
  width: 285px;
  height: 135px;
}
.list-gallery-1 { left: 0; top: 0; }
.list-gallery-2 { left: 148px; top: 0; }
.list-gallery-3 { left: 297px; top: 0; }
.list-gallery-4 { left: 592px; top: 0; }
.list-gallery-5 { left: 740px; top: 0; }
.list-gallery-6 { left: 148px; top: 148px; }
.list-gallery-7 { left: 445px; top: 148px; }
.list-gallery-8 { left: 0px; top: 297px; }
.list-gallery-9 { left: 297px; top: 297px; }
.list-gallery-10 { left: 445px; top: 297px; }
.list-gallery-11 { left: 740px; top: 148px; }

.list-gallery a:hover .figure img {
  opacity: .25;
}
.list-gallery .move-up .figure { }
.list-gallery .move-down .figure { top: -142px; }
.list-gallery .move-right .figure { }
.list-gallery .move-left .figure { left: -142px;}

/* @end */



/* @group --gallery-thumbs */
#gallery-thumbs {
  list-style-type: none;
  margin: 0;
}
#gallery-thumbs li, #gallery-thumbs .figure, #gallery-thumbs .header {
  width: 70px;
  height: 70px;
  cursor: pointer;
  display: block;
  left: 0;
  top: 0;
  height: 70px;
  width: 70px;
  border: 0;
}
#gallery-thumbs li{
  float: left;
  padding: 0 11px 9px 0;
}
#gallery-thumbs .figure {
  position: absolute;
  background-color: #b57e44;
}
#gallery-thumbs .header {
  height: 70px;
  font-size: 40px;
  position: absolute;
  z-index: 100;
  background-position: -160px -285px;
  overflow: hidden;
}
#gallery-thumbs .header span {
  position: absolute;
  color: #fff;
  font-size: 1em;
  top: 4px;
  display: block;
  width: 450px;
  left: -460px;
  text-align: right;
}
#gallery-thumbs a:hover .figure img, #gallery-thumbs .cur a .figure img {
  opacity: .25;
}
/* @end */

/* @end */



/* @group -home */

#content .home-wrap-inner {
  background: transparent url(/images/struct/bg-home-wrap-inner.jpg) 0 0 repeat-y;
  padding-left: 190px;
  padding: 385px 0 0 0;
}
#intro-about {
  float: left;
  width: 160px;
  font-size:0.8333em; /* 10px */
  padding: 2px 0 20px 0;
  color: #7a7d86;
}
#intro-about ul {
  padding: 0;
  margin: 0; 
}
#intro-about li {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#intro-about li a {
  color: #353b51;
  display: block;
  padding: 5px 10px 5px 20px;
  text-decoration: none;
  border: 0px;
  background: url(/images/struct/bg-divider.png) -2450px bottom no-repeat;
}
#intro-about li a:hover {
  text-decoration: underline;
  color: #414a69;
}
#intro-about li.alt a {
  border-left: 1px solid #515f7c;
  background: transparent url(/images/struct/bg-divider.png) -2261px 0 no-repeat;
}
#intro-about p, #intro-about h3 {
  padding: 0 10px 0 20px;
  margin: 0 0 8px 0;
} 
.home-wrap-inner #article {
  width: 510px;
  padding: 0 0 0 30px;
}

/* @group --list-events */
.list-events {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.list-events span, .list-events abbr {
  display: block;
}
.list-events .event {
  width: 160px;
  float: left;
  text-align: center;
  position: relative;
  padding-right: 15px;
}
.list-events a {
  cursor: hover;
}
.list-events .event .fn{
  font-size: 1.416em; /* 17px */
  line-height: 1.1em;
}
.list-events .figure {
  background-color: #b57e44;
  margin: 0 0 15px 0;
}
.list-events .figure, .list-events abbr  {
  width: 160px;
  height: 160px;
  overflow: hidden;
}
.list-events .last {
  padding-right: 0;
}
.list-events a .location, .list-events a .description {
  color: #7A7D86; 
  font-size: 10px;
  margin: 5px 0 0 0;
  line-height: 13px;
}
.list-events abbr {
  font-size: 4em;
  color: #fff;
  position: absolute;
  top: 0;
  border: 0;
  left: 0;
  z-index: 100;
  background-position: 0 -210px;
}
.list-events abbr span, .list-events abbr span em {
  display: none;
}
.list-events .month, .list-events .day  {
  position: absolute;
  letter-spacing: 0;
  left: 80px;
  width: 0;
  overflow: hidden;
  top: 40px;
  text-align: right;
}
.list-events .day {
  border-left: 1px solid #fff;
  padding-left: 10px;
  text-align: left;
}
/* @end */


/* @end */


/* @end */