@charset "UTF-8";
/* CSS Document */

* { margin:0; padding:0; list-style:none; text-decoration:none; }
img { border:none; display:block; }


body {font-size:62.5%;font-family:Arial, Helvetica, sans-serif;color:#d2d2d2;background:url(../images/subnav_bg-repeat.jpg) repeat-x top left #234062; text-align:center;}
body#sub {background:url(../images/main_bg-1600.png) no-repeat 50% 0px #234062;}
#anniversary {position:absolute;top:0;right:0;z-index:40;}
#wrapper {width:992px;position:relative;margin:0 auto;text-align:left;}
#header {width:992px;height:167px;background:url(../images/nav_bg.png) no-repeat bottom left;position:relative;float:left;}
.bmi {position:absolute;top:68px;right:35px;}
#statement {float:right;width:405px;margin:74px 8px 8px 0;}
#content-area {width:918px;height:191px;clear:both;margin:5px 0 0 7px;padding:65px 30px 0 30px;background:url(../images/content_bg.png) no-repeat left bottom;overflow:hidden;}
.actions {width:244px;height:152px;padding:15px 18px 0 18px;background:url(../images/banners/actions-bg.png) no-repeat top left;float:left;margin-right:8px;}
.annualtug {float:left;}
.help {width:278px;float:right;}

/*----- Banners -----*/

#banners {width:960px;margin:3px auto;overflow:hidden;}
#banners li {float:left;margin-right:39px;}
#banners li.last {margin:0;}

/*---- Sub Nav ----*/
#contentLeft {width:150px;position:relative;float:left;margin:52px 0 0 18px;}

/*----- Content ----*/
#contentCenter {width:382px;position:relative;float:left;border-right:1px solid #325c8c;padding-right:48px;margin:50px 0 40px 58px;}

/*----- Sub Area -----*/
#contentRight {width:276px;position:relative;float:right;margin:50px 18px 0 0;}


/*------ Footer ------*/
#footer ul{display: none;}
#footer {width:960px;clear:both;margin:15px auto;text-align:center;padding-top: 15px;}
#footer hr {background-color: #5f748c;color:#5f748c;height:1px;border:0 none;margin:10px 0;}

/* Typography */

/*---- Headers ----*/

/* Logo */
#header h1 {width:130px;height:130px;background:url(../images/bcsc_logo_90.png) no-repeat top left;text-indent: -9999px;margin:10px 0 0 38px;}

/* Steam Boat Baltimore */
#header h2 {width:288px;height:18px;background:url(../images/steamtug-title.png) no-repeat top left;text-indent: -9999px;position:absolute;top:24px;left:225px;}

/* Our Mission */
#statement h2 {width:198px;height:48px;background:url(../images/type/our_mission.png) no-repeat top left;text-indent:-9999px;}

/* Actions */
.actions h3 {font-family:Georgia, "Times New Roman", Times, serif;font-size:2.0em;font-weight:bold;color:#e5d134;margin-bottom:16px;}

/* What to Help? */
.help h3 {width:175px;height:21px;background:url(../images/type/want_to_help.png) no-repeat top left;text-indent:-9999px;margin-bottom:10px;}

/* Anniversary */
#anniversary h3 {width:252px;height:146px;background:url(../images/anniversary_banner.png) no-repeat top left;text-indent:-9999px;}

/* Section Headers Sub Nav */
#contentCenter h3 {font-family:Georgia, "Times New Roman", Times, serif;font-size:2.4em;font-weight:bold;color:#e5d134;margin-bottom:22px;}
#contentCenter h4 {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.8em;font-weight:bold;color:#e5d134;margin-bottom:12px;}


/*----- Navigation -----*/

#navigation {position:absolute;top:68px;left:213px;width:468px; z-index:100;}
#navigation li {float:left;width:132px;margin:0 10px 10px 0;}
#navigation .adj {margin-right:36px;}
#navigation li a {color:#adcbef;font-size:1.4em;font-weight:bold;padding:3px 6px;}
#navigation li a:hover {background-color:#1b9f2d;color:#fff;}
#navigation>ul {z-index:200;}
#navigation>ul>li {z-index:101;}
#navigation>ul>li>a:hover {-moz-border-radius:5px;border-radius:5px;}
#navigation li ul {position:absolute;display:none;width:190px;margin-top:3px;z-index:300 !important;}
#navigation li ul li {margin:-1px 0 0 0; z-index:301;}
#navigation li ul li a {width:164px;display:block;background-color:#1b9f2d;border:1px solid #365177;color:#fee100; z-index:302 !important;}
#navigation li ul li a * {z-index:303 !important;}
#navigation li:hover ul {display:block;}

/*----- Sub Navigation ----*/
#navigationSidebar {font-size:1.3em;}
#navigationSidebar ul li a {border-bottom:1px solid #356093;color:#adcbef;font-weight:bold;display:block;padding:6px 5px;}
#navigationSidebar li a:hover {background:url(/Images/arrow_icon.gif) no-repeat 130px center #356093;}

/*----- Buttons ----*/
h4.donation {width:208px;height:51px;font-size:12px;background:url(../images/banners/donation_button.png) no-repeat top left;}
h4.donation a {color:#30F853;display:block;font-weight:normal;padding:26px 0 0 55px;margin-top:6px;}
h4.donation a:hover {color:#fff;}

/*---- Paragraphs ----*/

#statement p {color:#fff;font-size:1.4em;line-height:18px;margin:0 0 0 14px;}
.help {color:#2a2a2a;line-height:18px;}
#contentCenter p {line-height:18px;margin:0 0 20px 0;}
#contentCenter .highlight {font-size:1.2em;font-weight:bold;line-height:19px;}
#contentRight p {margin:10px 0 28px 0;font-size:1.1em;line-height:15px; }
p.copyright {font-size:1.1em;color:#a7b2e8;}
p {font-size:1.2em;}

blockquote { font-size:1.2em; line-height:1.5em;margin-left:1.5em; }
q, blockquote {color:#eee; font-style:italic;}

/*---- Lists ----*/
#contentCenter ul { margin-left:2em; list-style:bullets; font-size:1.1em; }
#contentCenter ul li { list-style:circle; font-size:1em; margin-bottom:0.3em; }
#contentCenter ul {}

#contentCenter a {color:#7ac; }
#contentCenter a:hover {text-decoration:underline;}

/*---- Dictionary Lists ----*/
dl.content-list {border-top:1px solid #369;}
dl.content-list dt,
dl.content-list dt a {font-family:Georgia, "Times New Roman", Times, serif;font-size:1.3em;font-weight:bold;color:#e5d134 !important;margin:1em 0 0.5em 0;}
dl.content-list dd {font-size:1.2em;border-bottom:1px solid #369;padding-bottom:1em;}

/*---- Shipping Rates ----*/
table#shipping-rates {border:1px solid #325c8c; position:relative; left:3em; border-spacing:0; font-size:1.5em; }
table#shipping-rates th {background:#325c8c; padding:0.5em 1em; color:#eee; }
table#shipping-rates td {padding:0.5em 1em; border-top:1px solid #325c8c; text-align:right; }




#navigation li {float:left;width:132px;margin:0 10px 4px 0;padding:3px 6px;position:relative;}

#navigation .adj {margin-right:16px;}

#navigation li ul {position:absolute;display:none;width:190px;margin-top:0;top:100%;left:5px;}

#navigation li ul li {margin:-1px 0 0 0;padding:0;}




/* Contact Form */

#formMiddle{
background: url(../Images/contactForm_back.jpg) repeat-y;
color:#2a2a2a;
padding: 0 15px;

}

#formTop{
width: 275px;
height: 11px;
background: url(../Images/contactForm_top.jpg) no-repeat;
margin:0px;
padding:0px;
}

#formBottom{
width: 275px;
height: 11px;
background: url(../Images/contactForm_bottom.jpg) no-repeat;
margin:0px;
padding:0px;
}


form.comment-form input{
width:243px;
margin-bottom: 8px;

}

form.comment-form select{
width:245px;
margin-bottom: 8px;
}


form.comment-form p{
margin-bottom:0px !important;
}

form.comment-form textarea{
width:243px;
margin-bottom: 8px;
}



form.comment-form h3{
font-size: 2em;
font-family: georgia;
color:#8a2b16;
border-bottom:1px solid #000;
}

form.comment-form label{
color:#2a2a2a;
font-weight:bold;
font-size: 12px;
}
form.comment-form img{
float:left;
}

#contentCenterGallery{width:748px;position:relative;float:left;margin:50px 0 40px 58px;}
#contentCenterGallery ul li{display: inline; float: left; margin: 0 10px 10px 0;-moz-border-radius:5px; -webkit-border-radius: 5px;border: 3px solid #fff;}
#contentCenterGallery ul li img{width: 225px; }

#contentCenterGallery h3 {font-family:Georgia, "Times New Roman", Times, serif;font-size:2.4em;font-weight:bold;color:#e5d134;margin-bottom:22px;}