/*--beginning of general structure --*/
img {
    max-width: 100%;
    height: auto;
}

body {
 margin: 0 auto;
 text-align: center;
 color: #fff;
 background: #abe600 url(images/bgGhost.png) top no-repeat;
 font: 1.0em verdana, arial, helvetica, sans-serif;
 }
#wrapper {
 width: 85%;
 max-width: 984px;
 margin: 0 auto;
 padding: 0;
 text-align: center;
 color: #000;
 background: transparent;
}
#subwrapper {
  margin: 0 auto;
  padding: 0;
  text-align: left;
  background: transparent;
  position: relative;
}
#header {
 background: transparent;
 }
 #subheadLogo img#logoTwo{

  display:none;
  }
#subheadLogo img#logoOneA{

  display:none;
}
#subheadLogo img#logoOne{
  padding: 0 0 0 2.33em;
  float: left;
  border: none;
  width:100%;
  max-width:512px;
  display:inline-block;
  max-width: 571px;
  width: 68%;
}
#subheader {
  background: transparent;
  float: right;
  max-width: 310px;
  margin-top: .67em;
   }
#subheader p#address {
  text-align: left;
  font-variant: small-caps;
  padding: 1.67em 1.33em 1.67em 0;
  font-size: 90%;
  font-weight: bold;
}

.readmore, .example {
  font: italic 85% Verdana, Arial, Helvetica, sans-serif;
  color: #9d080d;
  background: transparent;
  text-decoration: none;
}
#content p.readmore{
  font: italic 75% Verdana, Arial, Helvetica, sans-serif;
  color: #9d080d;
  background: transparent;
  text-decoration: none;
  text-align: center;
  padding-top: 0;
  padding-bottom: 2em;
}


#preForm .readmore a:link, #preForm .readmore a:visited{
  text-decoration: none;
  color: #9d080d;
  font-size: 100%;
}

#preForm .readmore a:hover, #scrollable .readmore a:hover {
 text-decoration: underline;
}
#scrollable .readmore a:link, #scrollable .readmore a:visited{
  text-decoration: none;
  color: #084e00;
}
#content #scrollable p.frontPage {
  padding-bottom: .35em;
  padding-top: .67em;
}

#scrollable ul {
  padding-left: 85px;
  margin-top: 0;
}

#scrollable ul li {
  font-weight: normal;
  text-align: left;
  font-size: 77%;
}
#scrollable ul li a:link, #scrollable ul li a:visited {
 text-decoration: none;
 color: #084e00;
}
#scrollable ul li a:hover {
  text-decoration: underline;
}

#content .newEvent .emphasizit{
  font: italic normal bold 115% normal Verdana, Arial, Helvetica, sans-serif;
  color: #e2c446;
  background: transparent;
  text-decoration: none;
}
.clearall {
  clear: both;
}
.clearright {
  clear: right;
  text-align: left;
}
.clearleft {
  clear: left;
}
a:link, a:visited {
 color: #084e00;
 text-decoration: none;

 }

a:hover{
 color: #000;
 text-decoration: underline;
}
/*--end of general structure - beginning of navigation area  --*/
#primarynav{
 float: right;
 /*width: 984px; - width with another link*/
 width: 90%;
 padding: 0;
 background: transparent;
 font-weight: bold;
 font-size: 95%;

}
ul#primaryNavigation{
display: inline;
 list-style-type: none;
padding: 0;
  font: normal small-caps normal 100% Verdana, Arial, Helvetica, sans-serif;
}
ul#primaryNavigation li{
  width: 5em;
 background: transparent;
 float: left;
 padding:.35em;
 margin: 0;
 text-align: center;
}
ul#primaryNavigation li#oneNav {
  width: 2.33em;
  margin-left: 2em;
  margin-right: 1em;
}

ul#primaryNavigation li#oneANav {
  width: 4em;
}
ul#primaryNavigation li#twoNav {
  width: 6.5em;
}
ul#primaryNavigation li#fourNav {
  width: 6em;
}
ul#primaryNavigation li#sixNav {
  width: 5em;
}
ul#primaryNavigation li#sevenNav {
  width: 4.67em;
}
ul#primaryNavigation li#eightNav {
  width: 4.67em;
}
ul#primaryNavigation li#nineNav {
  margin-right: 1em;
}
ul#primaryNavigation li#tenNav {
  width: 6em;
}
ul#primaryNavigation li a:link, ul#primaryNavigation li a:visited {
 color: #084e00;
 text-decoration: none;

 }

