/* 
-------------------------------------------------------------------
ECHO stylesheet: Homepage styles
-------------------------------------------------------------------
*/

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

#header { position: relative; }
/*#header .xmas { width: 72px; height: 49px; background: url(/images/content/xmas.png) no-repeat top left; position: absolute; }
#header #xmasTop { top: -27px; right: -26px; }
#header #xmasBtm { bottom: -8px; left: -34px; }*/


/* new homepage - jan 2009 */
#homepage2009 { overflow: hidden; zoom: 1; }
#homepage2009 #homeLeft { width: 605px; margin: 1.5em 0 0 20px; float: left; display: inline; }
#homepage2009 #homeLeft h1 { font: bold 2.2em "Arial", sans-serif; color: #b40030; margin: 0; padding: 0; letter-spacing: -1px; }

#homepage2009 #homeLeft #tabs { margin: 1em 0 1px; }

#homepage2009 #homeLeft #tabs p { font-size: 1.2em; }

#homepage2009 #homeLeft #tabs ul.generatedTabs { margin: 0; padding: 0; list-style: none; overflow: hidden; zoom: 1; border-bottom: 2px solid #b40030; }
#homepage2009 #homeLeft #tabs ul.generatedTabs li { margin: 0 1px 0 0; padding: 0; text-align: center; float: left; }
#homepage2009 #homeLeft #tabs ul.generatedTabs li a { padding: .3em .6em; color: #000; background: #e8b2c0; font-size: 1.2em; font-weight: bold; display: block; min-width: 6em; }
* html #homepage2009 #homeLeft #tabs ul.generatedTabs li a { width: 6em; }
#homepage2009 #homeLeft #tabs ul.generatedTabs li.on a { background: #b40030; color: #fff; }

#homepage2009 #homeLeft #tabs .tabContent { height: 35.5em; padding: 1px 10px 10px; background: #dddfe7; border: 1px solid #bdc1d0; border: 0 1px 1px; overflow: auto; }

#homepage2009 #homeLeft #tabs .tabContent a { text-decoration: underline; }
#homepage2009 #homeLeft #tabs .tabContent a:hover, #homepage2009 #homeLeft #tabs .tabContent a:focus { text-decoration: none; }

#homepage2009 #homeLeft #tabs .tab-listing img { float: left; border: 1px solid #fff; margin: 0 10px 10px 0; }
#homepage2009 #homeLeft #tabs .tab-listing img.eventsImg { float: right; border: none; margin: 0; }
#homepage2009 #homeLeft #tabs .tab-listing hr { margin: 1em 0; color: #dddfe7; height: 0; border: 0; border-top: 2px solid #b8bdcc; clear: both; display: block; }

#homepage2009 #homeLeft #tabs ul.lightbox { margin: .9em 0 1px; padding: 0; list-style: none; overflow: hidden; zoom: 1; }
#homepage2009 #homeLeft #tabs ul.lightbox li { margin: 0 12px 6px 0; padding: 0; float: left; }
#homepage2009 #homeLeft #tabs ul.lightbox li a img { border: 1px solid #bdc1d0; padding: 1px; }


#homepage2009 #homeRight { width: 234px; margin: 1.5em 20px 0 0; float: right; display: inline; }
#homepage2009 #homeRight ul { margin: 0; padding: 0; list-style: none; }
#homepage2009 #homeRight ul li { margin: 0 0 1em; padding: 0; }
#homepage2009 #homeRight ul li.donate a img { margin: 0 -10px; position: relative; }