*											{ margin: 0; padding: 0; }

/* Structure
--------------------------------------------*/
body										{ background: url("/template/body-watermark.gif") no-repeat right bottom; color: #333; font: 13px/20px georgia, sans-serif; }

div#container								{ background: transparent url("/template/container-black-bg.gif") repeat-x; }
div#page									{ width: 802px; margin: 0 auto; }

div#header									{ height: 95px; margin-left: 1px; background: url("/template/header-black-bg.gif") no-repeat; }
div#header h1								{ z-index: 9999; position: absolute; top: 34px; display: inline; width: 250px; height: 95px; margin-left: 20px; background: url("/template/logo-slogan.gif"); text-indent: -9999px; }
div#header h1 a								{ z-index: 9999; position: relative; display: block; width: 250px; height: 95px; }
div#body									{ border: solid 1px #ccc; border-top: none; }
div#footer									{ padding: 5px 0; background: #000; color: #ccc; font: 13px/20px garamond, "times new roman", serif; }

div#banner									{ height: 205px; border-bottom: solid 5px #807b39; background: url("/template/banner-bg.gif"); font-size: 0; line-height: 0; }
div#shortBanner								{ height: 55px; border-bottom: solid 5px #807b39; background: url("/template/banner-narrow.gif"); font-size: 0; line-height: 0; }


div#sub-banner								{ border-bottom: solid 5px #807b39; }
div#slideshow								{ float: left; }

div.column									{ display: inline; float: left; margin-left: 30px; }
div#mainColumn								{ width: 485px; padding-top: 30px; }
div#sideColumn								{ width: 245px; padding-top: 10px; }
div#wideColumn								{ width: 740px; padding-top: 30px; margin-left: 30px; }

/* Navigation
--------------------------------------------*/
div#navContainer							{ float: right; }
ul#nav										{ width: 521px; display: inline; float: left; margin: 25px 0px 0 280px; padding: 0; font: 12px/20px arial, helvetica, sans-serif; }
ul#nav li									{ display: inline; margin: 0; padding: 0; float: left; border-right: solid 1px #444; }
ul#nav li a									{ display: block; height: 45px; background-image: url("/template/nav-black.gif"); text-align: center; }
ul#nav li a span							{ display: block; padding: 12px 0 0 0; }

ul#nav li a:link,
ul#nav li a:visited							{ color: #fff; }
ul#nav li a:hover							{ text-decoration: none; }
ul#nav li a.current							{ color: #807b39; }

ul#nav li#nav-services a:link,
ul#nav li#nav-services a:visited			{ background-position: 0 0; width: 145px; }
ul#nav li#nav-services a:hover				{ background-position: 0 -45px; }
ul#nav li#nav-services a.current			{ background-position: 0 -90px; }

ul#nav li#nav-about a:link,
ul#nav li#nav-about a:visited				{ background-position: -147px 0; width: 154px; }
ul#nav li#nav-about a:hover					{ background-position: -147px -45px; }
ul#nav li#nav-about a.current				{ background-position: -147px -90px; }

ul#nav li#nav-getInvolved a:link,
ul#nav li#nav-getInvolved a:visited			{ background-position: -298px 0; width: 97px; }
ul#nav li#nav-getInvolved a:hover			{ background-position: -298px -45px; }
ul#nav li#nav-getInvolved a.current			{ background-position: -298px -90px; }

ul#nav li#nav-newsEvents					{ border: none; }
ul#nav li#nav-newsEvents a:link,
ul#nav li#nav-newsEvents a:visited			{ background-position: -391px 0; width: 122px; }
ul#nav li#nav-newsEvents a:hover			{ background-position: -391px -45px; }
ul#nav li#nav-newsEvents a.current			{ background-position: -391px -90px; }

div.subNav									{ float: left; width: 290px; height: 205px; background: url('/template/subnav-bg.gif') no-repeat 0 0; }
div.subNavTop								{ float: left; width: 290px; height: 205px; background: url('/template/subnav-bg.gif') no-repeat -290px 0; }
div#sub-nav ul								{ float: left; width: 290px; padding: 55px 0 0 0; margin: 0; list-style: none; }
div#sub-nav ul li							{ padding: 0; margin: 0; line-height: 25px; }
div#sub-nav ul li a:link,
div#sub-nav ul li a:visited					{ display: block; color: #807b39; text-align: center; text-decoration: none; }
div#sub-nav ul li a:hover					{ text-decoration: underline; }
div#sub-nav ul li a.current:link,
div#sub-nav ul li a.current:visited,
div#sub-nav ul li a.current:hover			{ background: #807b39; color: #fff; font-weight: bold; }

div#tabs									{ float: right; }
div#tabs a									{ display: block; float: left; height: 25px; background: url('/template/tabs-black.gif'); text-indent: -9999px; }
div#tabs a#tabDonate						{ margin-right: 5px; }
div#tabs a#tabDonate:link,
div#tabs a#tabDonate:visited				{ width: 89px; background-position: 0 0; }
div#tabs a#tabDonate:hover					{ background-position: 0 -25px; }
div#tabs a#tabContactUs:link,
div#tabs a#tabContactUs:visited				{ width: 112px; background-position: -94px 0; }
div#tabs a#tabContactUs:hover				{ background-position: -94px -25px; }



/* Blocks
--------------------------------------------*/

div.block									{ margin-bottom: 10px; }
div.blockContent							{ padding: 8px 10px 0; border: solid 1px #999; }

/* Typography
--------------------------------------------*/

p											{ margin-bottom: 20px; }
ul, ol										{ margin-bottom: 10px; padding-left: 30px; }
li											{ padding-bottom: 10px;  }

h1											{ margin-bottom: 20px; color: #807b39; font-size: 30px; font-weight: normal; }
h2											{ margin-bottom: 20px; color: #807b39; font-size: 18px; }
h3											{ margin-bottom: 10px; color: #000; font-size: 14px; }

div.block h2								{ margin: 0; font-size: 15px; font-weight: normal; }
div.block p									{ font-size: 11px; }
div.block p:last-child						{ margin-bottom: 0; padding-bottom: 10px; }

div.block h2								{ background: url("/template/block_header-white-bg.gif") no-repeat; }
div.block h2 span							{ display: block; padding: 6px 0 4px 10px; background: transparent url("/template/block_header-white-right.gif") no-repeat right top; }

div.block h2.green							{ background: url("/template/block_header-green-bg.gif") no-repeat; }
div.block h2.green span						{ display: block; padding: 6px 0 4px 10px; background: transparent url("/template/block_header-green-right.gif") no-repeat right top; color: #fff; }

div.block table								{ font-size: 11px; }

div#newsletterBlock							{ height: 80px; background: url("/template/newsletter-bg.gif") no-repeat; }
div#newsletterBlock h2						{ padding: 7px 10px 0; background: none; color: #555; }
div#newsletterBlock p						{ color: #777; }

div#footer p								{ margin-bottom: 0; text-align: center; }

p.topLink 									{ border-top: solid 1px #ccc; text-align: right; font: 12px/20px arial, helvetica, sans-serif; }
p.topLink a:link,
p.topLink a:visited,
p.topLink a:hover 							{ color: #666; }


div.event, div.article						{ border-bottom: solid 1px #ccc; padding-top: 20px; }
div.miniEvent, div.miniArticle				{ border-bottom: solid 1px #ccc; padding-top: 10px; }


/* Linkage
--------------------------------------------*/
a											{ outline: none; }
a img										{ border: none; }

a:link, a:visited							{ color: #807b39; text-decoration: none; }
a:hover										{ color: #000; text-decoration: underline; }

div#footer a:link, div#footer a:visited		{ color: #fff; text-decoration: none; }
div#footer a:hover							{ color: #fff; text-decoration: underline; }

/* Tables and Forms
--------------------------------------------*/
table										{ width: 100%; border-collapse: collapse; }
form table									{ margin-bottom: 10px; }
form table td								{ padding-bottom: 10px; }
td.label									{ width: 160px; }

input, textarea, button, select, option		{ font: 12px/20px georgia, "times new roman", serif; }
input.textField, textarea.textField			{ padding: 3px 5px; border: solid 1px #ccc; }

option										{ padding-right: 10px; }

button										{ width:auto; overflow:visible; height: 31px; border: none; padding: 0; background: url("/template/button.gif") no-repeat left top; font-size: 12px; line-height: 12px; text-transform: uppercase; }
button span									{ display: block; height: 31px; position:relative; white-space:nowrap; background: url("/template/button.gif") no-repeat right top; }

button:hover								{ border: none; background: url("/template/button.gif") no-repeat left -31px; color: #fff; }
button:hover span							{ display: block; background: url("/template/button.gif") no-repeat right -31px; }

button:focus, button:active					{ outline: none; }

button::-moz-focus-inner					{ padding: 0; border: none; }  
   
/* Miscellaneous
--------------------------------------------*/
div.clear 									{ clear: both; }

input.error, textarea.error					{ background: #fdd; border: solid 1px #faa; color: #c00; }
label.required								{ font-weight: bold; }

.articleLeft								{ width: 70px; float: left; }
.articleRight								{ width: 400px; float: left; }
.articleTypeEvent							{ width: 50px; padding: 4px 0 5px; background: #807b39; color: #fff; font: 10px arial; text-align: center; font-weight: bold; }
.articleTypeNews							{ width: 50px; padding: 4px 0 5px; background: #999; color: #fff; font: 10px arial; text-align: center; font-weight: bold; }

a.button									{ float: right; display: inline; background-image: url("/template/button.gif"); text-indent: -9999px; }
a#buttonSend								{ width: 78px; height: 30px; background-position: 0 0; }
a#buttonSend:hover							{ width: 78px; height: 30px; background-position: 0 -30px; }
a#buttonContinue							{ width: 113px; height: 29px; background-position: -78px 0; }
a#buttonContinue:hover						{ width: 113px; height: 29px; background-position: -78px -30px; }



div#videos									{ width: 640px; margin: 0 auto; background: #ddd; font-size: 0; line-height: 0; }
a#player 									{ line-height: 0; font-size: 0; }
div#playlist								{ font-size: 12px; line-height: 20px; }
div#playlist a 								{ display: block; padding: 5px 10px; }

div#playlist a:link, div#playlist a:visited { color: #777; text-decoration: none }
div#playlist a:hover 						{ background: #bbb; color: #000; }

div#playlist a.playing:link,
div#playlist a.playing:visited,
div#playlist a.playing:hover				{ background: #807B39; color: #fff; font-weight: bold; }
div#playlist a.playing strong 				{ color: #fff; }