ul#primaryNavigation li a:hover{

 color: #000;
 text-decoration: none;
}
ul#primaryNavigation li a#current{
 font-weight: bold;

}
/*--end of navigation area - beginning of main content area --*/
#contentBG {
  clear: both;
  margin: 0 auto;
  max-width: 95%;
   min-height: 20em;
  text-align: center;
  padding: 0;
  border-radius: 1.67em;
  background: #e7f6a1;
  box-shadow: 0 0 2.67em 3.33em #E7F6A1;

}
#contentTop {
  width: 100%;
  height: 5.13em;
}

#content {
 width: 100%;
 text-align: center;
 padding:  0;
 margin: 0px auto;

 }
#contentBottom {
 clear: both;
  width: 100%;
  height: 5.06em;
 text-align: center;
 padding: 0;
 margin: 0 auto;
}



#content h1 {
 margin: 0;
 color: #000;
 background: transparent;
 padding:.35em;
 font: bold small-caps 105% verdana, arial, helvetica, sans-serif;
 text-align: center;
}
#content h1#resourcehead {
  padding-bottom: 1.33em;
}

#content h2 {
 color: #053600;
 background: transparent;
 font-size: 105%;
 text-align: center;
 padding: .67em 1.33em 0px;
 margin: 0;
 }
#content h3 {
 color: #053600;
 background: transparent;
 font-size: 95%;
 text-align: left;
 padding: .67em 1.33em 0px;
 margin: 0;
}

#content h2.bioHeader {
  padding: 0;
}
#content h2#slogan {
   clear: right;
  font-size: 105%;
  text-align: center;
  font-style: italic;
  color: #053600;
}
#content h2#sloganLeft {

  font-size: 105%;
  text-align: center;
  font-style: italic;
  color: #053600;
  line-height: 500%;
}
#content p {
 color: #000;
 background: transparent;
 font-size: 90%;
 line-height: 120%;
 margin: 0;
 padding: 1em 2.67em .47em 3em;
 }

 #content p#columnfirst {
  float: left;
  width: 145px;
  padding:.35em .67em 1.67em 45px;
  font-size: 70%;
}
#content p.columnmid {
  float: left;
  width: 145px;
  font-size: 70%;
  padding:.35em .67em 1.67em .67em;
}
#content p#columnlast {
  float: left;
  width: 145px;
  font-size: 70%;
  padding: 15px 45px 1.67em .67em;
}

#content .contentLeft ul {
  padding: 7px 2.67em .67em 75px;
  font-size: 85%;
  margin: 0;
  text-align: left;
  color: #000
}
#content .contentLeft li {
  padding-bottom: 2em;
}

#content li a:link, #content li a:visited{
  font-weight: bold;
  color: #000;
  text-decoration: none;
}
#content li a:hover{

  text-decoration: underline;
}
#content #services ul {
  color: #000;
  }
#content #services li {
  padding-bottom: .2em;
}
#content #eventsPage {
  padding: .67em 75px;
}
#content #eventsPage h1{
  font-size: 105%;
  font-weight: bold;
}
#content #eventsPage h2{
  font-size: 102%;
}
.newEvent {
  border: 1px solid #000;
  background:#695d27;
}




#content ul.events {
float: right;
width: 450px;
  padding: 7px .67em 0px 45px;
  font-size: 85%;
  margin: 0;
  text-align: left;
  color: #000
}
#content ul.events li {
  padding-bottom: 0px;
}
#content ul.directions {
  font-size: 85%;
  text-align: left

}
#content ul.generalList {
  padding: 7px .67em 0px 75px;
  font-size: 85%;
  margin: 0;
  text-align: left;
  color: #000;
}
#content ul.generalList li{
  padding-bottom: 1.33em;
}

#content .contentLeft #services h2 {
  font-size: 100%;
  font-weight: bold;
}
#content .contentLeft #services h3 {
  font-size: 90%;
  font-weight: bold;
  text-align: left;
  color: #000;
  margin: 0;
  padding:.35em 2.67em;
}
#content ol li {
    font-size 90%;
    padding-top: .4em;
}

#content ol.subList {
    counter-reset: list;
    margin-top: 1em;

}
#content ol.subList li {
   list-style: none;
   position: relative;
   padding-bottom: .4em;
   padding-left: .4em;
}

#content ol.subList li:before {
  content: counter(list, lower-alpha) ") ";
  counter-increment: list;
  position: absolute;
  left:-1.4em;
}

#content ol.subList li a {
  text-decoration: underline;
    }

#content ol.subSubList {
    counter-reset: list;
    margin-top: .4em;
}
#content ol.sublist li ol.subSubList li{
     list-style: none;
   position: relative;
   padding-bottom: .4em;
    padding-left: .4em;
}

