/* Start of CMSMS style sheet 'BOMA - Screen' */
/*
Description: BOMA Virginia website style sheet
Author: Michael Marcialis
*/

/* ============================================================================
UNIVERSAL RESET
=============================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* ============================================================================
LAYOUT STYLES
=============================================================================== */
body {
font:normal 11pt Arial, Helvetica, sans-serif;
color:#363434;
background-color:#ffffff;
}

#header,
#intro,
#content,
#footer {
min-width:960px;
position:relative;
}

#header {
background:#11222f url(/images/header_gradient.jpg) repeat-x bottom left;
height:108px;
float:left;
width:100%;
}

#navigation {
width:960px;
position:relative;
height:108px;
}

#intro {
background:#000000 url(/images/intro_gradient.jpg) repeat-x top left;
float:left;
width:100%;
}

#centerpiece {
background:transparent url(/images/centerpiece.jpg) no-repeat top left;
min-height:390px;
}

#content {
background:#fbf6ec url(/images/content_gradient.jpg) repeat-x top left;
float:left;
width:100%;
}

#news,
#mission,
#sponsors,
#subnavigation,
#mainContent,
#subContent,
#allContent {
margin-bottom:20px;
}

#news {
float:left;
width:294px;
margin-left:18px;
display:inline;
padding-bottom:15px;
}

#mission {
float:left;
width:454px;
margin-left:26px;
padding-bottom:15px;
}

#sponsors {
float:left;
width:134px;
margin-left:26px;
padding-bottom:15px;
}

#subnavigation {
float:left;
width:134px;
margin:0 0 15px 18px;
display:inline;
padding-top:15px;
}

#allContent {
float:left;
width:774px;
margin-left:26px;
padding-bottom:15px;
}

#mainContent {
float:left;
width:374px;
margin-left:26px;
padding-bottom:15px;
}

#subContent {
float:left;
width:374px;
margin-left:26px;
padding:97px 0 15px 0;
}

#footer {
width:942px;
margin-left:18px;
padding-bottom:15px;
clear:both;
overflow:hidden;
}

.clearer {
clear:both;
}

/* ============================================================================
HEADER STYLES
=============================================================================== */
h1 {
width:114px;
height:37px;
position:absolute;
top:20px;
left:18px;
}

h2 {
font:2em Georgia, "Times New Roman", Times, serif;
padding:12px 0 20px 0;
color:#345773;
}

#intro h2 {
color:#ffffff;
width:222px;
margin-left:18px;
}

h3 {
font:1.3em Georgia, "Times New Roman", Times, serif;
border-bottom:1px solid #d2c3a6;
color:#345773;
padding-bottom:3px;
margin-bottom:15px;
line-height:1.1em;

}

h4 {
font:italic 1.15em Georgia, "Times New Roman", Times, serif;
letter-spacing:-.02em;
padding-bottom:5px;
color:#8f7d55;
}

/* ============================================================================
LIST STYLES
=============================================================================== */
#header ul {
position:absolute;
left:10px;
bottom:0;
}

#header li {
float:left;
width:160px;
height:50px;
text-indent:-5000px;
}

#header li#navContact {
width:150px;
}

#intro dl {
width:222px;
margin-left:18px;
color:#ffffff;
}

#intro dt,
#news dt,
#mainContent dt,
#subContent dt,
#allContent dt {
font:italic .8em/1.4em Georgia, "Times New Roman", Times, serif;
width:60px;
margin-left:2px;
float:left;
display:inline; /*corrects double margin bug*/
padding:5px 0;
}

#news dt,
#mainContent dt,
subContent dt,
allContent dt {
color:#8f7d56;
}

#searchResults dt {
font-size:1.3em;
font-style:normal;
line-height:1.1em;
width:auto;
margin:0;
padding:0;
float:none;
display:block;
}

#intro dd,
#news dd,
#mainContent dd,
#subContent dd,
#allContent dd {
font:.8em/1.4em Arial, Helvetica, sans-serif;
border-bottom:1px dotted #3e505e;
padding:5px 0 5px 80px;
line-height:1.4em;
}

#news dd,
#mainContent dd,
#subContent dd,
#allContent dd {
border-color:#d2c3a6;
}

#searchResults dd {
margin:0;
padding:5px 0 5px 10px;
color:#8d7e55;
}

#searchResults small {
font-size:.85em;
}

#intro dd:hover {
background-color:#2f2f2f;
}

#news dd:hover,
#mainContent dd:hover,
#subContent dd:hover,
#allContent dd:hover {
background-color:#ded2bb;
}

#searchResults dd:hover {
background-color:transparent;
}

#searchResults dt.alternate,
#searchResults dt.alternate:hover,
#searchResults dd.alternate,
#searchResults dd.alternate:hover {
background-color:#e8ddc9;
}

#mainContent ul,
#mainContent ol,
#subContent ul,
#subContent ol,
#allContent ul,
#allContent ol {
margin-bottom:15px;
font-size:.8em;
/*font:.9em Georgia, "Times New Roman", Times, serif;*/
color:#8f7d55;
}

