body { font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; color: #666; text-align: center; }
img { border: 0; }
em { font-style: italic; }
strong { font-weight: bold; }
h2, h3, h4, h5 { font-weight: bold; }
a { color: #003f8b; text-decoration: none; }
a:hover { text-decoration: underline; }
p img { vertical-align: middle; }
ol { list-style: decimal; padding-left: 1.5em; }
.clear { clear: both; height: 1px; font-size: 1px; }
.error { color: red; }

#container { position: relative; width: 779px; margin-left: auto; margin-right: auto; text-align: left; }

#header { width: 779px; height: 289px; margin-bottom: 25px; }
#header h1 { position: relative; top: 11px; width: 235px; height: 61px; }
#header h1 span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/logo.gif); }
#header p { position: relative; top: 39px; width: 779px; height: 181px; }
#header p span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/banner-blue.jpg); }

#account { position: absolute; top: 289px; right: 0; }
#account li a { color: #003f8b; font-weight: bold; background: url(../img/dot-blue.gif) no-repeat; }

#sitemap { position: absolute; top: 15px; left: 715px; }
#sitemap a { color: #666; }

#search { position: absolute; width: 190px; top: 32px; right: 0; text-align: right; }
#search .text { width: 114px; height: 16px; border: 1px solid #7f9db9; }
#search .submit { vertical-align: top; }

#cart2 { position: absolute; top: 32px; right: 215px; }
#cart2 p { color: #666; font-weight: bold; }

#crumbs { position: absolute; top: 289px; left: 0; font-size: 0.9em; }
#crumbs a { color: #666; }

#body { float: left; width: 589px; margin-left: 20px; margin-bottom: 1em; }
#body h2 { margin-bottom: 0.25em; font-size: 2em; color: #003f8b; }
#body p { margin-bottom: 1em; }

/* forms */
#body form br { display: none; }
#body form p { clear: right; }
#body label { clear: both; display: block; position: relative; margin-bottom: 1em; }
#body label em { display: block; width: 50%; margin-bottom: 1em; font-style: normal; }
#body textarea,
#body select,
#body .text { background: #eee; }
#body select,
#body .group,
#body .text { position: absolute; top: 0; left: 50%; }
#body textarea { width: 100%; }
#body .text { width: 50%; }
#body .large { position: relative; width: 100%; left: 0; }
#body .small { width: 25%; }
#body .group select { position: relative; left: 0; }

/* buttons */
#body .submit { width: 64px; height: 23px; margin-right: 15px; font-weight: bold; text-transform: uppercase; color: #fff; border: 0; background: url(../img/btn-submit.gif) no-repeat; }
#body .next { width: 88px; background: url(../img/btn-next.gif) no-repeat; }
#body .forgot { width: 127px; background: url(../img/btn-forgot.gif) no-repeat; }
#body .continue { width: 161px; background: url(../img/btn-continue.gif) no-repeat; }
#body .checkout { width: 94px; background: url(../img/btn-checkout.gif) no-repeat; }
#body .preview { width: 68px; background: url(../img/btn-preview.gif) no-repeat; }
#body .confirm { width: 80px; background: url(../img/btn-confirm.gif) no-repeat; }

#send { width: 400px; margin: 1em 0; }

#cart .item { position: relative; width: 589px; margin: 1em 0; padding: 10px 0 0; background: url(../img/bg-event.gif) no-repeat; }
#cart a { float: left; width: 100px; height: 75px; overflow: hidden; margin: 0 10px; }
#cart span { display: block; }
#cart .title br { display: block; }
#cart .price { position: absolute; bottom: 10px; left: 120px; }
#cart .qty { position: absolute; bottom: 10px; left: 280px; }
#cart .qty2 { position: absolute; bottom: 10px; left: 200px; }
#cart .special { position: absolute; bottom: 10px; left: 330px; }
#cart .total { position: absolute; bottom: 10px; left: 430px; width: 150px; text-align: right; font-weight: bold; }
#cart .del { position: absolute; top: 10px; right: 10px; }
#cart .bottom { clear: both; height: 10px; margin: 0; background: url(../img/bg-event.gif) bottom no-repeat; }
#cart .action { text-align: right; }

#user select,
#user .group,
#user .text { left: 33%; }
#user .text { width: 33%; }
#user .small { width: 16%; }

#login form { width: 359px; padding: 10px 0 0; background: url(../img/bg-login.gif) no-repeat; }
#login form p { margin-left: 10px; }
#login fieldset { padding: 0 10px; }
#login .bottom { height: 10px; margin: 0; background: url(../img/bg-login.gif) bottom no-repeat; }
#login .text { left: 33%; background: #fff; }
#login .submit { margin-left: 33%; }
#login div { width: 359px; float: right; margin: 0 0 0.5em 1em; }
#login h3 { margin: 1em 0 1em 0; }
#login .login { margin-top: 3em; }

/* home */
#welcome { float: left; width: 280px; margin: 0 15px 0 0;  }
div.home { display: inline; float: left; width: 230px; margin: 0 0 0 10px; }
div.home ul { height: 269px; padding: 10px 0 0; overflow: hidden; background: url(../img/bg-home.gif) no-repeat; }
div.home ul li { display: block; padding: 5px 15px; font-size: 0.9em; }
div.home ul li a { color: #666; }
div.home ul .even { background: url(../img/bg-home-lt.gif) repeat-y; }
div.home .bot { height: 15px; background: url(../img/bg-home.gif) bottom no-repeat; }
#welcome h2,
div.home h3 { margin: 0 0 1em 0; text-transform: uppercase; font-size: 1.3em; color: #000; }
#banners { clear: both; }
#banners a { position: relative; display: block; float: left; margin: 0 0 10px 0; }
#banners a * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#banners .banner1 { width: 293px; height: 215px; margin: 0 10px 0 0; }
#banners .banner2 { width: 468px; height: 215px; }
#banners .banner3 { width: 293px; height: 102px; margin: 0 10px 0 0; }
#banners .banner4 { width: 468px; height: 102px; }
#welcome p { font-size: 1.3em; letter-spacing: 2px; }

/* left banner */
#sidebar { position: relative; display: block; width: 166px; height: 195px; }
#sidebar * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#footer { font-size: 0.9em; clear: both; padding-top: 1em; border-top: 1px solid #ccc; text-align: center; }
#footer a { color: #666; }

#contact { width: 365px; float: left; }
#contact .captcha { padding: 15px 30px; margin-bottom: 1em; border: 1px solid #ccc; }
#contact .captcha input { position: relative; top: 0; left: 0; width: 300px; }
.contact { width: 380px; float: right; }
.contact h3 { clear: both; font-size: 1.2em; margin: 1em 0; }
.contact dl { width: 180px; float: left; margin-bottom: 1em; }
.contact dt { font-size: 1.2em; font-weight: bold; }
.contact dt img { vertical-align: middle; margin: 0 5px 5px 0; }
.contact .legend { margin: 1em 0; }

/* donate */
#donate h3 { margin: 0 0 10px 10px; color: #a1c0cc; }
#donate fieldset { margin: 0 0 1em 0; padding: 20px 0 0; background: url(../img/bg-event.gif) no-repeat; }
#donate fieldset .bottom { clear: right; height: 10px; background: url(../img/bg-event.gif) bottom no-repeat; }
#donate fieldset img { float: left; }
#donate fieldset p { clear: none; margin: 0 10px 10px 10px; }
#donate label { margin-left: 10px; }
#donate select,
#donate .text { left: 33%; background: #fff; }
#donate .text { width: 33%; }
#donate .small { width: 16%; }

h3.step { margin-bottom: 1em; }
#steps { margin: 0 0 1em 0; padding: 0; text-align: center; overflow: auto; }
#steps li { margin-left: 0; padding: 0 10px 0 18px; display: inline; float: left; line-height: 13px; }
#steps li.selected { font-weight: bold; color: #a1c0cc; }
#steps #step1 { background: url(../img/donate/1.gif) no-repeat; }
#steps #step2 { background: url(../img/donate/2.gif) no-repeat; }
#steps #step3 { background: url(../img/donate/3.gif) no-repeat; }
#steps #step4 { background: url(../img/donate/4.gif) no-repeat; }
#steps #step5 { background: url(../img/donate/5.gif) no-repeat; }

/* calendar */
#calendar { width: 166px; padding: 12px 0 0; text-align: center; background: url(../img/bg-calendar.gif) no-repeat; }
#calendar h4 { text-transform: uppercase; color: #666; }
#calendar .bottom { height: 12px; background: url(../img/bg-calendar.gif) bottom no-repeat; }
.calendar { width: 136px; margin-left: auto; margin-right: auto; }
.calendar thead td { width: auto; }
.calendar thead td,
.calendar thead td a { background: none; color: #05703e; font-weight: bold; }
.calendar th,
.calendar td { text-align: center; vertical-align: middle; width: 17px; height: 21px; color: #666; border: 2px solid #f5f5f5; }
.calendar th { font-weight: bold; }
.calendar td { background: #a1c0cc; }
.calendar .blank { background: #378c65; }
.calendar .selected { background: #05703e; }
.calendar .selected a { color: #fff; }

/* overview */
#over { position: relative; width: 590px; height: 194px; margin: 0 0 9px 0; padding: 10px 0 0; background: url(../img/bg-overview-big.gif) no-repeat; }
#over a { font-weight: bold; }
#over h2,
#over p { width: 280px; margin-left: 10px; }
#over img { position: absolute; top: 0; right: 0; width: 291px; height: 194px; }
#over h2 img { position: relative; width: auto; height: auto; }
.over { position: relative; float: left; width: 290px; height: 131px; margin: 0 0 9px 0; background: url(../img/bg-overview.gif) right no-repeat; }
.over h3,
.over p { width: 188px; float: right; }
.over h3 { margin-top: 15px; }
.over img { position: absolute; top: 0; left: 0; width: 92px; height: 131px; }
.over2 { margin-left: 9px; }

/* ecards */
#ecard2 div { position: relative; width: 703px; height: 382px; background: url(../img/bg-ecard.gif) no-repeat; }
#ecard2 div img { position: absolute; top: 17px; left: 273px; }
#ecard2 div p { position: absolute; top: 105px; left: 20px; width: 232px; }
#ecard2 div br,
#ecard2 table br { display: block; }
#ecard2 table td { padding-bottom: 1em; }
.ecard-form { width: 60%; float: left; }
.ecards { width: 260px; float: right; }
.ecard { float: left; width: 50%; margin-bottom: 15px; }
.ecard img { display: block; margin-bottom: 5px; }

/* downloads */
.dl { float: left; width: 290px; height: 96px; margin: 0 0 9px 0; background: url(../img/bg-download.gif) no-repeat; }
.dl h3,
.dl p { width: 210px; float: left; }
.dl h3 { margin-top: 15px; }
.dl img { float: left; width: 46px; margin: 15px 12px 0 12px; }
.dl2 { margin-left: 9px; }

/* page */
#page .img { float: right; margin: 1em 0 1em 1em; }

/* events */
#event form { position: relative; margin-bottom: 1em; }
#event form p { clear: none; }
#event label { display: inline; }
#event .button { position: absolute; bottom: 0; right: 0; }
#event .img { float: right; margin: 0 0 1em 1em; }
.event { position: relative; width: 589px; margin: 0 0 10px 0; padding: 10px 0 0; background: url(../img/bg-event.gif) no-repeat; }
.event .bottom { height: 10px; background: url(../img/bg-event.gif) bottom no-repeat; }
.event .date { position: absolute; top: 10px; right: 10px; width: auto; font-weight: bold; }
.event .action { position: absolute; width: 84px; bottom: 10px; right: 10px; }
.event .action img { margin-top: 2px; }
.event h3,
.event p { width: 472px; margin: 0 0 0 10px; }
#body .event p { margin-bottom: 0; }

/* news */
#news .print { float: left; display: inline; margin-left: 40px; }
#news .email { float: right; display: inline; margin-right: 40px; }
#news .print,
#news .email { width: 247px; height: 25px; line-height: 25px; background: url(../img/bg-print.gif) no-repeat; }
#news .print img,
#news .email img { margin-left: 20px; }
#news .print a,
#news .email a { color: #666; }
#news .img { float: right; margin: 1em 0 1em 1em; }

.news { position: relative; width: 589px; margin: 0 0 10px 0; padding: 10px 0 0; background: url(../img/bg-event.gif) no-repeat; }
.news .bottom { height: 10px; background: url(../img/bg-event.gif) bottom no-repeat; }
.news .date { position: absolute; top: 10px; right: 10px; width: auto; font-weight: bold; }
.news .view { position: absolute; bottom: 10px; right: 10px; }
.news h3,
.news p { width: 472px; margin: 0 0 0 10px; }
#body .news p { margin-bottom: 0; }

/* press */
.press { position: relative; width: 589px; margin: 0 0 10px 0; padding: 10px 0 0; background: url(../img/bg-event.gif) no-repeat; }
.press .bottom { clear: right; height: 10px; background: url(../img/bg-event.gif) bottom no-repeat; }
.press .date { position: absolute; top: 10px; right: 10px; width: auto; margin: 0; font-weight: bold; }
.press .view { position: absolute; bottom: 10px; right: 10px; }
.press .image { margin: 0 0 0 10px; }
.press h3,
.press p { float: right; display: inline; width: 350px; margin-right: 125px; }
#body .press p { margin-bottom: 0; }

/* gallery */
.album { position: relative; width: 589px; margin: 0 0 10px 0; padding: 10px 0 0; background: url(../img/bg-event.gif) no-repeat; }
.album .bottom { clear: right; height: 10px; background: url(../img/bg-event.gif) bottom no-repeat; }
.album .date { position: absolute; top: 10px; right: 10px; width: auto; margin: 0; font-weight: bold; }
.album .view { position: absolute; bottom: 10px; right: 10px; }
.album .image { margin: 0 0 0 10px; }
.album h3,
.album p { float: right; display: inline; width: 450px; margin-right: 10px; }
#body .album p { margin-bottom: 0; }

#gallery {  }
#gallery .first { margin-left: 0; }
.thumb { float: left; display: inline; width: 133px; height: 155px; margin: 10px 0 10px 18px; text-align: center; background: url(../img/bg-gallery.gif) no-repeat; }
.thumb a { display: block; width: 98px; height: 98px; overflow: hidden; margin: 16px 16px 10px 16px; border: 1px solid #ccc; }

.photo { position: relative; text-align: center; background: url(../img/bg-event.gif) no-repeat; }
.photo p { width: 70%; text-align: left; }
.photo p.nav { width: 30%; text-align: right; position: absolute; top: 0; right: 0; }
.photo img { border: 1px solid #ccc; margin-bottom: 10px; }
.photo .bottom { height: 10px; background: url(../img/bg-event.gif) bottom no-repeat; }

.dbnav { clear: both; }

#nav { position: absolute; top: 75px; left: 0; }
.nav { float: right; }
.nav li { float: left; margin-left: 20px; text-transform: uppercase; }
.nav li a { display: block; padding-left: 15px; font-weight: bold; color: #000; }
.nav li.home { background: url(../img/dot-blue.gif) no-repeat; }
.nav li.orange a { background: url(../img/dot-orange.gif) no-repeat; }
.nav li.green a { background: url(../img/dot-green.gif) no-repeat; }
.nav li.brown a { background: url(../img/dot-brown.gif) no-repeat; }
.nav li.yellow a { background: url(../img/dot-yellow.gif) no-repeat; }
.nav li.cyan a { background: url(../img/dot-cyan.gif) no-repeat; }
.nav li.grey a { background: url(../img/dot-grey.gif) no-repeat; }

#subnav { clear: both; float: left; margin-bottom: 1em; }
#subnav h3 { color: #fff; width: 165px; height: 25px; line-height: 25px; text-indent: 30px; font-size: 1.4em; text-transform: uppercase; background: url(../img/nav-blue.gif) no-repeat; }
.subnav { width: 160px; }
.subnav li { border-top: 1px solid #ccc; }
.subnav li.first { border: 0; }
.subnav li a { display: block; font-size: 0.9em; font-weight: bold; color: #666; padding: 5px 0 5px 30px; background: url(../img/dotm-blue.gif) 10px no-repeat; }
.subnav li a.selected { color: #003f8b; }
.subnav ul { position: relative; top: 0; left: 0; }
.subnav ul li { border: 0; }
.subnav ul li a { background: url(../img/list-grey.gif) 12px no-repeat; }
.subnav ul li a.selected { background: url(../img/list-blue.gif) 12px no-repeat; }

/* sitemap */
.sitemap { margin-left: 85px; }
.sitemap li a { display: block; margin: 1em 0; text-transform: uppercase; font-weight: bold; }
.sitemap li.blue a { color: #003f8b; }
.sitemap li.orange a { color: #fd4b18; }
.sitemap li.green a { color: #b8cf3d; }
.sitemap li.brown a { color: #e6d199; }
.sitemap li.yellow a { color: #ecd11a; }
.sitemap li.cyan a { color: #a1c0cc; }
.sitemap li.grey a { color: #989898; }
.sitemap li li a { display: block; margin: 0; padding: 2px 0 2px 15px; text-transform: none; font-weight: bold; }
.sitemap li.blue li a { color: #666; background: url(../img/dots-blue.gif) 0 5px no-repeat; }
.sitemap li.blue li li a { padding-left: 30px; background: url(../img/list-blue.gif) 15px 6px no-repeat; }
.sitemap li.orange li a { color: #666; background: url(../img/dots-orange.gif) 0 5px no-repeat; }
.sitemap li.orange li li a { padding-left: 30px; background: url(../img/list-orange.gif) 15px 6px no-repeat; }
.sitemap li.green li a { color: #666; background: url(../img/dots-green.gif) 0 5px no-repeat; }
.sitemap li.green li li a { padding-left: 30px; background: url(../img/list-green.gif) 15px 6px no-repeat; }
.sitemap li.brown li a { color: #666; background: url(../img/dots-brown.gif) 0 5px no-repeat; }
.sitemap li.brown li li a { padding-left: 30px; background: url(../img/list-brown.gif) 15px 6px no-repeat; }
.sitemap li.yellow li a { color: #666; background: url(../img/dots-yellow.gif) 0 5px no-repeat; }
.sitemap li.yellow li li a { padding-left: 30px; background: url(../img/list-yellow.gif) 15px 6px no-repeat; }
.sitemap li.cyan li a { color: #666; background: url(../img/dots-cyan.gif) 0 5px no-repeat; }
.sitemap li.cyan li li a { padding-left: 30px; background: url(../img/list-cyan.gif) 15px 6px no-repeat; }
.sitemap li.grey li a { color: #666; background: url(../img/dots-grey.gif) 0 5px no-repeat; }
.sitemap li.grey li li a { padding-left: 30px; background: url(../img/list-orange.gif) 15px 6px no-repeat; }

.blue { color: #003f8b; }
.orange { color: #fd4b18; }
.green { color: #b8cf3d; }
.brown { color: #e6d199; }
.yellow { color: #ecd11a; }
.cyan { color: #a1c0cc; }
.grey { color: #989898; }