#content ol.subSubList li:before {
  content: counter(list, decimal) ") ";
  counter-increment: list;
  position: absolute;
  left:-1.4em;
  padding-right: .4em;
}

#content ol.subList2 {
    counter-reset: list;
    margin-top: .4em;
}
#content ol.subList2 li:before {
 content: counter(list, lower-alpha) ") ";
  counter-increment: list;
  position: absolute;
  left:-1.4em;
  padding-right: .4em;
}




.contentLeft {

  float: left;
  width: 41.6%;
  background: transparent;
  margin: .67em 2em 0 -2em;
}


#content .contentLeft p.frontPage, #content p.frontPage, #content p.moveClasses{

  text-align: left;
  padding: 1.33em 2.67em .67em 4em;
  font-size: 95%;
  line-height: 160%
}
#content .contentRight p.moveClasses {

  padding-top:.35em;
  padding-bottom:.35em;
  font-size: 90%;
}
#content .contentRight p.classDates {
  color: #360500;
  font-size: 80%;
  padding:.35em;
  margin: 0;
}

#content .contentLeft img.bios  {
  float: left;
  padding:.35em;
}
#content .contentLeft p.bioPara {

 text-align: left;
  padding:.35em 0 .35em 1.2em;
}
#content .contentLeft p.bioPara2 {
  margin-left: 2em;
  margin-top: .67em;
  text-align: left;
  padding:.35em;

  border: 1px solid #adff2f;
}

.contentRight {
  background: transparent;
  margin: .67em;
  padding-right: 1.33em;
  width: 100%;

}
#content .contentRight p.rightPara {
  text-align: left;
  padding: .67em 1.33em;
  margin: 0;
  font-size: 95%;
}
#content #scrollable {
  width: 52%;
  height: 570px;
  overflow: auto;
}

.contentRight img {
  padding: 0 1.33em;
 }
#preForm {
  text-align: left;
}
#preForm p{
  padding: 50px 4em .2em 1.67em;
}


/*--beginning of table formatting --*/
table {
  padding-bottom: 0px;
}
table.lastRow{
  padding-bottom: 50px;
}

table td {
  text-align: left;
  font-size: 90%;
}
table th {
  text-align: left;
  color: #053600;
  font-variant: small-caps;
}
table caption {
  color: #053600;
  font-style: italic;
  font-weight: bold;
  padding-bottom: 1.33em;
}
table td.tableRight, table th.tableRight, table td.tableRight1, table th.tableRight1 {
  text-align: right;
  padding: 0 2em;
}
table td.tableRight1, table th.tableRight1 {
  border-right:  1px dotted  #053600;
}
/*--beginning of directions section specific --*/
#content  ul#directionsList{
  padding-left: 100px;
}

#content  ul#directionsList li{
  text-align: left;
  font-size: 95%;
  padding-bottom: 1.33em;
  font-weight: normal;
}
#content  ul#directionsList li a:link, #content  ul#directionsList li a:visited {
  font-weight: normal;
  color: #053600;
}
#content  ul#directionsList li a:hover {
  color: #000;
}

#map1, #map2, #map3, #map4 {
 position: absolute;
 top: 20em;
 left: 450px;
 border: 1px solid #000;
 text-align: center;
 z-index: 1000;
 width: 440px;
 height: 400px;
 color: #053600;
 margin: 0;
 padding: 1.33em 0 0;
 background: #e3de8b;
 display: none;
 }

#content #hiddenmaps .closeup {
  line-height: 145%;
  font-size: 110%;
  text-decoration: none;
  color: #053600;
  background: transparent;
}
#content #hiddenmaps #map1 a:hover{
  text-decoration: underline;
}
#content #hiddenmaps ul li {
  color: #000;
  padding:.35em 2em .35em 0;
}
/*--beginning of testimonials section specific --*/
#content  ul.testimonialsList{
  padding-left: 100px;
}

#content  ul.testimonialsList li{
  text-align: left;
  font-size: 95%;
  padding-bottom: .33em;
  font-weight: normal;
}
#content  ul.testimonialsList li a:link, #content  ul.testimonialsList li a:visited {
  font-weight: normal;
  color: #053600;
}
#content  ul.testimonialsList li a:hover {
  color: #000;
}

#testimon1, #testimon2, #testimon3, #testimon4, #testimon5, #testimon6, #testimon7, #testimon8, #testimon9, #testimon10  {
 position: absolute;
 top: 240px;
 left: 450px;
 border: 1px solid #000;
 text-align: left;
 z-index: 1000;
 width: 440px;
 height: 500px;
 color: #053600;
 margin: 0;
 padding: 0 .33em 0 0;
 background: #e3de8b;
 display: none;
 overflow: auto;
 }

