/***** reset *****/
* { margin:0; padding:0; text-indent:0; outline:0; text-align:left; }
h1, h2, h3, h4, h5, h6 { font-family: 'Times New Roman', Times, sans-serif; font-weight:normal; clear:both; }


/***** standard markup *****/
a:link, a:visited, a:hover { text-decoration:none; color:#880307 }
a:link img, a:visited img, a:hover img {border:0;}
body, html { width:100%; height:100%; background:#002143; }
body { font:12px/16px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif; }
button { border:0; cursor:pointer; }
br { clear:both; }
h1 { font-size:36px; line-height:36px; color:#003a63; }
h1 span { display:block; color:#880307; font-size:20px; line-height:30px; }
h2 { font-size:30px; line-height:30px; color:#003a63; }
h3 { font-size:23px; line-height:23px; color:#003a63; }
h4 { font-size:19px; line-height:19px; color:#003a63; }
h5 { font-size:15px; line-height:15px; color:#003a63; padding-bottom:10px; }
input { border:0; }
p { font-size:12px; line-height:16px; color:#413f36; padding-bottom:10px; }
sup { vertical-align:text-top; }
ul { list-style:none; }


/***** buttons *****/
a.btn-giving-back { display:block; width:214px; height:51px; background:url(../img/btn_giving-back.png) 0 0 no-repeat; text-indent:-9999px; margin:10px auto 0; }
a.btn-giving-back:hover { background-position:0 -51px; }
a.btn-blue { display:inline-block; background:#002143; color:#dee0e1; padding:0 5px; font-size:10px; text-transform:uppercase; font-style:normal; }
a.btn-blue:hover { color:#fff; }
a.button { float:left; padding-right:15px; border-bottom:0 !important; }
    a.button span { display:block; padding-left:15px; white-space:nowrap; text-transform:uppercase; font-family:'Times New Roman', Times, sans-serif; }
    a.button:hover { border-bottom:0 !important; }
a.button-blue-large { padding-right:60px; height:51px; display:block; background:url(../img/btn_blue-large-right.png) top right no-repeat; }
    a.button-blue-large span { padding-left:60px; font-size:21px; height:51px; line-height:51px; background:url(../img/btn_blue-large-left.png) top left no-repeat; color:#dee0e1; text-transform:uppercase; }
    a.button-blue-large:hover span { color:#fff; }
a.button-gray { height:28px; background:url(../img/btn_gray-right.gif) top right no-repeat; }
    a.button-gray span { height:28px; font:bold 10px/28px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif; background:url(../img/btn_gray-left.gif) top left no-repeat; color:#ebeadf; }
    a.button-gray:hover span { color:#fff; }
a.button-gray-light { display:block; float:left; width:auto; height:26px; border:1px solid #beb8a0; background:#d8d4c5; margin-right:3px; }
    a.button-gray-light span { display:block; height:26px; font:bold 10px/26px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif; color:#fff; padding:0 15px; text-transform:uppercase; }
a.button-gray-light:hover { border-color:#a29d8a; }
    

/***** forms *******/
form button { display:inline-block; background:#7E0408; color:#fff; vertical-align:top; height:30px; margin:1px 0 0; padding:3px 10px; font:bold 14px/30px 'Times News Roman', Times, Arial, Helvetica, sans-serif; *line-height:24px; text-align:center; }
form button:hover { background:#570103; }
form input, form textarea, form label { font:15px/16px 'Times New Roman', Times, Arial, Helvetica, sans-serif; color:#6D6544; }
form input[type="text"] { position:relative; height:25px; line-height:25px; padding:3px; border-top:1px solid #B9B299; border-left:1px solid #B9B299; }
form span.error { display:block; color:#94070D; font:bold 11px/12px Arial, Helvetica, sans-serif; padding:3px 0 0 3px; }
form textarea { height:150px; padding:3px; border-top:1px solid #B9B299; border-left:1px solid #B9B299; }
form ul { list-style:none; margin:0 !important; padding:0 !important; }
form ul li { position:relative; clear:both; padding:0 0 20px !important; background:none !important; }
form ul li label, form label { position:absolute; display:block; left:5px; top:0; z-index:2; line-height:33px; height:33px; }
form ul li label.inline {display:inline-block; padding:0 5px; position:static;}
form ul li label em { color:#7E0408; }
form ul li label.error { position:relative; height:15px; font:11px/13px Arial, Helvetica, sans-serif; color:#94070D; padding:3px 0 0; }
form ul li.buttons { padding:25px 0 0 !important; }
form ul li.error { background:#7E0408 !important; font:normal 15px/16px 'Times New Roman', Times, Arial, Helvetica, sans-serif; color:#fff; padding:15px 6px !important; margin:0 0 15px; -moz-border-radius:5px; -webkit-border-radius:5px; }
form ul li.inline { zoom:1; display:inline-block; *display:inline; margin-right:5px; }
form ul li.success { background:#DEDBCA !important; font:normal 15px/16px 'Times New Roman', Times, Arial, Helvetica, sans-serif; color:#6D6544; padding:15px 6px !important; margin:0 0 15px; -moz-border-radius:5px; -webkit-border-radius:5px; }


/***** classes *****/
a.lnk-rss { background:url(../img/icon_rss.png) right center no-repeat; padding-right:25px; font:21px/24px 'Times New Roman', Times, sans-serif; color:#880307; }
a.lnk-rss:hover { text-decoration:underline; }
a.lnk-twitter { background:url(../img/icon_twitter.png) 0 center no-repeat; padding-left:25px; font:14px/18px 'Times New Roman', Times, sans-serif; color:#002143; }
a.lnk-twitter:hover { text-decoration:underline; }
div.clear { font-size:0; clear:both; }
/* may need to change this to <span> for IE */
span.imagebox, span.imagebox-sm { display:inline-block; background:url(../img/bg_imagebox.png) left bottom no-repeat; text-align:center; margin:10px 0; }
    span.imagebox img { border:3px solid #b9b299; margin:10px 10px 17px 12px; background:#fff; padding:3px; }
span.imagebox-sm img { border:3px solid #b9b299; margin:4px 4px 11px 6px; background:#fff; padding:2px; }
div.interior { width:960px; margin:0 auto; }
h1.image { text-indent:-9999px; padding:0; }
.alignleft{float:left; margin:0 15px 15px 0; }
.alignright {float:right; margin:0 0 15px 15px; }

/***** structure *****/
#wrap { width:100%; text-align:center; }
    #wrap-inner { width:1030px; margin:0 auto; }


/***** lvl1 = nav *****/
#lvl1 { height:60px; background:#002143 url(../img/bg_lvl1.jpg) 0 bottom repeat-x; border-bottom:2px solid #002143; }
    #logo { position:absolute; z-index:2; width:250px; height:201px; margin:0; padding:0; background:url(../img/logo_50back.png) 0 0 no-repeat; }
    #logo a { display:block; height:201px; text-indent:-9999px; }
    #nav { position:relative; list-style:none; width:710px; float:right; z-index:900; }
    #nav li { position:relative; float:left; height:60px; }
    #nav li a { display:block; padding:0 18px; height:60px; text-align:center; font:14px/60px 'Times New Roman', Times, sans-serif; color:#dee0e1; text-transform:uppercase; }
    #nav li a:hover { color:#fff; }
    #nav li.parent:hover ul {display:list-item;}
    #nav li ul { position:absolute; width:15em; height:auto; top:55px; left:0; display:none; border-top:0; z-index:900; }
    #nav li ul a, #nav li ul span { display:block; background:none !important; height:auto; padding:10px 8px; margin:0 10px; border-top:1px solid #0f456b; border-bottom:1px solid #04253c; font:13px/15px 'Times New Roman', Times, Arial, Helvetica, sans-serif; text-align:left; text-transform:none; }
    #nav li ul span {border-bottom:0;}
    #nav li ul li { float:none; height:auto; background:#003A62; }
    #nav li ul li:first-child a, #nav li ul li:first-child:hover a,
    #nav li ul li.first a, #nav li ul li.first:hover a { border-top:0; }
    #nav li ul li:hover { background:#04253c; }
    #nav li ul li:hover a { border-top:1px solid #04253c; }
    #nav li ul li:last-child, #nav li ul li.last { background:url(../img/bg_dropdown-bottom.png) center bottom no-repeat; height:40px; }
    #nav li ul li:last-child a, #nav li ul li.last a { border-bottom:0; }
    #nav li.active a { background:url(../img/bg_main-nav-on.jpg) center top no-repeat; color:#fff; }

 
/***** lvl2 = banner *****/
#lvl2 { height:395px; border-top:1px solid #a60b11; background:#840206 url(../img/bg_lvl2.jpg) center bottom no-repeat; text-align:center; border-bottom:2px solid #6c0102; }
    #lvl2 .interior { height:395px;  }
    #lvl2-left { float:left; width:500px; height:395px; background:#7e0408 url(../img/bg_lvl2-left.gif) 285px 20px no-repeat; }
    #lvl2-left sup a { float:none; font:10px/17px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif; padding:1px 3px; color:#dee0e1; background:url(../img/bg_lvl2-button.jpg) 0 0 repeat-x; color:#dee0e1; text-transform:uppercase; }
    #lvl2-left sup a:hover { color:#fff; }
    #lvl2-left h2 { height:100px; margin:0; padding:150px 0 0 0; background:url(../img/textheading_lvl2-left.gif) 0 bottom no-repeat; text-indent:-9999px; }
    #lvl2-left p { padding:20px; font:21px/24px 'Times New Roman', Times, sans-serif; color:#dee0e1; }
    
    #lvl2-mid { float:left; width:200px; height:395px; }
    
    #lvl2-right { float:left; margin-top:2px; width:260px; height:355px; padding-top:40px; text-align:center; background:url(../img/bg_lvl4-right-menu.png) 0 370px no-repeat; }
    #lvl2-right h2 { height:133px; text-indent:-9999px; background:url(../img/textheading_lvl2-right.png) center 0 no-repeat; }
    #lvl2-right p { padding:10px 0 0 0; font:18px/22px 'Times New Roman', Times, sans-serif; color:#dee0e1; text-align:center; }
    
    
/***** lvl3 = divider *****/
#lvl3 { height:6px; font-size:0; background:#003a63; border-top:1px solid #094470; border-bottom:3px solid #ebeadf; }


/***** lvl4 = buckets *****/
#lvl4 { border-top:4px solid #b9b299; height:390px; background:#ebeadf; }
    #lvl4-left { float:left; width:500px; height:390px; background:url(../img/bg_lvl4-left.jpg) 0 bottom no-repeat; }
    #lvl4-left h3 { color:#002143; padding-bottom:10px; }
    #lvl4-left h3 strong { display:block; padding:3px 0 0; color:#880307; text-transform:uppercase; font-size:13px; line-height:15px; }
    #lvl4-left p { font:bold 14px/18px 'Times New Roman', Times, sans-serif; color:#413f36; }
    #lvl4-left .bucket { float:left; width:215px; padding:20px 0 20px 30px; }
    #lvl4-left .date { font-size:9px; display:block; color:#a59f8b; text-transform:uppercase; font-weight:bold; }
    #lvl4-left .photo { border:3px solid #b9b299; margin-bottom:15px; }
    
    #lvl4-mid { float:left; position:relative; width:200px; height:365px; background:#dad8c5; }
    #lvl4-mid div { position:absolute; z-index:99; top:-390px; }
    
    #lvl4-right { float:left; width:260px; height:390px; background:#dad8c5; }
    #lvl4-right ul { width:260px; background:url(../img/bg_lvl4-right-menu.png) 0 -25px no-repeat; margin-top:-30px; list-style:none; }
    #lvl4-right h4 { font-size:19px; font-style:italic; font-weight:normal; color:#880307; border-bottom:2px solid #aba487; padding:0 10px 5px; }
    #lvl4-right h4 em { color:#023d67; }
    #lvl4-right h5 { color:#880307; margin:0 auto; width:200px; padding-top:15px; }
    #lvl4-right li { margin:0 7px 0 13px; padding:0 10px; width:220px; }
    #lvl4-right li a { display:block; padding:4px 5px; font:14px/16px 'Times New Roman', Times, sans-serif; color:#545044; border-bottom:1px dashed #c9c6b9; border-top:1px dashed #fff; }
    #lvl4-right li a:hover { color:#000; }
    #lvl4-right li.last { height:50px; background:#DAD8C5 url(../img/bg_lvl4-right-menu.png) -13px bottom no-repeat; text-align:center; border-bottom:0; }
    #lvl4-right li.last a { font-size:12px; line-height:12px; padding:27px 0 0 21px; width:50px; margin:0 auto; color:#e5e5e5; border:0; }
    #lvl4-right li.last a:hover { color:#fff; }
    #lvl4-right p { width:200px; margin:0 auto; font-size:11px; }
    

/***** lvl5 = buckets *****/
#lvl5 { background:#dfdecd url(../img/bg_lvl5.gif) center top no-repeat; border-bottom:1px solid #a29c86; }
    #lvl5-left { float:left; width:423px; ; background:url(../img/bg_lvl5-left.jpg) center bottom no-repeat; }
    #lvl5-left a.lnk-rss { display:block; border:1px solid #bdb69e; border-width:1px 0; padding:5px 0; background:none; }
    #lvl5-left div.contentB { height:39px; margin:-10px 15px 0 25px; padding:10px 0; background:url(../img/bg_fancy-content.png) right -49px no-repeat; }
    #lvl5-left h1 { text-indent:-9999px; height:114px; background:url(../img/bg_lvl5-left-head.gif) 0 0 no-repeat; margin:-25px 0 0 0; }
    #lvl5-left h2 { background:url(../img/bg_fancy-content.png) right 0 no-repeat; height:19px; padding:30px 0 0; margin:-5px 15px 30px 25px; font-size:34px; line-height:34px; }
    #lvl5-left h5 { color:#003a63; margin:10px 15px 0 25px; }
    #lvl5-left h5 span { color:#880307; font-size:20px; display:block; padding-top:10px; }
    #lvl5-left p { margin:0 35px 0 25px; font:14px/16px 'Times New Roman', Times, sans-serif; color:#545044; font-style:italic; }
    
    #lvl5-right { float:left; width:536px; height:350px; padding-bottom:25px; background:#750103; text-align:center; }
    #lvl5-right #flickr-content {clear:both; position:relative; left:0; top:0; overflow:hidden; width:450px; height:100px; margin:0 15px 25px 50px;}
    #lvl5-right .container {width:405px !important; background:none !important; margin:25px 0 0;}
    #lvl5-right div.active { display:block !important; }
    #lvl5-right div.content { display:none; background:url(../img/bg_lvl5-right.png) center -125px no-repeat; }
    #lvl5-right div.content a.button { margin-left:50px; }
    #lvl5-right div.content a.lnk-twitter { margin:15px auto 0; width:410px; display:block; padding:5px 0 5px 25px; border:1px solid #bdb69e; border-width:1px 0; }
    #lvl5-right div.content form { border-top:0 !important; padding-top:10px !important; }
    #lvl5-right div.content p, #lvl5-right div.content form { width:450px; margin:0 auto; padding:25px 15px 25px 40px; font:22px/26px 'Times New Roman', Times, sans-serif; color:#880307; border-top:1px solid #d2d0bc; }
    #lvl5-right div.content p a.flickr img {border:1px solid #999; padding:5px; background:#fff;}
    #lvl5-right div.content p a.flickr:hover img {border:1px solid #000;}
    #lvl5-right div.content p strong { display:block; font:bold 12px/13px Arial, Helvetica, sans-serif; color:#333; padding-bottom:6px;}
    #lvl5-right div.content ul { clear:both; width:450px; margin:0 auto; padding:25px 15px 25px 40px; }
    #lvl5-right div.contentB { width:505px; margin:0 auto; height:25px; background:url(../img/bg_lvl5-right.png) center -351px no-repeat;}
    #lvl5-right h1 { height:75px; background:#750103 url(../img/bg_lvl5-right.png) center 0 no-repeat; text-indent:-9999px; margin-top:-25px; }
    #lvl5-right ul.tabs { height:50px; padding:0 38px; background:url(../img/bg_lvl5-right.png) center -75px no-repeat; list-style:none; }
    #lvl5-right ul.tabs li { float:left; }
    #lvl5-right ul.tabs li a { display:block; padding:0 35px 0 25px; font:bold 15px/50px 'Times New Roman', Times, sans-serif; color:#928b6e; text-transform:uppercase; }
    #lvl5-right ul.tabs li a:hover { color:#545044; }
    #lvl5-right ul.tabs li.active a { margin-top:1px; border-bottom:1px solid #ebeadf; background:#ebeadf url(../img/bg_lvl5-right-tab-active.png) right 0 no-repeat; color:#002143; text-decoration:underline; }


/***** lvl6 = footer *****/
#lvl6 { border-top:1px solid #003a63; }
    #lvl6 ul { height:225px; }
    #lvl6 ul li { float:left; height:30px; margin:15px 0 0; padding-right:58px; position:relative; }
    #lvl6 ul li.home { background:url(../img/bg_lvl6-home.png) 0 center no-repeat; margin-left:10px; }
    #lvl6 ul li.home a { padding-left:25px; }
    #lvl6 ul li.last { padding-right:0; }
    #lvl6 ul li.logo { width:150px; margin-top:-2px; padding:0; }
    #lvl6 ul li.logo h1 { height:106px; background:url(../img/logo_50back-footer.png) 0 0 no-repeat; }
    #lvl6 ul li.logo h1 a { display:block; width:100%; height:100%; text-indent:-9999px; }
    #lvl6 ul li a { display:block; height:30px; font:13px/30px 'Times New Roman', Times, sans-serif; color:#dee0e1; text-transform:uppercase; }
    #lvl6 ul li a:hover { color:#fff; }
    #lvl6 ul ul { position:absolute; width:150px; height:auto; padding:5px 0 25px 0; }
    #lvl6 ul ul li { float:none; height:auto; margin:0; padding:0; padding-bottom:8px; }
    #lvl6 ul ul li a { height:auto; color:#a2b4c8; font:11px/13px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif; text-transform:none; }
    #lvl6 ul ul li a:hover { color:#dee0e1; } 
    
/***** lvl7 = footer *****/
#lvl7 { clear:both; color:#bf151b; font-size:20px; padding-bottom:5px; }


/***** lvl8 = footer *****/
#lvl8 { height:38px; border-top:1px solid #021b36; border-bottom:1px solid #012e52; }
    #lvl8 form { position:relative; margin:0; padding:0; float:left; width:765px; height:36px; border:1px solid #012e52; border-bottom:1px solid #001c38; border-right:1px solid #001c38 }
    #lvl8 form button { padding:0; vertical-align:top; width:120px; height:37px; background:#7e0408; border-top:1px solid #98070c; border-left:1px solid #98070c; margin-left:-2px; margin-top:0; }
    #lvl8 form button:hover { background:#570103; border-top:1px solid #570103; border-left:1px solid #570103; }
    #lvl8 form button span { color:#fff; height:37px; font:18px/33px 'Times New Roman', Times, sans-serif; text-align:center; display:block; }
    #lvl8 form input { border:0; padding:0; vertical-align:top; width:328px; height:38px; background:#001c38; color:#dee0e1; font:italic 15px/38px 'Times New Roman', Times, sans-serif; text-indent:10px; }
    #lvl8 form label { color:#fff; }
    #lvl8-right { position:relative; float:left; width:192px; height:37px; border:1px solid #001c38; border-top:1px solid #012e52; border-left:1px solid #012e52; border-right:0; border-bottom:0; background:#001c38; }
    #lvl8-right div { width:98px; height:37px; background:url(../img/icon_share-50back.png) 8px center no-repeat; }
    #lvl8-right div a { display:block; height:37px; text-indent:-9999px; }
    #lvl8-right div.bottlecap { position:absolute; background:url(../img/50back-bottle-cap.png) 0 0 no-repeat; right:0; width:97px; height:108px; z-index:2; margin:-30px -5px 0 0; }
    

/***** lvl9 = footer *****/
#lvl9 { padding:10px 0 150px 0;  }
    #lvl9 a { color:#dee0e1; }
    #lvl9 a:hover { color:#fff; }
    #lvl9-left { float:left; width:475px; color:#a2b4c8; font-size:11px; line-height:15px; font-weight:bold; }
    #lvl9-right { float:right; text-align:right; width:385px; padding-right:90px; font-size:10px; line-height:15px; color:#a2b4c8; }