#content ul li {
background:transparent url(/images/bullet.gif) no-repeat top left;
}

#content ol li {
list-style:decimal inside;
}

#content li {
margin:10px 0;
padding-left:20px;
line-height:1.4em;
}

#content #subnavigation ul,
#content #subnavigation li {
margin:0;
padding:0;
background:none;
}

#content #subnavigation ul {
margin-bottom:15px;
border-bottom:1px solid #d2c3a6;
}

#content #subnavigation ul ul {
margin-bottom:0;
border:none;
}

#content .error_message li {
background-image:none;
margin:0;
padding:0;
color:red;
font-weight:bold;
}

/* ============================================================================
TYPOGRAPHY STYLES
=============================================================================== */
strong {
font-weight:bold;
}

em {
font-style:italic;
}

sup {
font-size:.65em;
vertical-align:top;
}

#intro p {
font-size:.8em;
width:150px;
margin-left:98px;
padding:5px 0 15px 0;
}

#content p {
line-height:1.35em;
margin-bottom:20px;
}

p#articleNav {
margin:5px 0 15px 0;
font:italic .8em Georgia, "Times New Roman", Times, serif;
text-align:right;
color:#8f7d56;
}

p#breadcrumb {
font:.75em Arial, Helvetica, sans-serif;
color:#d2c3a6;
border-top:1px solid #d2c3a6;
border-bottom:1px solid #d2c3a6;
margin:15px 0 0 0;
}

#footer p {
font:italic .8em/1.8em Georgia, "Times New Roman", Times, serif;
color:#8f7d56;
}

/* ============================================================================
IMAGE STYLES
=============================================================================== */
#content img {
padding:3px;
border:1px solid #d2c3a6;
background-color:#ffffff;
}

.floatRight {
float:right;
margin:0 0 10px 10px;
}

.floatLeft {
float:left;
margin:0 10px 10px 0;
}

#news img {
margin-top:15px;
}

#subnavigation img {
margin-bottom:15px;
}

#content a:hover img {
border-color:#8f7d56;
}

#sponsors img {
border:none;
padding:0;
background:none;
/*margin-left:17px;*/
margin-right:15px;
}

/* ============================================================================
LINK STYLES
=============================================================================== */
a:link,
a:visited {
color:#4d88b9;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

h1 a:link,
h1 a:visited {
display:block;
text-indent:-5000px;
width:114px;
height:37px;
background:transparent url(/images/logo.png) no-repeat top left;
}

h1 a:hover {
cursor:pointer;
}

#home h1 a:hover {
cursor:default;
}

#header li a:link,
#header li a:visited {
display:block;
width:160px;
height:50px;
}

#header li#navContact a {
width:150px;
}

#navNews a:link,
#navNews a:visited {
background:transparent url(/images/nav_news.jpg) no-repeat top left;
}

#navMembers a:link,
#navMembers a:visited {
background:transparent url(/images/nav_members.jpg) no-repeat top left;
}

#navEducation a:link,
#navEducation a:visited {
background:transparent url(/images/nav_education.jpg) no-repeat top left;
}

#navAdvocacy a:link,
#navAdvocacy a:visited {
background:transparent url(/images/nav_advocacy.jpg) no-repeat top left;
}

#navAbout a:link,
#navAbout a:visited {
background:transparent url(/images/nav_about.jpg) no-repeat top left;
}

#navContact a:link,
#navContact a:visited {
background:transparent url(/images/nav_contact.jpg) no-repeat top left;
}

#navNews a:hover,
#navMembers a:hover,
#navEducation a:hover,
#navAdvocacy a:hover,
#navAbout a:hover,
#navContact a:hover {
background-position:bottom left;
}

#navNews a:active,
#navMembers a:active,
#navEducation a:active,
#navAdvocacy a:active,
#navAbout a:active,
#navContact a:active{
background-position:top right;
}

#header a.active {
background-position:top right !important;
cursor:default !important;
}

#breadcrumb a:link,
#breadcrumb a:visited {
color:#8f7d56;
}

#breadcrumb a:hover {
text-decoration:none;
background-color:#ded2bb;
}

#subnavigation ul a:link,
#subnavigation ul a:visited {
display:block;
color:#8d7e55;
padding:10px 0;
border-top:1px solid #d2c3a6;
font:.75em Arial, Helvetica, sans-serif;
width:100%;
}

#subnavigation ul a:hover {
background-color:#ded2bb !important;
text-decoration:none;
}

#subnavigation ul ul a:link,
#subnavigation ul ul a:visited {
padding-left:15%;
width:85%;
/*text-indent:20px;*/
}

#subnavigation ul .currentpage a:link,
#subnavigation ul .currentpage a:visited {
font-weight:bold;
cursor:default;
background-color:#ded2bb;
}

#subnavigation ul .currentpage ul a:link,
#subnavigation ul .currentpage ul a:visited {
background-color:transparent;
cursor:pointer;
font-weight:normal;
}

