/* 
-------------------------------------------------------------------
ECHO stylesheet: global styles
-------------------------------------------------------------------
*/

/* Body, wrapper and general formatting
-------------------------------------------------------------------
*/

body { margin: 0; padding: 0; font: 62.5% "Arial", sans-serif; background: #b7bcca; color: #040000; text-align: center; }
#wrapper { width: 900px; margin: 0 auto; padding: 0 10px; background: #fff; border: solid #929fc1; border-width: 0 1px; text-align: left; }

a { color: #040000; text-decoration: none; }
a:hover { text-decoration: underline; }

img { border: 0; vertical-align: bottom; }

h1 { margin: 0; }
p { margin: .9em 0 0 0; font-size: 1.1em; }

.floatleft { float: left !important; }
.floatright { float: right !important; }
.alignleft { text-align: left !important; }
.alignright { text-align: right !important; }
.aligncenter { text-align: center !important; }
.alignjustify { text-align: justify !important; }

.col2 { width: 49%; float: left; }
.col2.right { float: right; }

.imgleft img { margin: 0 .6em .6em 0; float: left; border: 1px solid #b40030; }
.imgright img { margin: 0 0 .6em .6em; float: right; border: 1px solid #b40030; }
#body .imgleft.noborder img, #body .imgright.noborder img, #popup .imgleft.noborder img, #popup .imgright.noborder img { border: 0 !important; }

form, fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font: 1em "Arial", sans-serif; }

.hide { position: absolute; top: 0; left: -9999px; }

/* Header links
-------------------------------------------------------------------
*/

#headerlinks { padding: 10px 0; font-size: 1.1em; }
#headerlinks ul { margin: 0; padding: 1px 0 0 0; list-style: none; float: left; }
#headerlinks ul li { padding: 0 10px 0 5px; float: left; }
#headerlinks ul li.border { padding: 0 5px 0 0; border-right: 1px solid #b40030; }
#headerlinks fieldset { float: left; }
#headerlinks fieldset label { color: #b40030; }
#headerlinks fieldset input { padding: 0 3px; border: 1px solid #040000; }
#headerlinks fieldset input.submit { background: #b40030; border: 0; color: #fff; cursor: pointer; cursor: hand; }

/* Header/logo and main menu
-------------------------------------------------------------------
*/

#header { padding: 24px 0 24px 25px; background: #b40030; }

#mainmenu { padding: 1px 0 0 0; }
#mainmenu ul { margin: 0; padding: 0; list-style: none; }
#mainmenu ul.aboutus { border: solid #880d2e; border-width: 0 0 9px 0; }
#mainmenu ul.information { border: solid #b40030; border-width: 0 0 9px 0; }
#mainmenu ul li { margin: 0 1px 0 0; float: left; text-align: center; }
#mainmenu ul li a { font-size: 1.1em; padding: .3em 0; font-weight: bold; color: #fefefe; display: block; }

#mainmenu ul li.mm1 { width: 78px; background: #611b2b; }
#mainmenu ul li.mm2 { width: 97px; background: #880d2e; }
#mainmenu ul li.mm3 { width: 105px; background: #b40030; }
#mainmenu ul li.mm4 { width: 132px; background: #df0039; }
#mainmenu ul li.mm5 { width: 116px; background: #eb225e; }
#mainmenu ul li.mm6 { width: 127px; background: #f35c8c; }
#mainmenu ul li.mm7 { width: 95px; background: #fd3675; }
#mainmenu ul li.mm8 { width: 143px; margin: 0; background: #f68103; }

/* Section banners
-------------------------------------------------------------------
*/

#headerlinks.home { background: url(/images/content/home-headerhighlighttop.gif) no-repeat bottom right; }
#header.home { background: #b40030 url(/images/content/home-headerhighlightbtm.gif) no-repeat top right; }

#headerlinks.home.aboutus { background: url(/images/content/header-aboutus-top.gif) no-repeat bottom right; }
#header.home.aboutus { background: #b40030 url(/images/content/header-aboutus-btm.gif) no-repeat top right; }

#headerlinks.home.aboutus.information { background: url(/images/content/header-information-top.gif) no-repeat bottom right; }
#header.home.aboutus.information { background: #b40030 url(/images/content/header-information-btm.gif) no-repeat top right; }

/* Homepage
-------------------------------------------------------------------
*/

#homepage { }
#homepage .welcome { padding: 12px 25px; background: #611b2b; color: #fff; border: solid #632434; border-width: 3px 0; }
#homepage .welcome h1 { font-size: 1.7em; }
#homepage .welcome p { text-align: justify; }
#homepage .welcome a { color: #fff; text-decoration: underline; }
#homepage .welcome a:hover { text-decoration: none; }

#homepage .button { margin: 3px 0; }

#homepage .left { width: 330px; margin: 10px 0 0 0; float: left; }
#homepage .left a { text-decoration: underline; }
#homepage .left a:hover { text-decoration: none; }
#homepage .left .boxSponsoredEvents { margin: 3px 0 0; padding: 2em 140px 2em 10px; background: #f78dae url(/images/content/newbox-sponsoredevents.jpg) no-repeat center right; border-right: 5px solid #f78dae; }
#homepage .left .boxSponsoredEvents h2 { margin: 0; padding: 0; text-transform: uppercase; font-size: 1.1em; }
#homepage .left .boxXmasCards { margin: 3px 0 0; padding: 2em 136px 2em 10px; background: #f1648e url(/images/content/newbox-xmascards.gif) no-repeat center right; border-right: 5px solid #f1648e; }
#homepage .left .boxXmasCards h2 { margin: 0; padding: 0; text-transform: uppercase; font-size: 1.1em; }
#homepage .left .boxXmasCards p { margin: 0; }
#homepage .left .membership { padding: 3px; background: #f68103; }
#homepage .left .messageboard { margin: 3px 0 0 0; }

#homepage .right { width: 351px; margin: 10px 0 0 0; float: right; }
#homepage .right a { text-decoration: underline; }
#homepage .right a:hover { text-decoration: none; }
#homepage .right .boxNews { padding: .8em 10px; background: #ef4e7e; }
#homepage .right .boxNews h2 { margin: 0; padding: 0; text-transform: uppercase; font-size: 1.1em; }
#homepage .right .boxNews p { margin: 0; }
#homepage .right .news { margin: 0 0 3px 0; padding: 2px; border: 1px solid #7fb7be; }
#homepage .right .news h2 { margin: 0; padding: .3em .7em; font-size: 1.1em; background: #00707d; color: #fefdfd; }
#homepage .right .news p { margin: 0; padding: .3em .7em; background: #7fb7be; }
#homepage .right .news p.morelink { padding: 0 .7em .3em .7em; }
#homepage .right .news p.morelink a { padding: 0 0 0 22px; background: url(/images/arrow-homenews.gif) no-repeat 0 center; text-decoration: none; }
#homepage .right .news p.morelink a:hover { text-decoration: underline; }
#homepage .right .boxEvents { margin: 3px 0 0; padding: 1em 10px 1em 90px; background: #ef4e7e url(/images/content/newbox-events.jpg) no-repeat 0 center; border-left: 15px solid #ef4e7e; }
#homepage .right .boxEvents h2 { margin: 0; padding: 0; text-transform: uppercase; font-size: 1.1em; }
#homepage .right .boxEvents p { margin: 0; }
#homepage .right .events { margin: 3px 0 0 0; padding: 2px; border: 1px solid #7fb7be; }
#homepage .right .events h2 { margin: 0; padding: .3em .7em; font-size: 1.1em; background: #00707d; color: #fefdfd; }
#homepage .right .events .eventsbg { padding: 18px 0 18px 68px; background: #7fb7be url(/images/content/home-eventspic.jpg) no-repeat 4px center; }
#homepage .right .events p { margin: 0; padding: .3em .5em; }
#homepage .right .events p.morelink { padding: 0 .7em .3em .7em; }
#homepage .right .events p.morelink a { padding: 0 0 0 22px; background: url(/images/arrow-homenews.gif) no-repeat 0 center; text-decoration: none; }
#homepage .right .events p.morelink a:hover { text-decoration: underline; }
#homepage .right .boxStories { margin: 3px 0 0; padding: .6em 58px .6em 10px; background: #f78dae url(/images/content/newbox-stories.jpg) no-repeat bottom right; border-right: 5px solid #f78dae; }
#homepage .right .boxStories h2 { margin: 0; padding: 0; text-transform: uppercase; font-size: 1.1em; }
#homepage .right .boxStories p { margin: 0; }

#homepage .right .duckrace { margin: 3px 0 0; }
#homepage .right .duckrace h2 { margin: 0; padding: .3em .7em; font-size: 1.1em; background: #eb225e; color: #fff; }
#homepage .right .duckrace p { margin: 0; padding: .3em .7em; background: #671c2d; color: #fff; }
#homepage .right .duckrace p a { color: #fff; }

/* Content
-------------------------------------------------------------------
*/

#internal { margin: 10px 0; background: url(/images/leftcolbg.gif) repeat-y; }

#leftcol { width: 170px; float: left; }
#leftcol dl { margin: 0; padding: 0; font-size: 1.1em; }
#leftcol dl dt a, #leftcol dl dt span, #leftcol dl dd a { border-bottom: 1px solid #c7ccdc; }
#leftcol dl dt { margin: 0; padding: 0; }
#leftcol dl dt a, #leftcol dl dt span { color: #1c2543; background: #828eb5 url(/images/leftcol-arrow.gif) no-repeat .5em center; padding: .2em 2em; display: block; }
#leftcol dl dd { margin: 0; padding: 0; }
#leftcol dl dd dl { font-size: 1em; }
#leftcol dl dd a { color: #fff; background: #97a0c1; padding: .2em 2em; display: block; }
#leftcol dl dd a.on { background: #9b4662; }
#leftcol dl dd dl dd a { background: #b492a7; padding: .2em 3em; }
#leftcol dl dd dl dd a.on { background: #880d2e; }

#rightcol { width: 710px; padding: 0 0 1em 0; float: right; border-bottom: 1px solid #880d2e; }
#rightcol h1 { font-size: 1.8em; color: #880d2e; border-bottom: 3px solid #880d2e; }
#rightcol h1.margintop { margin: .6em 0 0 0; }

#body { }

#body a { color: #880d2e; }

#body h2 { margin: 0; padding: .7em 0 0 0; font-size: 1.3em; color: #880d2e; }
#body h3 { margin: .9em 0 0 0; font-size: 1.1em;; color: #880d2e; }

#body ul, #body ol { margin-top: .9em; margin-bottom: 0; font-size: 1.1em; }
#body ul li ul, #body ol li ol { margin-top: 0; margin-bottom: 0; font-size: 1em; }

#body hr { width: 100%; margin: .5em 0; padding: 0; color: #b40030; background: #b40030; height: 1px; border: 0px; }

#body p.readmore a { padding: 0 0 0 22px; background: url(/images/arrow-int.gif) no-repeat 0 center; }


#body ul.pagination { margin: 0; padding: .9em 0 0; list-style: none; clear: left; text-align: right; }
#body ul.pagination li { display: inline; }

#body ul.lightbox { margin: .9em 0 1px; padding: 12px 0 6px 50px; background: #fbd3df; list-style: none; overflow: hidden; zoom: 1; }
#body ul.lightbox li { margin: 0 12px 6px 0; padding: 0;  float: left; }
#body ul.lightbox li a img { border: 1px solid #EB225E; padding: 1px; }

#body .echoteam .member { margin: 1em 0 0 0; padding: 10px; background: #dbb6c0; }
#body .echoteam .member h2 { padding: 0; }
#body .echoteam .member .img { width: 135px; float: left; }
#body .echoteam .member .img img { border: 1px solid #fdfdfe; }
#body .echoteam .member .content { width: 555px; float: left; }

#body .whenthingsgowrong { width: 275px; float: right; margin: 0 0 1em 1em; }
#body .whenthingsgowrong  .highlightbox { margin: 0; }
#body .whenthingsgowrong .promobox { margin: 1em 0 0 0; float: none; }

#body .newsletter { width: 49.9%; float: left; }

#body .tintedbox { margin: 1em 0 0 0; padding: 1px 10px 10px 10px; background: #e8b2c0; }

#body .highlightbox { margin: 1em 0 0 0; padding: 10px; background: #e8b2c0; }
#body .highlightbox h2 { font-size: 1.2em; color: #b40030; border-bottom: 2px solid #b40030; padding: 0 0 .3em 0; }
#body .highlightbox p.readmore a { color: #000; padding: 0 0 0 22px; background: url(/images/arrow-inthighlight.gif) no-repeat 0 center; }

#body .promobox { width: 205px; float: right; margin: 0 0 1em 1em; padding: 5px; border: 1px solid #7fb7be; }
#body .promobox h2 { margin: 0; padding: .3em .7em; font-size: 1.1em; background: #00707d; color: #fefdfd; }
#body .promobox p { margin: 0; padding: .3em .7em; background: #7fb7be; }
#body .promobox p.morelink { padding: 0 .7em .3em .7em; }
#body .promobox p.morelink a { color: #000; font-weight: bold; padding: 0 0 0 22px; background: url(/images/arrow-homenews.gif) no-repeat 0 center; }

#body .echoRegistered { border-top: 1px solid #b40030; color: #b40030; padding: .9em 0 0 0; }

#body .parentstory { width: 33.2%; float: left; text-align: center; }
#body .parentstory img { border: 1px solid #b41029; margin: 1em 0; }

#body .genform { margin: .9em 0 0 0; font-size: 1.1em; }
#body .genform div { border-bottom: 1px solid #eee; }
#body .genform label, #body .genform .radios span { font-weight: bold; width: 170px; margin: .7em 10px .7em 0; float: left; }
#body .genform input, #body .genform textarea { margin: .4em 0; }
#body .genform .radios div { margin: 0 0 0 180px; padding: 1em 0 0 0; border-bottom: 0; }
#body .genform .radios label { display: block; font-weight: normal; width: auto; margin: 0 0 .6em 0; float: none; vertical-align: middle; }
#body .genform .radios input { margin: 0; vertical-align: middle; }
#body .genform .submit { border-bottom: 0; padding: 0 0 0 180px; }
#body .genform .submit input { cursor: hand; cursor: pointer; }

#body #echodvd { margin: 2em 0 0 90px; }

#undermenu div { width: 500px; float: right; }
#undermenu div p { margin: 0; }
#undermenu div a { color: #880d2e; }

/* Footer
-------------------------------------------------------------------
*/

#footer { margin: 10px 0 0 0; padding: 10px 0; border-top: 1px solid #c0c5d5; font-size: 1.1em; color: #828eb5; text-align: center; }
#footer a { color: #828eb5; }

/* Popups
-------------------------------------------------------------------
*/

#popup { margin: 0; text-align: left; background: #fff; padding: 10px; }
#popup a { color: #880d2e; }
#popup p.logo { margin: 0; }
#popup p.logo img { border: 5px solid #b40030; }

/* Clear fixes
-------------------------------------------------------------------
*/

.clearfix:after, #headerlinks:after, #mainmenu ul:after, #internal:after, #body .echoteam .member:after, #body .highlightbox:after, #body .genform div:after, #undermenu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix, #headerlinks, #mainmenu ul, #internal, #body .echoteam .member, #body .highlightbox, #body .genform div, #undermenu { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix, * html #headerlinks, * html #mainmenu ul, * html #internal, * html #body .echoteam .member, * html #body .highlightbox, * html #body .genform div, * html #undermenu { height: 1%; }
.clearfix, #headerlinks, #mainmenu ul, #internal, #body .echoteam .member, #body .highlightbox, #body .genform div, #undermenu { display: block; }
/* End hide from IE-mac */