@charset "UTF-8";
/*
    NEW MEDIA BC STYLESHEET
    CREATED BY TUGBOAT MEDIA (JEFF WATERFALL)
    COPYRIGHT 2008
*/
@import url(reset.css);
@import url(user_art.css);
/*	NOTES:

    Pink: #D11F44
    blue: #1B75BB


*/

/*	GENERAL
************************************************************/
a.button {
    background: #B60A3F url(../images/a_alt.png) top left repeat-x;
    color: #FFF;
    display: inline-block;
    font-weight: bold;
    padding: 4px 8px;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}
a.button:visited {
    color: #FFF;
}
a.button:hover {
    background: #D91752 url(../images/a_alt_hover.png) top left repeat-x;
    text-decoration: underline;
}
body {
    font: normal 12px/18px Helvetica Neue, Helvetica, Arial, sans-serif;
    margin: 0 0 20px 0;
    color: #000;
}
br.clear {
    clear: both;
}
p.alphalist.payments {
    border-bottom: 1px solid #1B75BB;
    border-top: 1px solid #1B75BB;
    margin: 2em 0;
    padding: 0.5em 0;
    text-align: center;
}
p.button {
    position: absolute;
    right: 2.5em;
}
p.button.center {
    margin: 1em 0;
    position: relative;
    right: auto;
    text-align: center;
}
#wrapper {
    width: 1004px;
    margin: 0 auto;
    padding-bottom: 0;
    position: static !important;
}

/*	HEADER
************************************************************/
#header {
    height: 125px;
    clear: both;
}
#headerOverlay {
    position: relative;
    height: 125px;
    background: transparent url(../images/wrapper/bg-trans-10.png) 0 0 repeat;
}
#logo {
    background: transparent url(../images/wrapper/nmbc-logo.png) 0 0 no-repeat;
    width: 341px;
    height: 41px;
    display: block;
    position: relative;
    top: 74px;
    left: 12px;
    float: left;
}
#user-art {
    position: absolute;
    bottom: 10px;
    left: 420px;
    color: #CCC;
}
#user-art a {
    color: #FFF;
}
#user-art a:hover {
    color: #D11F44;
}

/*	NAVIGATION
************************************************************/
#navigation {
    min-height: 32px;
    border-style: solid;
    border-color: #000;
    border-width: 1px 0 0 0;
    background: #242424 url(../images/wrapper/nav-bg.gif) 0 0 repeat-x;
}
#navigation ul {
    display: block;
    margin: 0;
    padding: 0;
    color: #FFF;
    position: relative;
    z-index: 10;
}
#navigation ul li {
    display: block;
    float: left;
    height: 32px;
    text-transform: uppercase;
    font-weight: lighter;
    border-style: solid;
    border-width: 0 1px 0 0;
    border-color: #FFF;
    padding: 0;
    background: none;
    position: relative;
}
#navigation ul li.tool {
    border-width: 0 0 0 1px;
    float: right;
}
#navigation ul li.tool a {
    background-position: 0 -100px;
    background-color: #525252;
}
#navigation ul li a {
    padding: 10px 15px;
    display: block;
    float: left;
    height: 12px;
    color: #FFF;
    text-decoration: none;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-color: #000;
    background-image: url(../images/wrapper/nav-item-bgs.gif);
}
#navigation ul li a:hover {
    background-position: 0 -200px;
    background-color: #D11F44;
}
#navigation ul li.selected a {
    background-position: 0 -300px;
    background-color: #1B75BB;
    cursor: default;
}
/*	DROP-DOWN MENUs
*********************************************/
#navigation ul li.dropdown:hover,
#navigation ul li.dropdown:hover a {
    height: 32px;
    /*margin-bottom: -1px;*/
    background-color: #D11F44;
    background-position: 0 -200px;
}
#navigation ul li.selected:hover,
#navigation ul li.selected:hover a,
#navigation ul li.selected ul {
    background-color: #1B75BB !important;
    background-position: 0 -300px;
}
#navigation ul li.dropdown ul {
    display: none;
    padding: 0;
    margin: 0;
    list-style: none;
    background: #D11F44;
    top: 33px;
    left: 0;
    position: absolute;
    border-bottom: 2px solid #000;
}
#navigation ul li.dropdown ul li {
    padding: 0;
    margin: 0;
    background: 0;
    float: none;
    height: auto;
    border: none;
    font-weight: normal;
}
#navigation ul li.dropdown ul li a {
    padding: 5px 15px;
    margin: 0;
    background: 0;
    float: none;
    cursor: pointer;
    height: auto;
    line-height: 1em;
    width: 120px !important;
    height: auto !important;
}
#navigation ul li.dropdown ul li a:hover {
    color: #D11F44;
    background: #FFF !important;
    cursor: pointer;
    /*border-left: 1px solid #D11F44;
    border-right: 1px solid #D11F44;
    padding: 5px 14px; */
}
#navigation ul li.dropdown:hover ul {
    display: block;
}