#content #hiddentestimons p.closeup {
  line-height: 145%;
  font-size: 110%;
  text-decoration: none;
  color: #053600;
  background: transparent;
  text-align: center;
}
#content #hiddentestimons #testimon1 a:hover{
  text-decoration: underline;
}
#content #hiddentestimons ul li {
  color: #000;
  padding:.35em 2em .35em 0;
}
#content p.testimonialPara{
      padding: .5em 0 0 0;
}
#content h3.testimonialTitle {
    text-align:left;
}
#content p.closingSalutation {
    font-style: italic;
    font-weight: bold;
    font-size: 80%;
    text-align: right;
    padding-right: 2em;
}

/* end of testimonials specific section

/*--beginning of contact form specific--*/
fieldset {
  border: none;
  padding: .67em;
}


form#contactus {
  text-align: left;
  padding: 0;
  margin: 0;
  font-weight: bold;
  color: #000;
}
form#contactus input#fname, form#contactus input#phone {
width: 400px;

}

form#contactus input#subject {
  width: 400px;
}
form#contactus input#email {
  width: 400px;
}
form#contactus p{
  padding: .67em;
  margin: 0;
}
form#contactus p.pleaseNote {
  font-weight: normal;
  font-size: 95%;
}
#content h2#contactFormTitle {
  color: #053600;
  text-align: left;
}

form#contactus ul {
  font-size: 95%;
  text-align: left;
  padding: .67em;
  margin: 0;
}
form#contactus li {
  padding:.35em
}
#feedback {
    padding: 2.67em 0 2em;
   min-height: 350px;
}
p#finalfeedback {
  color: #9d080d;
  font-style: italic;
}
#content p.resourcesPara {
  padding-bottom: 1.67em;
  padding-top: 1.33em;
}

h4#feedbacktitle, h4 {
  text-align: center;
  font-variant: small-caps;
  font-weight: normal;
  font-size: 95%;
  color: #053600;
}
h4#errorsheader {
  color: #9d080d;
  font-weight: bold;
}

h5#feedbacksubtitle {
  color: #9d080d;
  text-align: left;
  padding-left: 2em;
}
blockquote {
  text-align: left;
  font-size: 95%;
  color: #000;
  font-style:italic}
/*--end of contact form specific--*/
/*--end of main content area - beginning of footer area --*/
#footer {
 width: 100%;
 max-width: 984px;

 text-align: left;
 font-size: 80%;
 color: #777;
 background: transparent;
}
#footer p{
 margin: 0;
 font-size: 70%;
 padding: .67em 0 4em 4.67em;
}
#footer p#footslogan {
  font-size: 140%;
  text-align: center;
  font-variant:small-caps;
  padding-bottom: 2em;
  font-weight: bold;
}

ul#secnavigation {
 margin: 0;
 padding: .67em 0 0;
 width: 30%;
 color: #000;
 background: transparent;
 float: right;
 font-size: 80%;
 list-style-type: none;
 text-align: left;
}
ul#secnavigation li {
  display: inline;
}
ul#secnavigation li a:link, ul#secnavigation li a:visited{
 color: #777;
 background: transparent;
 text-decoration: none;
 text-align: center;
 }
ul#secnavigation li a:hover{
 color: #000;
 background: transparent;
 text-decoration: underline;
  }
 #footer a:link, #footer a:visited {
   color: #777;
   text-decoration: none;
 }
 #footer a:hover {
   color: #000;
    text-decoration: underline;
 }


/*--end of footer area --*/

/*--end standard area --*/
/*--specific to temporary popup --*/
#timedzfloatcontainer {
  z-index: 999;
  margin: 0 auto;
  text-align: left;
  position: fixed;
  top: 0;
	right: 0;
	bottom: 0;
	left: 0;
  height: 0px;
}
#content #timedzfloat p{
    text-align: left;

}
#content #timedzfloat ul{
    text-align: left;
    font-size: 85%;
}

#timedzfloat {
	width: 50%;
	position: relative;
	margin: 5% auto;
	padding: 5px 5px 13px 5px;
	border-radius: 10px;
background: rgba(215,255,97,1);
background: -moz-linear-gradient(top, rgba(215,255,97,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(215,255,97,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(215,255,97,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(215,255,97,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(215,255,97,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(215,255,97,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7ff61', endColorstr='#ffffff', GradientType=0 );

    -webkit-box-shadow: 7px 3px 37px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 7px 3px 37px 0px rgba(0,0,0,0.75);
    box-shadow: 7px 3px 37px 0px rgba(0,0,0,0.75);
    }

.close {
	background: #e7f6a1;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #abe600; }