html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: transparent;}

:focus {outline:0;}
ol, ul {list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left;  font-weight:normal;}
blockquote:before, blockquote:after, 
q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}

/* GLOBALS */
body {color:#fff; line-height:1; background:#47391a url(../images/body-bg.jpg) repeat-x top center; text-align:center; font:75% Tahoma,Geneva,Kalimati,sans-serif;}
p {margin-bottom:1em;}
a:link, a:visited {color:#1D5F2B; text-decoration:underline;}
a:hover, a:active {color:#745c1c;}


/* CONTAINERS */
#container {background:transparent url(../images/content-bg.gif) repeat-y top center;}
#inner-container {background:transparent url(../images/header-bg.jpg) no-repeat top center;}

/* HEADER */
#header {width:760px; margin:0 auto; position:relative; text-align:left;}
#header #home {display:block; width:200px; height:200px; overflow:hidden; text-indent:-999px; position:absolute; top:40px; left:40px;}
#header ul {border-left:1px solid #b59c59; width:150px; text-align:left; position:absolute; top:94px;}
#header #news {left:320px;}
#header #communication {left:470px;}
#header #info {left:620px;}
#header li a {display:block; margin:3px 10px; font:1.1em Tahoma,Geneva,Kalimati,sans-serif; text-transform:lowercase;}
#header li a span {color:#b59c59;}
#header li a:link, #header li a:visited {color:#666; text-decoration:none;}
#header li a:hover, #header li a:active {color:#000;}

/* CONTENT */
#content-wrapper {width:760px; margin:0 auto; line-height:1.4em; color:#363636;}
#content-wrapper:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#content-wrapper {display:inline-block;}

#sidebar {width:168px; margin-left:16px; float:left; display:inline; text-align:left; margin-top:260px;}
#sidebar h2 {font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; font-size:1.3em; text-decoration:underline; color:#745c1c; font-weight:bold; letter-spacing:0em;margin-bottom:0.6em;}
#sidebar ul {text-transform:uppercase; font-size:0.9em;}
#sidebar li {margin-bottom:0.2em;}
#sidebar li.separator {margin-top:0.8em; border-top:1px solid #96751d; padding-top:0.8em;}
#sidebar ul a {text-decoration:none; color:#322d2e;}
#sidebar ul a:link, #sidebar ul a:visited {text-decoration:none; color:#322d2e;}
#sidebar ul a:hover, #sidebar ul a:active {text-decoration:underline; color:#000;}

#content {margin-right:10px; margin-left:221px; padding:183px 0 10px; text-align:left;}


/* FOOTER */
#footer {clear:both; background:transparent url(../images/footer-bg.gif) repeat-x top center; min-height:99px;}
#footer address {width:752px; background:transparent url(../images/footer-text-bg.gif) no-repeat top center; min-height:79px; display:block; text-align:right; padding-top:20px; font:0.8em/1em Tahoma,Geneva,Kalimati,sans-serif; color:#b59c59; padding-right:12px; margin:2em auto 0;}


/* HOME */
#featured-photos {float:right; width:104px; padding:0 0 0 22px; background:transparent url(../images/photo-gallery.gif) no-repeat top left; margin-top:9px;}
#featured-photos h2 {text-indent:-999px; position:absolute; overflow:hidden; width:104px;}
#featured-photos ul {border:1px solid #4d875a; border-bottom:none; margin-top:3px;}
#featured-photos li {border-bottom:1px solid #4d875a; padding:4px 2px 1px; display:block;}

#featured-events {float:right; width:104px; padding:0 0 0 22px; background:transparent url(../images/upcoming-events.gif) no-repeat top left; margin-right:15px; margin-top:9px; text-align:left; font-size:1em; min-height:300px;}
#featured-events a {color:#a38330;}
#featured-events h2 {width:200px; overflow:hidden; position:absolute; text-indent:-999px;}
#featured-events dd {font-size:0.85em; color:#999; margin-bottom:0; line-height:0.9em;}
#featured-events dt {margin-bottom:0.7em;}
#featured-events dt a {color:#000; text-decoration:none;}
#featured-events dt a:hover {color:#47391A; text-decoration:underline;}

#featured-pic {float:left; padding:0 0 1.5em;}
#featured-pic img {}

#bulletin {border-top:1px solid #c2bcb0; clear:both; padding:0 0 0 20px; background:transparent url(../images/mission.gif) no-repeat top left; text-align:left; font-size:0.9em;}
#bulletin h2 {width:200px; overflow:hidden; position:absolute; text-indent:-999px;}
#bulletin p {padding-top:0.6em;}



/* SECONDARIES */
#title {margin-top:20px; padding-left:240px; text-align:right; min-height:40px;}

#gcal {width:99%; height:460px; border:none;}

form#newsletter {float:right; width:200px; border-left:1px solid #B59C59; color:#322d2e; padding-top:1em; padding-bottom:0.5em; margin-left:10px;}
#newsletter legend {font-size:1.2em; font-weight:bold;}
#newsletter fieldset {border:0;}
#newsletter label {display:block; margin-bottom:0.2em; text-transform:lowercase;}
#newsletter input {width:120px; padding:2px 4px; border:1px solid #ccc; background:#EBEBEB; color:#333; font:1em/1.1em Tahoma,Geneva,Kalimati,sans-serif;}
#newsletter button {border:1px solid #ccc; padding:0 3px; margin:0; font-weight:bold; background:#ccc; color:#000;}
#newsletter button:hover {background:#666; color:#fff;}

#events, #tableofcontents {float:right; width:200px; border-left:1px solid #B59C59; color:#322d2e; padding-top:0.2em; padding-bottom:0.3em; padding-left:14px; margin-left:10px;}
#tableofcontents {width:190px;}
#tableofcontents h2 {font:1.2em "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; color:#000; padding-bottom:0.6em; text-decoration:underline;}
#tableofcontents ul {list-style-type:disc; margin-left:18px;}

#contactform-wrapper {float:right; border-left:1px solid #B59c59; margin-left:10px; width:240px; padding-left:14px;}
#contactform {float:right;}
#contactform fieldset {border:0; padding-left:0;}
#contactform legend {font-size:1.2em; font-weight:bold;}
#contactform label {font-weight:normal; font-size:0.9em;}
#contactform button {border:1px solid #ccc; padding:0 3px; margin:0; background:#ccc; color:#000; display:block; width:100%; text-align:center;}
#contactform button:hover {background:#666; color:#fff;}

.gallerypics {width:314px;}
.gallerypics ul {list-style:none;}
.gallerypics ul li {background:#eee; border-color:#ddd #bbb #aaa #ccc; border-style:solid; border-width:1px; color:inherit; display:inline; float:left; margin:6px; padding:5px; position:relative; width:80px; height:80px; z-index:1;}
.gallerypics ul a:hover img {display:block; position:absolute; top:-12px; left:-12px; z-index:10; border-color:#000; width:105px; height:105px;}
.gallerypics ul img {background:#fff; border-color:#aaa #ccc #ddd #bbb; border-style:solid; border-width:1px; color:inherit; padding:2px; vertical-align:top; width:75px; height:75px; z-index:1;}

span.date {color:#636363; font-style:italic; font-size:0.9em; margin-left:6px;}

span.eventtype {color:#66391A;}


/* HTMLAREA  */
.htmlarea {line-height:1.7em;}
.htmlarea h1 {font:1.3em "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; color:#47391A; padding-bottom:1em;}
.htmlarea h2 {font:1.2em "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; color:#000; padding-bottom:0.6em; text-decoration:underline;}
.htmlarea h3 {font:bold 1.1em Tahoma,Geneva,Kalimati,sans-serif; color:#000; padding-bottom:0.6em; text-transform:uppercase;}
.htmlarea h4,.htmlarea h5,.htmlarea h6 {}
.htmlarea p {}
.htmlarea ol,.htmlarea ul {margin:0 0 1em 18px;}
.htmlarea ul {list-style-type:disc;}
.htmlarea ol {list-style-type:decimal;}
.htmlarea em {font-style:italic; color:#000;}
.htmlarea strong {color:#303030; font-weight:bold;}
.htmlarea dl {margin-bottom:1em;}
.htmlarea dt {}
.htmlarea dd {}
.htmlarea dd {font-size:0.9em; color:#666; margin-bottom:0; line-height:0.9em;}
.htmlarea dt {margin-bottom:0.7em;}
.htmlarea dt a {color:#000; text-decoration:none;}
.htmlarea dt a:hover {color:#47391A; text-decoration:underline;}

.htmlarea small {font-size:0.8em;}
.htmlarea .left {float:left; margin:0 6px 6px 0;}
.htmlarea .right {float:right; margin:0 0 6px 6px;}


/* FORMS */
form {float:left; display:inline-block;}
form:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
fieldset {padding:10px 14px; border:1px solid #ccc;}
legend {font:1.4em/1em "Trebuchet MS",Tahoma,Helvetica,sans-serif; color:#000;}

input, textarea, select, label {font:1em/1em Tahoma,Geneva,Kalimati,sans-serif;}
form div {display:inline-block; padding-bottom:0.6em;}
form div:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.textfield label, .textarea label, .file label, .dropdown label {display:block; width:100px; text-align:left; margin-right:5px; padding-top:5px; color:#000; font-weight:bold; padding-bottom:0.2em;}
select optgroup {font-style: normal;}

.textfield input, .file input {width:200px;}
.dropdown select {width:208px;}
.file input {width:200px;}
.textarea textarea {width:200px; height:6em;}

.textfield input, .datefield input, .file input, .dropdown select, .textarea textarea {padding:2px 4px; border:1px solid #ccc; background:#EBEBEB; color:#333; font:1em/1.1em Tahoma,Geneva,Kalimati,sans-serif;}

.textfield input:focus, .filefield input:focus, .dropdown select:focus, .textarea textarea:focus {background:#efefef; border-color:#999;}
.textfield input:hover, .file input:hover, .dropdown select:hover, .textarea textarea:hover {background:#efefef; border-color:#999;}

.checkbox, .radio {padding-left:15px;}
.checkbox label, .radio label {padding-left:4px; font-weight:bold;}

.multichoice {border:none; padding:1em 0 1.5em;}
.multichoice legend {margin-bottom:0.2em; font:1em/1em Tahoma,Geneva,Kalimati,sans-serif; font-weight:bold;}
.multichoice div {padding-bottom:0.4em;}
.multichoice .checkbox label, .multichoice .radio label {font-weight:normal;}

.buttons {background:#ececec; margin:1em 0; padding:8px 10px;}
.buttons button {background:#fff; color:#333; font-size:1.1em; text-decoration:none; cursor:pointer; padding:1px 4px; border:1px solid #ccc; font-weight:bold;}
.buttons button:hover {color:#FF8F18;}

.panel {clear:both; display:none; border:3px solid #CCC; padding:1em;}
.panel.active-tab-body {display:block;}
#tabs {list-style:none;}
#tabs li {float:left;}
#tabs a {float:left; padding:5px 8px; margin-left:6px; background-color:#F2F2F2; text-decoration:none; color:#999999;}
#tabs a.active-tab {background-color:#CCC; border-top:3px solid #999; padding-top:3px; color:#000;}
input.disabled {border:1px solid #F2F2F2; background-color:#F2F2F2;}
input.required, textarea.required {}
input.validation-failed, textarea.validation-failed {border:1px solid #FF3300; color :#FF3300;}
input.validation-passed, textarea.validation-passed {border:1px solid #00CC00; color :#000;}
.validation-advice {margin:5px 0; padding:5px; background-color:#FF3300; color :#FFF; font-weight:bold;}
.custom-advice {margin:5px 0; padding:5px; background-color:#C8AA00; color :#FFF; font-weight:bold;}

.hidden {display:none !important;}


/* LIGHTBOX */
#lightbox {position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox a img {border:none;}
#outerImageContainer {position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#imageContainer {padding:10px;}
#loading {position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav {left:0;}
#hoverNav a {outline:none;}
#prevLink, #nextLink {width:49%; height:100%; background:transparent url(../images/blank.gif) no-repeat;  /* Trick IE into showing hover */display:block;}
#prevLink {left:0;  float:left;}
#nextLink {right:0;  float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(../images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(../images/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer {font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%	}
#imageData {padding:0 10px;  color:#666;}
#imageData #imageDetails {width:70%;  float:left;  text-align:left;}	
#imageData #caption {font-weight:bold; 	}
#imageData #numberDisplay {display:block;  clear:left;  padding-bottom:1.0em;}
#imageData #bottomNavClose {width:66px;  float:right;   padding-bottom:0.7em;}
#overlay {position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000;}