/*	CONTENT
************************************************************/
#content {
    padding: 20px 20px 10px 20px;
    background-color: #FFF;
    border-bottom: 3px solid #000;
}
#contentLeft {
    float: left;
    width: 680px;
    padding-right: 20px;
    margin-bottom: 20px;
    border-right: 1px dotted #666;
    position: relative;
}

#toolbar {
    margin-bottom: 20px;
    border-bottom: 1px dotted #666;
    clear: both;
    padding-bottom: 4px;
}
#toolbar #breadcrumbs {
    float: left;
}
#toolbar #tools {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: bold;
}
#toolbar #tools li {
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    background: none;
    list-style: none;
    margin-right: 4px;
}
#toolbar #tools li a.print,
#toolbar #tools li a.larger,
#toolbar #tools li a.smaller {
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 16px;
    height: 14px;
    display: block;
    float: left;

}
#toolbar #tools li a.print:hover,
#toolbar #tools li a.larger:hover,
#toolbar #tools li a.smaller:hover {
    background-position: 0 -30px;
}
#toolbar #tools li a.print {
    margin: 0 6px;
    background-image: url(../images/wrapper/icon-print.gif);
}

#toolbar #tools li a.larger {
    background-image: url(../images/wrapper/icon-textlarger.gif);
}
#toolbar #tools li a.smaller {
    background-image: url(../images/wrapper/icon-textsmaller.gif);
}

/*	SIDEBAR
************************************************************/
#sidebarRight {
    float: right;
    width: 240px;
    padding-left: 20px;
    margin-bottom: 20px;
}
#sidebarRight .block {
    margin-bottom: 20px;
}
#inThisSection ul {
    margin: 0;
    padding: 0 0 4px 0;
    border-bottom: 2px solid #000;
}
#inThisSection ul li {
    margin: 0;
    padding: 0;
    background: none;
    font-weight: bold;
    text-transform: uppercase;
}
#inThisSection ul li a {
    display: block;
    color: #000;
    padding: 2px 0 0 0;
}
#inThisSection ul li a:hover {
    color: #1B75BB;
}
#inThisSection ul li.selected a {
    background: #1B75BB;
    color: #FFF;
    padding-left: 5px;
    cursor: default;
}
#inThisSection ul li.selected a:hover {
    color: #FFF;
}


/*	HOME PAGE
************************************************************/
#homeLeft {
    float: left;
    width: 432px;
    padding-right: 20px;
    margin-bottom: 20px;
    border-right: 1px dotted #666;
}
#homeRight {
    float: right;
    width: 490px;
    padding-left: 20px;
    margin-bottom: 20px;
}

/*	EVENT CALENDAR
************************************************************/
/* SEE: calendar.css */

/*	NEWS + EVENT LISTS
************************************************************/
.newsItems,
.eventItems {
    list-style: none;
    padding: 0;
    margin: 0;
}
.newsItems li,
.eventItems li {
    display: block;
    margin: 0 0 15px 0;
    padding: 0;
    border-bottom: 2px solid #000;
    background: none;
}

.newsItems li .head,
.eventItems li .head {
    border-bottom: 1px solid #999;
    margin-bottom: 5px;
}
.newsItems li .head .date,
.eventItems li .head .date {
    font-size: 0.9em;
    font-weight: bold;
}
.newsItems li p,
.eventItems li p {
    line-height: 1.2em;
    margin-bottom: 5px;
}
.newsItems li a.more,
.eventItems li a.more {
    text-transform: uppercase;
    color: #000;
    text-align: right;
    display: block;
    font-weight: bold;
    padding-right: 8px;
    background: url(../images/wrapper/arrow.gif) right 5px no-repeat;
}
.newsItems li a.more:hover,
.eventItems li a.more:hover {
    color: #1B75BB;
}