a:link#bomaInternational,
a:visited#bomaInternational {
float:right;
text-indent:-9999px;
display:inline;
width:127px;
height:40px;
background:transparent url(/images/boma_international.gif) no-repeat left top;
margin-right:18px;
}

a:hover#bomaInternational {
background-position:left bottom;
}

/* ============================================================================
TABLE STYLES
=============================================================================== */

table {
width:100%;
border-collapse:separate;
}

th {
border-bottom:1px solid #fbf6ec;
padding:5px 8px;
text-align:left;
color:#ffffff;
background-color:#345776;
font:1.15em Georgia, "Times New Roman", Times, serif;
}

td {
padding:5px 8px;
font-size:.8em;
border-bottom:1px solid #fbf6ec;
background-color:#e8e0cd;
}

td.currency {
text-align:right;
font-weight:bold;
}

tr.alternate td {
background-color:#ded2bb;
}

.calendar {
width:100%;
border-collapse:separate;
z-index:1;
}

.calendar th {
padding:5px;
border-bottom:1px solid #d2c3a6;
font:bold .8em Arial, Helvetica, sans-serif;
color:#8f7d56;
text-align:center;
background-color:transparent;
}

.calendar th#calendarMonth {
background-color:#fbf6ec;
border:1px solid #d2c3a6;
border-bottom:1px solid #fbf6ec;
}

.calendar td {
text-align:center;
font:1.2em Georgia, "Times New Roman", Times, serif;
padding:10px;
color:#bbbbbb;
background-color:#fbf6ec;
border:1px solid #fbf6ec;
z-index:1;
}

.calendarEvent {
color:#4d88b9;
position:relative;
}

.calendar td ul {
display: none;
position:absolute;
top:22px;
left:-5px;
background-color:#ebe1d8;
border:1px solid #d2c3a6;
border-bottom:none;
z-index:9999;
width:125px;
margin:0;
padding:0;
}

.calendar td > ul {
top: auto;
left: auto;
}

.calendar td:hover, .calendar td.over {
background-color:#ffe7b9;
z-index:1; /*correct z-index in ie6*/
/*border:1px solid #d2c3a6;*/
}

.calendar td#calendarStart,
.calendar td#calendarEnd {
background-color:#fbf6ec !important;
border:1px solid #fbf6ec !important;
}

.calendar td:hover ul, .calendar td.over ul {
display: block;
}

.calendar ul li {
margin:0 !important;
padding:5px !important;
background-image:none !important;
font:.7em Arial, Helvetica, sans-serif;
text-align:left;
border-bottom:1px dotted #d2c3a6;
}

/* ============================================================================
RULE STYLES
=============================================================================== */
hr {
display:none;
}

.blueRule {
height:6px;
background:#ded4bf url(/images/blue_rule.gif) repeat-x top left;
}

#brownRule {
clear:both;
height:25px;
background:#ffffff url(/images/brown_rule.gif) repeat-x bottom left;
}

/* ============================================================================
FORM STYLES
=============================================================================== */
#header label,
#header legend {
display:none;
}

#header form {
position:absolute;
top:25px;
right:0;
width:310px;
}

#header fieldset {
width:100%;
}

#header input {
border:none;
background-color:#2d4456;
width:214px;
color:#587489;
font:.8em "Book Antiqua", Georgia, serif;
padding:5px 8px;
float:left;
}

#header input:focus {
background-color:#587489;
color:#ffffff;
}

#content .formbuilderform div {
margin-bottom:15px;
}

#content label {
display:block;
font:.75em Georgia, "Times New Roman", Times, serif;
color:#d2c3a6;
}

#content .required label {
color:#8f7d55;
}

#content input {
width:200px;
border:1px solid #d2c3a6;
padding:3px;
font:.8em Arial, Helvetica, sans-serif;
}

#content input:focus,
#content textarea:focus {
border-color:#8f7d56;
}

#content textarea {
width:350px;
height:150px;
border:1px solid #d2c3a6;
padding:3px;
font:.8em Arial, Helvetica, sans-serif;
}

#header input.submit {
width:70px;
height:27px;
float:right;
margin:-5px -8px 0 0;
background-color:transparent !important;
border:none !important
}

#content input.fbsubmit {
width:auto;
height:auto;
background-color:#ded2bb;
border-top:1px solid #d2c3a6;
border-left:1px solid #d2c3a6;
border-right:1px solid #8f7d56;
border-bottom:1px solid #8f7d56;
font:bold .75em Georgia, "Times New Roman", Times, serif;
letter-spacing:-.04em;
color:#8f7d56;
}

/* ============================================================================
2009 CONFERENCE ADDITIONS
=============================================================================== */

.sponsorBox {
overflow:hidden;
padding:20px 4px;
background-color:#fff;
border:1px solid #d2c3a6;
margin:1em 0;
}

.sponsorBox img {
border:none !important;
padding:0 !important;
margin-left:16px;
display:inline;
}

/* End of 'BOMA - Screen' */