/* LAYOUT
----------------------------------------------- */

html {background: #828282;}
body {background: #828282;}
#container {font-size: 1.2em; line-height: 1.6em; width: 929px; padding: 0 37px; background: #828282; margin: 0 auto; background: url(/page/-/sitewide/bg.png) repeat-y;}
#header {height: 216px; position: relative;}

#content {float: left; width: 676px; padding: 5px; padding-top: 15px; background: url(/page/-/sitewide/menu_shadow.png) no-repeat;}
#content-wrap {background: url(/images/bg-content.png) repeat-y 0 0;}
#side {float: right; width: 205px; padding: 10px; }
#footer {clear: both; background-color: #415769; text-align: center; color: #FFF; padding: 10px;}

/* FULL WIDTH WRAPPER */
body.onecol #content {width: 910px;}
body.onecol #side {display: none;}

/* LINKS
----------------------------------------------- */
a {color: #195680; text-decoration: none;}
a:hover {color: #195680; text-decoration: underline;}
a img {border-width: 0; border-style: none; display: block}

/* TYPOGRAPHY
----------------------------------------------- */
html {font-size: 100%; } /* Somehow Fixes IE */
body {font-size: 62.5%; font-family: Arial, Helvetica, Verdana, sans-serif; color: #000;} /* sets font to 10px */
.page-content h1 {font-size: 32px; font-weight: bold; color: #333; margin: 10px 0px; line-height: 105%;}
.page-content h2 {font-size: 26px; line-height: 26px; font-weight: bold; color: #333; margin: 10px 0px 15px 0px;}
.page-content h3 {font-size: 20px; line-height: 20px; font-weight: bold; color: #333; margin: 10px 0px 15px 0px;}
.page-content .newshead {font-size: 18px; line-height: 18px; font-weight: bold; color: #333; margin: 10px 0px 5px 0px;}
.page-content h4 {text-transform: uppercase; font-weight: bold; color: #333; margin: 0px 0px 2px 0px;}
.page-content p {margin-bottom: 10px; line-height: 18px;}
.page-content .entry {line-height: 18px; border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 20px;}
.page-content .featured p {font-size: 14px; line-height: 18px; padding-right: 2px; text-align: left;}
.page-content .pagination {font-size: 11px;}
.page-content .list {padding: 0px 5px; font-size: 12px; line-height: 18px;}
.page-content .underline {border-bottom: 1px dotted #ccc; margin-bottom: 10px;}
.page-content ul {margin: 10px 0px;}
.page-content .more {margin-top: 5px;}
.page-content .date {color: #828282; font-size: 10px; margin: 0px; padding: 0px;}
.page-content .pagedate {color: #828282; font-size: 10px; margin: 0px 0px 10px 0px; padding: 0px;}

/* HEADER
----------------------------------------------- */
#logo {position: absolute; top: 0px; left: 0px; width: 929px; height: 176px; background: url(/images/header.png); text-indent: -999em; overflow: hidden; margin: 0; padding: 0;}
#logo a {display: block; width: 929px; height: 176px;}

#nav {position: absolute; width: 929px; left: 0px; height: 40px; top: 176px; background: url(/images/nav.png) no-repeat 0 0px; padding: 0; margin: 0;}
#nav li {margin: 0; display: inline; position: absolute; list-style-type: none;}
#nav li a {display: block; height: 40px; text-indent: -9999px; overflow: hidden;}

#nav li#navA {width: 173px; left: 0px;}
#nav li#navB {width: 207px; left: 173px;}
#nav li#navC {width: 234px; left: 380px;}
#nav li#navD {width: 189px; left: 614px;}
#nav li#navE {width: 124px; left: 803px;}

.submenu li {display: block;}

#nav li ul {display: none; width: 200px; height: auto; border: 1px solid #ff9a25; background: #fff;}
#nav li ul li {float: none; position: static; margin: 0; padding: 0;}

#nav li ul a {
    width: 180px;
    margin: 0px;
    padding: 5px 10px;
    background: #fff;
    color: #555;
    border-bottom: 1px solid #ff8200;
    font-weight: normal;
    height: auto;
    position: static;
    text-indent: 0;
    font-size: 11px;
    text-decoration: none;
  } 

#nav li ul a:hover {color: #fff; background: #ff8200;}
#nav li:hover ul, #nav li.sfhover ul {z-index: 1000; display: block;}


/* SIDEBAR
----------------------------------------------- */
#search { margin: 10px 0 20px 0px;}
#search h3 { text-indent: -9999px; overflow: hidden; background: url(/images/title-sidebar-search.png) no-repeat; width: 54px; height: 15px; margin-bottom: 5px;}
#search input.side_input { width: 140px; float: left; margin-right: 10px;}

#sign_up { background-color: #6e8699; padding: 10px; margin: 20px 0px; }
#sign_up h3 {text-indent: -999em; overflow: hidden; background: url(/images/title-sidebar-signup.png) no-repeat 0px 0px; height: 17px; margin: 0px 0px 5px 0px;}
#sign_up label { display: none; }


/* FOOTER
----------------------------------------------- */
#footer {padding: 20px; text-align: center; font-size: 13.5px;}
#footer p { margin: 0; }
#footer a {color: #fff;}
#footer a:hover {text-decoration: underline;}

/* INTERIOR
----------------------------------------------- */
.page-interior {padding: 0px 10px;}
.page-content.video object{	margin-bottom: 10px;}

/* HOME
------------------------------------------------*/
#hero {padding: 15px; background-color: #195680; color: #FFF; margin-bottom: 10px;}
#hero h1 {color: #FFF; margin: 0px 0px 5px 0px; padding: 0px;}
#hero_left {width: 315px; float: left; text-align: justify; padding-right: 5px;}
#hero_right {width: 320px; float: right; text-align: right;}

#front_lower {color: #666;}
#front_lower h2 {margin-bottom: 10px;}
#press_clips h2, #forthcoming_events h2 {padding: 5px; background-color: #195680;}
#press_clips {width: 332px; float: left;}
#forthcoming_events {width: 332px; float: right;}


/* UTILS
----------------------------------------------- */

img {border: 0;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.floatl {float: left; margin: 0; padding: 0 10px 10px 0;}
.floatr {float: right; margin: 0; padding: 0 0 10px 10px;}
.whitespace {margin: 0; padding: 0; width:  740px; background: #fff; height: 10px; clear: both;}
.clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0px;}
.stretcher {clear: both; height: 0px; font-size: 1px; line-height: 0px;}
td, th {border: none; padding: 0}/* yui table fix*/
td { padding-right: 10px; }

.clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* FORM ATTRIBUTES
----------------------------------------------- */
input, textarea, select {vertical-align: middle; font-family: "lucida grande", verdana, lucida, arial, helvetica, sans-serif;}
input.text, textarea {font-size: 12px; background: #fff; border: 1px solid #aaa; color: #333; padding: 2px; letter-spacing: .5px;}
input.side_input { width: 165px; font-size: 12px; border: 1px solid #999; padding: 3px 5px; margin: 5px 0px; color: #555;}
input.side_image {margin-top: 5px;}
input.submit {background: #669999; padding: 3px 8px; color: #fff; font-weight: normal; border: none; text-align: center;  text-transform: uppercase; letter-spacing: 1px;}
input.submit:hover {background: #477D91; cursor: pointer;}

input.buttonImage {cursor: pointer; border: none; vertical-align: middle; padding: 0;}

select {font-size: 12px; background: #fff; text-align: left; border: 1px solid #a3a3a3;}



/* signup */

#bodyBSD #signup {width: 400px; margin-left: 0px; font-size: 12px;}

#bodyBSD #signup td {padding-top: 4px;}
#bodyBSD #signup label {font-weight: normal; text-transform: uppercase; font-size: 11px;}
#bodyBSD #signup .input_email {width: 377px;}
#bodyBSD #signup .input_firstname {width: 178px;}
#bodyBSD #signup .input_lastname {width: 178px;}
#bodyBSD #signup .input_addr1 {width: 377px;}
#bodyBSD #signup .input_addr2 {width: 377px;}
#bodyBSD #signup .input_city {width: 178px;}
#bodyBSD #signup .select_state_cd {width: 80px; margin-right: 5px; height: 26px; padding: 2px;}
#bodyBSD #signup .input_zip {width: 85px; margin-right: 8px;}
#bodyBSD #signup .select_country {width: 186px; margin-right: 5px;}
#bodyBSD #signup .input_phone {width: 178px; margin-right: 8px;}
#bodyBSD #signup input.submit {margin-top: 10px;}
#bodyBSD #signup input.checkbox {margin-right: 4px; vertical-align: middle;}
#bodyBSD #signup input.radiobutton {margin-right: 4px; vertical-align: middle;}
#bodyBSD #signup textarea {width: 377px;}

#bodyBSD #contribution label {text-transform: uppercase; font-weight: normal; font-size: 11px;}