/* HOME NEWS
**************************************/
#homeNews {
    margin-bottom: 20px;
}
#homeNews .newsItems li {
    float: left;
    padding: 0 0 18px 0;
    width: 150px;
    min-height: 130px;
    position: relative;
}
#homeNews .newsItems li.first {
    margin-right: 20px;
}
#homeNews .newsItems li.last {
    margin-left: 20px;
}
#homeNews .newsItems li a.more {
    bottom: -3px;
    position: absolute;
    width: 142px;
}
#homeNews .newsItems li .head {
    min-height: 46px;
}

/* NMBC INITIATIVES + SPONSORS
************************************************************/
#initiatives ul,
#sponsors ul {
    list-style: none;
    padding: 0;
    margin: -5px 0 0 0;
    text-align: center;
}
#initiatives ul li,
#sponsors ul li {
    list-style: none;
    padding: 0;
    margin: 0 2px 2px 2px;
    display: inline;
    background: none;
}
#initiatives ul li a {
    /*position: relative;*/
}
#initiatives ul li a .overlay {
    top: -8px;
    left: 20px;
    font-size: 0.9em;
    line-height: 1.2em;
}
#initiatives ul li a:hover .overlay {
/*	display: block;*/
}

#sponsors .frame {
    width: 100%;
    overflow: hidden;
}
#sponsors ul {
    margin: 0 auto;
    text-align: center;
    /*float: left;*/
}
#sponsors ul li {
    /*margin: 0 3px;
    float: left;*/
    display: block;
}

/* NMBC INITIATIVES + SPONSORS
************************************************************/
.overlay {
    display: none;
    text-align: left;
    position: absolute;
    padding: 27px 8px 4px 8px;
    background: transparent url(../images/wrapper/event-hover-top.png) 0 0 no-repeat;
    width: 138px;
    border-width: 0 0 2px 0;
    border-color: #FFF;
    border-style: solid;
    z-index: 9999999;
    color: #CCCCCC;
}
.overlay a {
    padding: 0 !important;
    font-weight: bold;
    position: static !important;
}

/*	FOOTER
************************************************************/
#footer {
    border-top: 2px solid #000;
    padding: 10px 0 0 0;
    clear: both;
}
#footer .nav {
    float: right;
    text-align: right;
}
#footer .nav .links,
#footer .nav .feeds {
    list-style: none;
    padding: 0;
    margin: 0;
}
#footer .nav .links li,
#footer .nav .feeds li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline;
    margin-left: 10px;
    background: none;
}
#footer .nav .feeds {
    padding-bottom: 5px;
}
#footer .nav .feeds li a {
    padding: 2px 0;
    padding-left: 16px;
    background: url(../images/wrapper/icon-rss.gif) 0 0 no-repeat;
}
#footer .nav .links {
    padding-top: 6px;
    border-top: 1px dotted #666;
}
#footer .contact {
    float: left;
    text-align: left;
    line-height: 1.3em;
}

#footer .nav img
{
    position:relative;
    top:5px;
}

/*	LINKS
************************************************************/
a {
    color: #D11F44;
    text-decoration: none;
}
p a:visited {
    color: #E95571;
}
a:hover {
    color: #1B75BB;
}

h2 a,
h2 a:visited {
    color: #000;
}
p a:hover,
h3 a:hover,
p.intro a:hover,
#breadcrumbs a:hover {
    color: #FFF;
    background-color: #1B75BB;
}

/*	TYPE
************************************************************/
h1 {
    font: normal 3em/1.2em Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: lighter;
    color: #000;
    margin-bottom: 5px;
    letter-spacing: -0.03em;
}
h2 {
    font-style: normal;
    font-size: 20px;
    line-height : 1em;
    margin-top:20px;
    font-family: Georgia, "Times New Roman", Times, serif;
    /*
    font-size: 2.2em;
    font-family: Courier, "Courier New", monospace;
        font: normal 2.2em/0.8em Courier, "Courier New", monospace;
    */
    font-weight: normal;
    border-bottom: 1px solid #333;
    text-transform: uppercase;
    color: #000;
    padding-bottom: 2px;
    margin-bottom: 10px;
    letter-spacing: -0.05em;
}
h2.mini {
    font-size: 1.8em;
}
#initiatives h2.mini {
    margin-bottom: 15px;
}
/*#sidebarRight h2 {
    font-size: 2em;
}*/
.h2extras {
    position: relative;
    text-align: right;
    margin-top: -28px;
    margin-bottom: 10px;
    float: right;
}
h3, p.intro {
    color: #1B75BB;
    font-size: 1.5em;
    margin-bottom: 10px;
    line-height: 1.2em;
    font-weight: normal;
}
h4 {
    font-weight: bold;
    line-height: 1.2em;
}
h3.intro {
    font-size: 1.6em;
    margin-bottom: 5px;
}
p {
    margin-bottom: 15px;
}

