/* -----------------------------------------------
IMPORTS
----------------------------------------------- */
@import url("dbb.fw.css");

/* -----------------------------------------------
ELEMENTS
----------------------------------------------- */
body { color: #797979; background: #fff; font-family: Helvetica, Arial, sans-serif; font-size: 10px; }
a { text-decoration: none; color: #53b4b7; cursor: pointer; }
a:hover { text-decoration: underline; }
p { font-size: 1.2em; margin: 15px 0 0 0; line-height: 1.4em; }
h1, .h1 { font-size: 6em; color: #223472; font-weight: bold; letter-spacing: -.06em; }
h2, .h2 { font-size: 2.2em; color: #223472; font-weight: bold; }
h3, .h3 { font-size: 1.6em; color: #54b6b4; text-transform:	inherit; font-weight: normal; letter-spacing: inherit; }
dt { color: #52b2b5; font-weight: bold; font-size: 1.2em; line-height: 1.4em; }
dd { font-size: 1.2em; line-height: 1.1em; }

/* -----------------------------------------------
STRUCTURE
----------------------------------------------- */

/* Base Sprite
------------------------- */
div#BreadCrumb li,
div#Branding a span,
div#Members,
.btn,
div.tabular div.tabs li a { background: url(../img/structure/base_spr.png) no-repeat;}

/* Bread Crumb
------------------------- */
div#BreadCrumb { background: #255e85; }
div#BreadCrumb div.wpr { width: 960px; margin: 0 auto; padding: 15px 0; }
div#BreadCrumb ul { float: left; margin-top: 3px; }
div#BreadCrumb li { font-size: 1.2em; float: left; padding: 0 0 0 13px; background-position: 0 -138px; margin: 0 0 0 7px;  color: #fff; }
div#BreadCrumb li.first { padding-left: 0; margin-left: 0; background: none;  }
div#BreadCrumb li.first a { color: #85e1e5; }
div#BreadCrumb a { color: #fff; }
div#BreadCrumb p { float: right; margin: 0; color: #54b6b4; font-size: 1.6em; }
div#BreadCrumb p a { color: #54b6b4; }
div#BreadCrumb p strong { margin-left: 20px; }

/* Header
------------------------- */
div#Header { background: #63afe7; position: relative; background-position: center top; }
div#Header div.wpr { width: 960px; margin: 0 auto; position: relative; height: 325px; z-index: 20; }

/* Decorative
------------------------- */
div#DecorativeLeft { position: absolute; background: url(../img/structure/decorative_spr.png); width: 255px; height: 690px; left: 0; top: 0; z-index: 10; }
div#DecorativeRight { position: absolute; background: url(../img/structure/decorative_spr.png) -255px 0; width: 130px; height: 470px; bottom: 0; right: 0; z-index: 10; margin-bottom: -550px; }

/* Branding
------------------------- */
div#Branding { background: #63afe7; width: 240px; float: left; }
div#Branding a { height: 90px; }

/* Members
------------------------- */
div#Members { width: 655px; height: 40px; float: right; background-position: 0 -90px; margin: 10px 0 0 0; }
div#Members form { padding: 9px 0 0 15px; } 
div#Members h3 { font-size: 1.4em; color: #fff; font-weight: normal; float: left; margin: 4px 10px 0 0; }
div#Members div.row { float: left; }
div#Members div.row label { color: #fff; font-size: 1.4em; margin-right: 5px; margin-left: 10px; }
div#Members div.row div.input input { width: 130px; }
div#Members div.submit { margin-left: 10px; float: left; }

/* Main
------------------------- */
div#Main { width: 960px; margin: 0 auto; padding: 25px 0 50px 0; z-index: 20; position: relative; }

/* SideBar
------------------------- */
div#SideBar { float: left; width: 240px; }

/* Content
------------------------- */
div#Content { float: right; width: 695px; }
div#Content a { font-weight: bold; }

/* Intro
------------------------- */
div#Intro { width: 695px; margin: 0 auto; padding: 20px 0; position: absolute; right: 0; bottom: 20px; }
div#Intro p { font-size: 1.4em; }
div#Intro h1, 
div#Intro p { color: #fff; width: 520px; font-weight: bold; }

/* Nav Primary
------------------------- */
/* Spr */
div#NavPrimary,
div#NavPrimary ul,
div#NavPrimary li,
div#NavPrimary li a.selected,
div#NavPrimary li li a { background: url(../img/structure/navprimary_spr.png) no-repeat; }
/* ------ */
div#NavPrimary { background-repeat: repeat-y; margin: -260px 0 15px 0; padding: 0; position: relative; }
div#NavPrimary ul { background-position: -1200px bottom; }
div#NavPrimary li { background-position: -480px 0; }
div#NavPrimary li a { color: #223472; padding: 10px; display: block; font-size: 1.4em; font-weight: bold; }
div#NavPrimary li a.selected { background-position: -720px 0; color: #fff; }
div#NavPrimary li li a { padding-left: 30px; color: #469a9e; background-position: -960px top; }
div#NavPrimary li li.here a { font-weight: bold; }
div#NavPrimary ul ul { background-position: -240px bottom; background-repeat: repeat-y; margin: 0; }

/* Footer
------------------------- */
div#Footer { background: #233573 url(../img/structure/footer.png) left top repeat-x; min-height: 185px; z-index: 20; position: relative; }
div#Footer div.wpr { width: 960px; margin: 0 auto; padding: 20px 0; }
div#Footer p { text-align: center; color: #83aad2; margin: 0; }
div#Footer div.cols { margin: 0 0 25px 0; background: url(../img/structure/line_v.png) repeat-y right top; }
div#Footer div.cols div.item { background: url(../img/structure/line_v.png) repeat-y; float: left; width: 200px; padding: 10px 20px; }
div#Footer div.cols div.item h3 { color: #fff; font-size: 1.2em; font-weight: bold; margin: 0 0 8px 0; }
div#Footer div.cols div.item li { margin: 0 0 8px 0; }
div#Footer div.cols div.item li a { color: #83aad2; font-size: 1.2em;  }
div#Footer div.cols div.item p { text-align: left; line-height: 1.6em; }

/* -----------------------------------------------
COMPONENTS
----------------------------------------------- */

/* Border
------------------------- */
div.border { border: 1px solid #f1f1f1; background: #e2e2e3; padding: 1px; float: left; }
div.border div.wpr { background: #fff; padding: 2px; }
div.border img { vertical-align: top; }

/* Buttons
------------------------- */
.btn { display: block; height: 30px; margin: 15px 0 0 0; }
.view-more { width: 75px; background-position: -658px 0; }

/* Promotion
------------------------- */
div.promotion { margin: 0 8px; }
div.promotion div.wpr { background: #fff; padding: 0 15px 15px 15px; width: 190px; }
div.promotion img { position: relative; margin: 2px -13px 0 -13px; }
div.promotion h2 { margin-top: 15px; }
div.promotion h2, div.promotions h2 { text-transform: uppercase; }
div.promotion div.subscribe, div.promotions div.subscribe { border-top: 1px solid #F1F1F1; padding: 15px 0 0 0; margin: 15px 0 0 0; }
div.promotion div.subscribe h3, div.promotions div.subscribe h3 { margin: 0; }

/* Listing
------------------------- */
div#Content div.listing div.item { margin: 0 0 40px 0; }
div#Content div.listing div.item h2 a { font-weight: normal }
div#Content div.listing div.item p { margin-top: 5px; }
div#Content div.listing div.item div.image { margin-top: -5px; }
div#Content div.listing div.text { float: right; width: 515px; } 
div#Content div.listing div.content { background: url(../img/structure/line_h.png) repeat-x; padding: 10px 0 0 0; }

/* Team
------------------------- */
div#Content div.team { background: url(../img/structure/line_h.png) repeat-x; padding: 30px 0 0 0; }
div#Content div.team div.item { margin: 0 0 10px 0; padding: 0 0 10px 0; background: url(../img/structure/line_h.png) repeat-x left bottom; }
div#Content div.team div.item div.image { margin: 0 0 0 35px; }
div#Content div.team div.item div.text { float: right; width: 475px; margin: 10px 0 0 0; }
div#Content div.team div.item div.text dt { float: left; clear: left; width: 100px; }
div#Content div.team div.item div.text dd { float: left; width: 370px; margin-bottom: 10px; }
div#Content div.team div.item div.text dd a { color: #797979; text-decoration: underline; font-weight: normal; }

/* Tabular
------------------------- */
div#Content div.tabular { border-bottom: 1px solid #d5d5d5; margin: 25px 0 0 0; }
div#Content div.tabular div.tabs { border-bottom: 1px solid #d5d5d5; }
div#Content div.tabular div.tabs li { width: 135px; float: left; margin-bottom: -1px; }
div#Content div.tabular div.tabs li a { background-position: -865px 0; display: block; height: 29px; text-align: center; line-height: 3em; padding-right: 25px; }
div#Content div.tabular div.tabs li a.selected { background-position: -865px -29px; }
div#Content div.tabular div.content { padding: 24px 24px 14px 24px; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; }
div#Content div.tabular div.content div.filter { background: url(../img/structure/line_h.png) repeat-x left bottom; padding: 0 0 10px 0; margin: 0 0 10px 0; }

/* Members
------------------------- */
div#Content div.members { padding: 10px 0 0 0; }
div#Content div.members div.item { position: relative; }
div#Content div.members div.item h2 { font-size: 1.4em; color: #707070; text-transform: none; letter-spacing: inherit; margin: 0 0 10px 0; }
div#Content div.members div.item h2 a { color: #707070; font-weight: normal; }
div#Content div.members div.item p { margin: 0 0 10px 0; font-size: 1.3em; color: #424242; }
div#Content div.members div.item p a { color: #000; font-weight: normal; }
div#Content div.members div.item a.close { display: block; }
div#Content div.members div.item div.wpr { display: none; }
div#Content div.members div.item-active { background: #e6f4f4; padding: 15px 15px 15px 15px; margin: 0 0 15px -15px; }
div#Content div.members div.item-active div.wpr { display: inline; }
div#Content div.members div.item-active h2 a { color: #000; font-weight: bold; }
div#Content div.members div.item-active a.close { display: inline; position: absolute; top: 15px; right: 15px; font-size: 1.15em; }

/* FAQS
------------------------- */
div#Content div.faqs { padding: 10px 0 0 0; }
div#Content div.faqs h2 { margin: 0 0 20px 0; }
div#Content div.faqs div.item { position: relative; margin: 0 0 20px 0; }
div#Content div.faqs div.item h3 { font-size: 1.2em; color: #707070; text-transform: none; letter-spacing: inherit; margin: 0 0 10px 0; line-height: 1.4em; }
div#Content div.faqs div.item h3 a { color: #55b5b3; font-weight: bold; }

div#Content div.faqs div.item p { margin: 0 0 10px 0; }
div#Content div.faqs div.item div.icon {  position: absolute; left: 0; top: ; }
div#Content div.faqs div.item a.close { display: block; }
div#Content div.faqs div.item div.wpr { display: none; }
div#Content div.faqs div.item-active { background: #e6f4f4; padding: 15px 15px 20px 15px; margin: 0 0 20px -15px; }
div#Content div.faqs div.item-active div.wpr { display: inline; }
div#Content div.faqs div.item-active a.close { display: inline; position: absolute; bottom: 15px; right: 15px; font-size: 1.15em; }

/* Generic Page 
------------------------- */
div#Content div.generic-page { width: 525px; }
div#Content div.generic-page div.images { margin: 25px 0 0 -14px; position: relative; }
div#Content div.generic-page div.image { margin: 0 0 0 10px; }
div#Content div.generic-page p { margin: 0 0 15px 0; }
div#Content div.generic-page h3 { margin: 0 0 5px 0; }

/* Press 
------------------------- */
div#Content div.press { background: url(../img/structure/line_h.png) repeat-x; margin: 5px 0 0 0; }
div#Content div.press div.filter { background: url(../img/structure/line_h.png) repeat-x left bottom; padding: 10px 0 9px 0; }
div#Content div.press div.filter label { color: #52b2b5; font-size: 1.4em; margin: 0 10px 0 0; padding: 4px 0 0 0; }
div#Content div.press div.filter label,
div#Content div.press div.filter input,
div#Content div.press div.filter select { float: left; }
div#Content div.press div.filter .button { margin: -3px 0 0 5px; }
div#Content div.press div.item { padding: 15px 0; background: url(../img/structure/line_h.png) repeat-x left bottom; }
div#Content div.press div.item h2 { font-size: 1.2em; margin: 0 0 3px; }
div#Content div.press div.item p { margin: 0; }

/* Search 
------------------------- */
div#Content div.search { background: url(../imgs/structure/line_h.png) repeat-x; margin: 5px 0 0 0; }
div#Content div.search div.item { padding: 15px 0; background: url(../img/structure/line_h.png) repeat-x left bottom; }
div#Content div.search div.item h2 { font-size: 1.2em; margin: 0 0 3px; }
div#Content div.search div.item p { margin: 0; }

/* Press Details
------------------------- */
div#Content div.press-details { background: url(../img/structure/line_h.png) repeat-x; margin: 5px 0 0 0; padding: 25px 0 0 0; }
div#Content div.press-details div.image { float: left;  }
div#Content div.press-details div.text { float: left; margin: 3px 0 0 10px; width: 520px; }
div#Content div.press-details div.text h2 { font-size: 1.4em; font-weight: normal; }
div#Content div.press-details div.text h3 { font-size: 1.4em; text-transform: uppercase; margin: 3px 0 0 0; }

/* Back
------------------------- */
div#Content div.back { text-align: right; background: url(../img/structure/line_h.png) repeat-x; padding: 15px 0 0 0; margin: 15px 0 0 0; }
div#Content div.back a { font-size: 1.2em; }

/* Events
------------------------- */
div#Content div.events { background: url(../img/structure/line_h.png) repeat-x; margin: 5px 0 0 0; }
div#Content div.events div.item { padding: 15px 0; background: url(../img/structure/line_h.png) repeat-x left bottom; }
div#Content div.events div.item h2 { font-size: 1.2em; margin: 0 0 3px; }
div#Content div.events div.item h3 { font-size: 1.2em; color: #223472; margin: 0 0 3px; }
div#Content div.events div.item p { margin: 0; }

/* Members Calendar
------------------------- */
div#Content div.members-calendar { background: none; }
div#Content div.members-calendar div.tabs li { width: 170px; }
div#Content div.members-calendar div.tabs li a { background-position:-829px -58px; }
div#Content div.members-calendar div.tabs li a.selected { background-position:-829px -87px; }

/* Events Details
------------------------- */
div#Content div.event-details { background: url(../img/structure/line_h.png) repeat-x; margin: 5px 0 0 0; padding: 15px 0 0 0; }
div#Content div.event-details div.details li { font-size: 1.2em; margin: 0 0 15px 0; float: left; width: 50%; }
div#Content div.event-details div.details li strong { color: #55b5b3; font-weight: bold; text-transform: uppercase; margin-right: 5px; }
div#Content div.event-details div.details li a { font-weight: normal; text-decoration: underline; color: #5e5e5e; }
div#Content div.event-details div.description { background: url(../img/structure/line_h.png) repeat-x; padding: 15px 0 0 0; }
div#Content div.event-details div.description p { margin: 0 0 15px 0; }
div#Content div.event-details div.description div.item { border: 1px solid #d5d5d5; padding: 10px 10px 0 10px; margin: 0 0 15px 0; }
div#Content div.event-details div.description div.item h3 { margin: 0 0 5px 0; }
div#Content div.event-details div.description div.photos ul { margin: 10px 0 0 0; }
div#Content div.event-details div.description div.photos li { float: left; margin-right: 15px; }
div#Content div.event-details div.description div.photos p { margin: 10px 0 10px 0; font-style: italic; font-size: 1.1em; }
div#Content div.event-details div.description div.papers { padding-bottom: 10px; }
div#Content div.event-details div.description div.papers h4 { font-size: 1.2em; font-weight: bold; margin: 10px 0 3px 0; }
div#Content div.event-details div.description div.papers p { margin: 0; }

/* Downloads
------------------------- */
div#Content div.downloads { background: url(../img/structure/line_h.png) repeat-x; margin: 5px 0 0 0; }
div#Content div.downloads div.filter { background: url(../img/structure/line_h.png) repeat-x left bottom; padding: 10px 0 9px 0; }
div#Content div.downloads div.filter label { color: #52b2b5; font-size: 1.4em; margin: 0 10px 0 0; padding: 4px 0 0 0; }
div#Content div.downloads div.filter label,
div#Content div.downloads div.filter input,
div#Content div.downloads div.filter select { float: left; }
div#Content div.downloads div.filter .button { margin: -3px 0 0 5px; }
div#Content div.downloads div.item { padding: 15px 0; background: url(../img/structure/line_h.png) repeat-x left bottom; }
div#Content div.downloads div.item h2 { font-size: 1.2em; margin: 0 0 3px; }
div#Content div.downloads div.item p { margin: 0; }

/* Calendar
------------------------- */
div#Content div.calendar div.filter label { color: #52b2b5; font-size: 1.4em; margin: 0 10px 0 0; padding: 4px 0 0 0; }
div#Content div.calendar div.item { padding: 10px; }
div#Content div.calendar div.item h2 { font-size: 1.2em; font-weight: normal; letter-spacing: inherit; }
div#Content div.calendar div.item h3 { margin: 3px 0; }
div#Content div.calendar div.item p { margin: 0; }
div#Content div.calendar div.item-alt { background: #e6f4f4; }

/* Committees
------------------------- */
div#Content div.committees div.item { margin: 0 0 0 0; background: url(../img/structure/line_h.png) repeat-x left top; padding: 25px 0 0 0; }
div#Content div.committees div.item ul { width: 337px; padding: 0 0 0 0; }
div#Content div.committees div.item li { font-size: 1.2em; margin: 0 0 15px 0; }
div#Content div.committees div.item li strong { color: #55b5b3; font-weight: bold; text-transform: uppercase; margin-right: 5px; }
div#Content div.committees div.item li a { font-weight: normal; text-decoration: underline; color: #5e5e5e; }
div#Content div.committees div.item p { margin: 0 0 15px 0; }
div#Content div.committees div.item h3 { font-size: 1.2em; margin: 0 0 5px 0; }

/* Search
------------------------- */
div#Content div.search div.back { background: none; padding-top: 0; }

/* Sitemap
------------------------- */
div#Content div.sitemap ul li { border: 1px solid #f1f1f1; padding: 10px; margin: 0 0 10px 0; }
div#Content div.sitemap ul li a { font-size: 1.4em; }
div#Content div.sitemap ul ul li { background: none; border: none; margin: 5px 0 0 0; padding: 0; }
div#Content div.sitemap ul ul li a { font-size: 1.2em; font-weight: normal; }

/* Table
------------------------- */
div#Content table { width: 50%; margin: 0 0 10px 0; }
div#Content table th { font-size: 1.2em; font-weight: bold; padding: 5px;  }
div#Content table td { padding: 5px; font-size: 1.1em; border-top: 1px solid #999; }

/* -----------------------------------------------
PAGE SPECIFIC
----------------------------------------------- */
body.home div#Header div.wpr { height: 450px; }
body.home div#NavPrimary { width: 240px; height: 520px; top: 90px; left: 0; position: absolute; background-repeat: repeat-y; margin: 0; }
body.home div#Intro { width: 655px; }
body.home div#Intro h1 { font-size: 12em; }
body.home div#Content { float: none; width: auto; }
body.home div#Content div.promotions { background: url(../img/structure/line_v.png) repeat-y right top; }
body.home div#Content div.promotions div.item { background: url(../img/structure/line_v.png) repeat-y; float: left; width: 200px; min-height: 120px; padding: 10px 20px 80px 20px; position: relative; }
body.home div#Content div.promotions div.item div.image {  margin: 0 -4px 20px -4px; }
body.home div#Content div.promotions div.news h3 { font-size: 1.2em; margin: 15px 0 5px 0; }
body.home div#Content div.promotions div.news p { margin: 0 0 5px 0; }
body.home div#Content div.promotions div.item a.view-more { position: absolute; bottom: 0; }
body.home div#Content div.promotions div.item input.btn { position: absolute; bottom: 0; }

/* -----------------------------------------------
FORMS
----------------------------------------------- */
div.form { padding: 40px 0 0 0; }
div.form div.input { margin: 0 0 15px 0; position: relative; float: left; width: 100%; }
div.form form div.input label,
div.form form div.input div.label { float: left; width: 150px; margin-right: 10px; font-size: 1.2em; padding-top: 9px; display: block; text-align: right;  }
div.form input { font-family: "frutiger linotype","lucida grande","verdana",sans-serif; font-size: 1.3em; }

/* text */
div.form form div.text input { float: left; width: 200px; clear: none; padding: 5px; background: #fff; border: 1px inset #717171; color: #000; }

/* textarea */
div.form form div.textarea textarea { float: left; width: 200px; clear: none; padding: 5px; background: #fff; border: 1px inset #717171; color: #000; }

/* submit */
div.form form div.submit { padding: 0 0 0 157px; }