body { margin:auto 0; padding:0; background-color:#87B1C3; background-image: url(/images/top_fade_bg.jpg); background-repeat:repeat-x; }
#pageContainer { width:750px; margin:auto; background-image:url(/images/page_columns_bg.gif); background-repeat:repeat-y; }
#pageContainer2 { width:750px; background-image:url(/images/logo_right_col.gif); background-position:right bottom; background-repeat:no-repeat; }
#header { position:relative; width:750px; height:161px; background-image:url(/images/header.jpg); }
#header #siteTitle { display:block; position:absolute; width:294px; height:0; padding-top:77px; left:0; bottom:15px; background-image:url(/images/brights_main_title.gif); background-repeat:no-repeat; overflow:hidden; }
#header #siteTitle:hover { background-color:transparent; }
#tagLine { text-align: right; position:absolute; padding-bottom:5px; padding-right: 20px; font-family: Verdana; font-size: small; font-weight: bold; color: rgb(68, 68, 68); right:0; bottom:0; }
/* a special, space-themed header for the home page which has */
body.home #header { height:224px; background-image:url(/images/brights_main_title.jpg); }
body.home #socialmedia { display:block; position:absolute; width:750px; height:32px; text-align: right; padding-top:77px; right:0; bottom:0; font-family: Verdana; font-size: small; font-weight: bold; }
body.home #donatenow { display:block; position:absolute; width:32px; height:32px; padding-top:0px; right:210px; bottom:180px; background-image:url(/images/icons/social/donate_now.png); background-position:right bottom; background-repeat:no-repeat; }
body.home #socialmediafacebook { display:block; position:absolute; width:32px; height:32px; padding-top:0px; right:170px; bottom:180px; background-image:url(/images/icons/social/facebook-variation.png); background-position:right bottom; background-repeat:no-repeat; }
body.home #socialmediagplus { display:block; position:absolute; width:32px; height:32px; padding-top:0px; right:130px; bottom:180px; background-image:url(/images/icons/social/gplus-variation2.png); background-position:right bottom; background-repeat:no-repeat; }
body.home #socialmediatwitter { display:block; position:absolute; width:32px; height:32px; padding-top:0px; right:90px; bottom:180px; background-image:url(/images/icons/social/twitter-variation.png); background-position:right bottom; background-repeat:no-repeat; }
body.home #socialmediawordpress { display:block; position:absolute; width:32px; height:32px; padding-top:0px; right:50px; bottom:180px; background-image:url(/images/icons/social/wordpress-variation.png); background-position:right bottom; background-repeat:no-repeat; }
body.home #socialmediayoutube { display:block; position:absolute; width:32px; height:32px; padding-top:0px; right:10px; bottom:180px; background-image:url(/images/icons/social/youtube-variation.png); background-position:right bottom; background-repeat:no-repeat; }
/* a special page with no columns used on certain pages */
/* to apply this "oneColum" look to a page, add its file path to the /includes/top_code.php file */
body.oneColumn #pageContainer { background-image:url(/images/page_no_columns_bg.gif); }
body.oneColumn #pageContainer2 { background:none; }
body.oneColumn #content { width:710px; }
/* MAIN NAVIGATION BUTTONS */
#mainNav { position:relative; width:750px; height:30px; background-image:url(../../images/main_nav_bg.jpg); background-repeat:no-repeat; margin-bottom:2px; border-bottom:1px solid #1FBBFF; border-top:1px solid #1FBBFF; }
/* END MAIN NAVIGATION BUTTONS */
/* MENU ARROW */
#cm-nav li a.arrow {/*background-image: url(../../images/arrow-rightbb.gif)*/}
#cm-nav > li > a ,
#cm-nav > li > a.arrow {padding-right: 4px}
.arrow-pad#cm-nav > li > a ,
#cm-nav ul.arrow-pad > li > a {/*padding-right: 11px*/}
#cm-nav li a.arrow ,
#cm-nav > li > a.arrow {/*
background-repeat: no-repeat;
background-position: right 50%
*/
}
/* END ARROW */
/* MAIN NAVIGATION MENU STYLES UL - CM-NAV */
ul#cm-nav ,
ul#cm-nav ul {
list-style-type: none;
margin: 0px;
list-style-image: none;
padding: 0px;
}
ul#cm-nav li a { text-align: center;
border-left: #1FBBFF 1px solid;
padding-left: 20px;
padding-right: 21px;
}
ul#cm-nav li {
position: relative;
list-style-type: none;
margin: 0px;
width: 16.66%;
float: left;
list-style-image: none;
padding-top: 1px;
}
ul#cm-nav li li a { text-align: left}
ul#cm-nav li li {
float: none;
width: auto;
height: auto;
}
#cm-nav a {
text-align: left;
display: block;
font-family: verdana;
white-space: nowrap;
color: black;
font-size: 0.9em;
text-decoration: none;
padding: 5px
}
#cm-nav a:focus {
outline-style: none;
outline-color: invert;
outline-width: medium
}
#cm-nav a.no-click {cursor: default}
#cm-nav li a {margin: -1px -1px 0px 0px; }
#cm-nav li li a {margin: 0px 0px -1px; background-color:#E6F9FF;
border-bottom: #1FBBFF 1px solid;
padding-top: 0px;
padding-bottom: 0px;
text-align: left;
padding-left: 2px;
}
/* #cm-nav li ul { width: 90px} */
#cm-nav li:hover > a {
background-color:#63C0F8;
color: white
}
#cm-nav li ul ,
#cm-nav li:hover ul ul ,
#cm-nav li:hover ul ul ul ,
#cm-nav li:hover ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul {
z-index: 999;
position: absolute;
display: none
}
#cm-nav li:hover ul {display: block}
#cm-nav li li:hover ul ,
#cm-nav li li li:hover ul ,
#cm-nav li li li li:hover ul ,
#cm-nav li li li li li:hover ul ,
#cm-nav li li li li li li:hover ul ,
#cm-nav li li li li li li li:hover ul {
display: block;
margin-left: 100%
}
#cm-nav li:hover ul {margin-left: 0px}
#cm-nav ul
{
border: #1FBBFF 1px solid;
}
#cm-nav ul ul {
top: 1px;
left: -1px
}
#cm-nav li {top: -1px; }
/* END MAIN NAVIGATION MENU STYLES UL - CM-NAV */
/* BREADCRUMBS BEGIN */
#breadcrumbs { color:#1FBBFF; font-size: 0.8em; margin-top:0px; padding-top: 3px; margin-left: 5px;
margin-bottom: 15px; text-decoration: none}
/* BREADCRUMBS END */
/* CONTENT BOX */
#content { float:left; width:520px; padding:0 20px 50px 20px; margin-top:15px; }
#content p { color:#333; }
.highlighted { font-size:0.9em; background-color:#FFFCE3; padding:15px; padding-bottom:10px; margin-bottom:20px; }
.highlighted h1 { font-size:1.5em; font-weight:bold; margin-bottom:0.5em; color:#333; }
.highlighted ul, .highlighted ol { padding:0; margin:0; padding-left:15px; }
.highlighted p, .highlighted h4 { margin:0; }
.highlighted2 { font-size:0.9em; background-color:#F5FCFF; padding:15px; padding-bottom:10px; margin-bottom:20px; }
.highlighted2 .boxed { border:1px solid #FFF; background-color:#FAFEFF; margin-bottom:.5em; }
.highlighted2 h1 { font-size:1.5em; margin-bottom:0.5em; }
.highlighted2 ul, .highlighted2 ol { padding:0; margin:0; padding-left:15px; }
.highlighted2 p, .highlighted2 h4 { margin:0; }
a.iconBox { font-size:1.2em; font-weight:bold; font-style:italic; line-height:1.3em; display:block; background-color:#EEFBFE; background-image:url(/images/brights_icon_blue_small.gif); background-repeat:no-repeat; background-position:5px 50%; margin:2em 0 2em 0; padding:5px 5px 5px 55px; text-decoration:none; }
a.iconBox:hover { text-decoration:none; color:#339; background-color:#FFFCE3; }
.sourceCode, .boxed { font-size:0.9em; padding:15px; padding-bottom:10px; margin-bottom:20px; border:1px dashed #999; }
.sourceCode h4, .boxed h4 { margin-top:0; }
/* RIGHT COLUMN */
#rightColumn { float:left; width:155px; padding:0 15px 250px 15px; margin-top:15px; }
#rightColumn h4 { font-family:myriad, verdana, arial, helvetica, sans-serif; font-size:0.9em; color:#5A5A5A; margin:0 0 0.2em 0; }
#rightColumn ul, div#rightColumn ol { margin:0 0 2em 0; padding:0 0 0 15px; }
#rightColumn ul li { list-style:disc url(/images/list_bullet_small.gif); margin:0; padding:0 0 .4em 0; font-size:0.8em; line-height:1.3; }
#rightColumn ul li a { line-height:1.3; }
#rightColumn ul li ul { margin:0; padding:3px 0 0 15px; }
#rightColumn ul li ul li { list-style:square url(/images/list_bullet_sub.gif); font-size:0.9em; }
#rightColumn label { font-family:myriad, verdana, arial, helvetica, sans-serif; font-size:0.9em; font-weight:bold; color:#5A5A5A; margin:0; }
#rightColumn form { margin:0 0 2em 0; padding:0; }
#rightColumn fieldset { margin:0; padding:0; border:none; }
#rightColumn #q { width:90%; font-size:12px; margin:0 0 1px 0; }
#rightColumn p { font-size:0.8em; line-height:1.3em; margin-bottom:2em;}
#calendarAd { display:block; width:155px; padding:112px 0 0; background:transparent url(/images/calendar_2008.jpg) no-repeat 0 0 }
#calendarAd:hover { background-color:#fffce3; }
#rotating_headshots { display:block; text-align:center; padding-top:630px;}
/* FOOTER */
#footer { clear:both; width:735px; margin:0 1px 0 1px; padding:17px 0 17px 13px; background-color:#EEF2F4; border-top:1px solid #DFE6EB; border-bottom:1px solid #1FBBFF; }
#footer ul { list-style:none; font-size:0.8em; margin:0; padding:0; }
#footer ul li { list-style:none; display:inline; margin:0; padding:0; }
#footer ul li a { color:#000; text-decoration:none; padding:0 7px 0 7px; border-right:1px solid #000; }
#footer ul li a.last { border:none; }
#footer ul li a:hover { text-decoration:underline; background-color:transparent; }
/* SUB FOOTER (address under the footer links) */
#subFooter { margin:auto; width:730px; height:350px; padding:17px 0 0 20px; }
#subFooter p { font-size:0.8em; line-height:1.2em; margin:0 0 0.7em 0; }
/* STYLES FOR "PERSON", "PRINCIPLE", and "ITEM" DIVs */
.person, .principle, .item { border-top:1px solid #999; margin:15px 0 30px 0; padding:5px 0 0 0; clear:both; }
.person h2, .principle h2, .item h2 { margin:0; font-size:1.3em; font-weight:bold; }
.person img, .principle img, .item img { float:left; border:1px solid #000; margin:14px 7px 5px 0; }
.person img, .principle img, .item img { float:left; border:1px solid #000; margin:14px 7px 5px 0; }
.person li, .principle li, .item li { font-size:0.9em; line-height:1.4em; }
.person ul, .principle ul, .item ul { padding-left:2em; }
.comments p { border-top:1px solid #999; padding-top:15px; }
/* FORM ELEMENTS */
#formPage form div { margin-top:0.2em; margin-bottom:0.3em; clear:both; }
#formPage fieldset { margin-bottom:2em; padding-top:1em; border:1px solid #ccc; }
#formPage legend { font-size:1.3em; font-weight:bold; color:#000; }
#formPage label,
#formPage input,
#formPage select { font-size:0.9em; display:block; width:180px; float:left; margin-bottom:5px; }
#formPage label { text-align:right; width:115px; padding:2px 5px 0 0; }
#formPage label.special,
#formPage input.special { display:inline; float:none; width:auto; }
.formFieldNote { display:block; padding:0 1em 0 1em; font-size:0.8em; font-style:italic; }
/* MISC. STYLES */
.hidden { height:0; width:0; overflow:hidden; position:absolute; }
.indent { padding-left:1em; }
.smaller { font-size:smaller; } /* small text */
.shrunk { font-size:0.9em; } /* apply to p tags, it is a size in between default and .smaller */
hr { width:100%; height:1px; color:#999; background-color:#999; border:none; }
.floatLeft { float:left; margin:1em 1em 1em 0; }
.floatRight { float:right; margin:1em 0 1em 1em; }
/* apply the below class to an element such as .
to force*/
.floatClear { width:0; height:0; overflow:hidden; clear:both; }
.dl-print-banner-box { width:340px; border:1px solid #ccc; padding:0 10px; margin:15px 0;}
.noSpaceAbove { margin-top:0; }
/* Below rule makes hyperlinks in the Bulletin pages (much) smaller in size */
/*
To selectively override the "display:block"
(which makes all hyperlinks appear on their own line)
please use an inline style on the tag, such as:
*/
#bulletin a { display:block; width:520px; overflow:hidden; font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-size:1.1em; }