#eventsCalendar h2 a{
    font-family: "Times New Roman", Times, serif;
}

div#sidebarRight div.event a {display:block;font-weight:bold}


/*	LISTS
************************************************************/
ul {
    list-style-type: none;
}
ul li {
    padding-left: 10px;
    background: url(../images/wrapper/arrow.gif) 0 5px no-repeat;
}

/*	SIFR -flash replacement
********************************/
/*.sIFR-active h1 {
    visibility: hidden;
    font-size: 35px;
    line-height: 35px;
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
    letter-spacing: -0.03em;
    min-height: 38px;
    margin-top: -5px;
}*/
.sIFR-active h2 {
    visibility: hidden;
    font-size: 25px;
    letter-spacing: 0;
    padding: 0;
    line-height: 25px;
    font-weight: normal;
    border-bottom: none;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 10px;
    display: block;
    width: 100%;
    min-height: 25px;
}
.sIFR-active h2.mini {
    visibility: hidden;
    font-size: 17px;
    line-height: 17px;
    min-height: 25px;
}
/*.sIFR-active #sidebarRight h2 {
    visibility: hidden;
    font-size: 20px;
    line-height: 20px;
    min-height: 25px;
}*/
.sIFR-active .h2extras {
    position: relative;
    text-align: right;
    margin-top: -33px;
}

/*	FORMS
************************************************************/
label {
    display: block;
    text-transform: uppercase;
}
label.no-transform {
    text-transform: none;
}
label input {
    margin: 0 0 0 4px;
}
.check-radio {
    text-transform: none;
}
.check-radio input {
     margin: 2px 1px 0 0;
     position: relative;
}
.passwordLost {
    display: block;
}

.modalContainer form dd {
    margin: 0;
    padding: 0 0 8px 7.5em;
}
.modalContainer form dt {
    clear: left;
    float: left;
    font-weight: bold;
    padding: 4px 0 8px 0;
    width: 7em;
    text-align: right;
}
.mandatory {
    font-weight: bold;
    color: #1B75BB;
}

/*	MISC
************************************************************/
.hilite {
    color: #D11F44;
}
.inline {
    display: inline !important;
}
.floatLeft {
    float: left !important;
}
.floatRight {
    float: right !important;
}

/*	OVERLAYS
************************************************************/
#loginForm,
#enewsForm {
    display: none;
    border: 2px solid #000;
    padding: 20px;
    background-color: #FFFFFF;
    font-weight: bold;
    /*position: relative;
    z-index: 999999;*/
}
/* Overlay */
#modalOverlay {
    background-color: #000;
    cursor: wait;
}

/* Container */
#modalContainer {
    margin-left: -200px;
    width: 400px;
    /*left: 520px; */
    left: 50%;
    top: 25%;
}
#modalContainer a.modalCloseImg {
    background: url(../images/wrapper/x.png) no-repeat;
    width: 25px;
    height: 29px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: -10px;
    right: -10px;
    cursor: pointer;
}
#title-login,
#title-enews {
    display: block;
    background-position: 0 0;
    background-repeat: no-repeat;
    border-bottom: 1px solid #333;
    height: 26px;
    min-width: 204px;
    text-indent: -10000px;
}
#title-login {
    background-image: url(../images/wrapper/title-login.gif);
}
#title-enews {
    background-image: url(../images/wrapper/title-enews.gif);
}

/* LoggedInBox */
#loggedinbox {
    float: right;
    display: inline;
    border: 1px solid #000;
    padding: 20px;
    background-color: #FFF;
    font-weight: bold;
    position:relative;
    top:48px;
    right: -1px;
    /*width:163px;*/
}
#loggedinbox a,
#loggedinbox b {
    padding: 0 4px;
}

/*	ADMIN
*************************************************/
#admin_dashboard {
    width: 200px;
    float: right;
    top: -33px;
    margin-bottom: -100%;
    right: -200px;
    position: relative;
    border-top: 1px solid #000;
    background-color: #FFFFFF;
}
#admin_dashboard .inner {
    padding: 10px;
    margin: 13px 0 10px 0;
    border-left: 1px dotted #999;
}
#admin_dashboard ul {
    padding: 0 0 10px 0;
    margin-left: 0;
    border-bottom: 2px solid #000;
    /*border-bottom: 1px dotted #999;*/
}
#admin_dashboard h3.title {
    background-repeat: repeat-x;
    background-image: url(images/wrapper/nav-item-bgs.gif);
    background-position: 0 -100px;
    background-color: #525252;
    font-weight: lighter;
    font-size: 1em;
    padding: 12px 15px 8px 15px;
    height: 12px;
    color: #FFF;
    text-transform: uppercase;
    margin-left: 1px;
    margin-bottom: 0;
    border: none;
}
#admin_dashboard h3 {
    color: #000;
    margin-bottom: 5px;
    border-bottom: 1px solid #999;
}
#admin_dashboard h3.title a {
    text-transform: none;
    color: #FFF;
    text-decoration: underline;
}

/*	TABLES
*************************************************/
.enhancedtable {
    border-collapse: separate;
    border-spacing: 2px;
    width: 100%;
}
.enhancedtable th,
.enhancedtable td {
    padding: 2px 4px;
}
.enhancedtable th {
    font-weight: bold;
    background-color: #1B75BB;
    color: #FFF;
}
.enhancedtable .row1 {
    background: #CCC;
}
td.imgPreview img {
    display: none;
    z-index: 10;
}


filtertable {
    border-collapse: separate;
    border-spacing: 2px;
    width: 100%;
}
.filtertable th,
.filtertable td {
    padding: 2px 4px;
}
.filtertable th {
    font-weight: bold;
    background-color: #eeeeee;
    color: #000;
}


/* JOIN NOW */
#joinnow {
    background:#77787B url(../images/p_alt.gif) top left repeat-x;
    font-weight:bold;
    color:#fff;
    font-size:120%;
    line-height:1.2;
    clear:both;
    padding:10px
}

#joinnow a {
    background: #B60A3F url(../images/a_alt.png) top left repeat-x;
    color: #FFF !important;
    display: inline-block;
    font-weight: bold;
    padding: 4px 8px;
    text-decoration: none !important;
    text-transform: uppercase;
    width: auto;
}
#joinnow a:hover {
    background: #D91752 url(../images/a_alt_hover.png) top left repeat-x;
    text-decoration: underline !important;
}

/* dd, dt etc. */
dl {margin:0}
dt {font-weight:bold;float:left;padding:3px 0;clear:left;width:190px;}
dt.h {float:none;clear:both;width:500px}
dd dl dt {font-weight:normal;padding:6px 0 0 0;clear:right}
dd {padding:3px 0 3px 200px;margin:0}
dd dd {padding:3px 0 3px 90px;margin:0}
dd dt {font-weight:bold;float:left;padding:3px 0;clear:left;width:90px;}

dl#events h2 {
    margin-top: 0px;
}

dl#legend {
    font-size: x-small;
    font-weight: bold;
    margin: 1em;
    text-transform: uppercase;
}
dl#legend dt {
    padding: 3px 0 0 0;
    width: 14px;
}
dl#legend dd {
    border: 0;
    padding-left: 18px;
}

dl#previewDL {position:absolute;background:#fff;width:220px;padding:10px;display:none;margin-left:4em;font-size:90%;border:1px solid}
body dl#previewDL dt {width:80px}
body dl#previewDL dd {padding-left:10px;color:#000}

/* Sitemap */
div.sitemap {float:left;padding:0 6px 0 0;width:150px;margin-bottom:2em;font-size:90%}
div.sitemap+div.sitemap {border-left:1px solid #C6DB00;padding:0 6px}
div.sitemap a {display:block}
div#main div.sitemap h2, div#main div.sitemap h4 {margin-top:0;padding-top:0;}
div.sitemap h2
{
    min-height: 2em;
}

div#filtersWrapper {position:relative;height:0;overflow:hidden;font-size:90%}
div#filtersWrapper table {width:100%;position:absolute;top:0}

/* jQuery UI */

textarea {
    resize: none;
    width: 100%;
}
.ui-wrapper {
    margin: 0 !important;
}
.ui-resizable-se {
    bottom: 17px !important;
    right: 5px !important;
}