/* ====== Reset ====== */
html{color:#000;background:#fff}
body{font-size:75%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{font-size:100%}legend{color:#000}
/* fonts */
body{padding-bottom: 10em}
select,input,button,textarea{font:99% arial,helvetica,sans-serif}
table{font-size:inherit;font-size:100%}
pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%}

/* ====== Grid ====== */
body {background: url('./skin/page-bg-47aa42.gif') #47aa42 repeat-x; min-height: 1000px}
#wrap {background: url('../images/top-bg.jpg') no-repeat top center}
#header, #subwrap, #footer, #subwrap2, #footer2 {margin: 0 auto; width: 1000px; position: relative; clear: left}
#subwrap, #footer {position: relative; top: 4em}
#main {padding: 20px; float: left; width: 48em; min-height: 20em} /* no sidebar - if sidebar present then sits below main content */
.type2 #main {padding: 20px; float: left; width: 38em;} /* with sidebar */
.type3 #main {padding: 20px; float: left; width: 48em;} /* with sidebar */
 #main.main4 {padding: 20px; float: left; width: 74em;} /* no sidebar and no left hand nav */
.type5 #main {padding: 10px 10px 0; float: left; width: 100%; min-height: auto} /* no sidebar, no left nav, full width */

#sidebar {float: left; width: 960px; padding: 30px 0 20px; border-top: solid #8cc63f 5px; margin: 0 20px}
.type2 #sidebar {float: right; width: 18em; padding: 30px 20px 20px 20px; border-left: solid #ddd 1px; border-top: none}
.type3 #sidebar {float: right; width: 18em; padding: 30px 20px 20px 20px; border-left: solid #ddd 1px; border-top: none}
 #sidebar.sidebar4 {float: left; padding: 30px 0 20px; border-top: solid #8cc63f 5px; margin: 0 20px}
#subwrap #sidebar, #subwrap2 #sidebar, .type5 #sidebar {clear: left; float: left; padding: 20px 40px 10px 20px; border-top: solid #8cc63f 5px; margin: 0 0 0 10px; width: 640px}
.type5 #sidebar {padding-top: 10px !important; margin-top: 0px !important}
#subwrap #social, #subwrap2 #social, .type5 #social {clear: none; float: left; width: 260px; margin: 0 0 10px; padding: 10px 10px 0}
#wrap:after,#subwrap:after,#subwrap2:after,#social:after{content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;font-size: 36px}
.type5 #social {margin-top: 0px !important; padding-top: 10px}
#social {clear: left; padding: 0 20px; margin: 0 20px; border-top: solid #8cc63f 5px} 
#footer, #footer2 {width: 1000px; padding: 0; margin: 0 auto; background: #fff}
#footernav {padding: 0 10px 20px} 
#footernav .utility {border-top: solid #8cc63f 5px; clear: left; float: none; position: static; padding-top: 16px}
#footernav .utility li {float: none; display: inline}
#footernav .utility li a {color: #2e622a; margin: 10px 5px; border-bottom: solid #cdfa01 1px; padding: 0; font-weight: normal; font-size: 0.9em}

#footernav .utility li a:hover, #footernav .utility a:focus {background: #cdfa01; color: #000}

#footer p.small, #footer2 p.small {font-size: 0.9em; color: #666666; font-style: normal; margin: 0 16px; padding-bottom: 20px}
#footer p.right, #footer2 p.right {float: right}
#sidebar a {color: #2e622a; border-bottom: solid #cdfa01 1px}
#sidebar a:hover, #sidebar a:focus {background: #cdfa01; color: #000}
#main .highlight {width: 250px; float: left; margin: 10px 0 0 0; border-top: dashed #ccc 1px; padding: 10px 10px}
#main .highlight h2 {margin-top: 0 !important; padding-top: 0}
#main .highlight p {margin-bottom: 0}
.clear {clear: left; margin: 0}


/* ====== Typography ====== */
@font-face {
	font-family: 'marvelscriptregular';
	src: url('./fonts/marvelscript.eot');
	src: local('MarvelScript'), local('MarvelScript'), url('./fonts/marvelscript.woff') format('woff'), url('./fonts/marvelscript.ttf') format('truetype');
}

body{font-family:arial, helvetica, sans-serif}
h1,h2,h3,h4,h5,h6{font-family:arial,helvetica,sans-serif}
h1 {font-size: 2.4em; margin-bottom: 0.5em; font-family:marvelscriptregular,arial,helvetica,sans-serif}
h2, h2 strong {font-weight: normal; font-size: 1.6em; margin-bottom: 0.5em; font-family:marvelscriptregular,arial,helvetica,sans-serif}
h3 {font-weight: bold; font-size: 1.125em; margin-bottom: 0.5em}
a {color: #2e6d2a; text-decoration: none}
#main a {text-decoration: none; border-bottom: solid #cdfa01 2px}
#main a:hover, #main a:focus {background: #cdfa01; color: #000}
#main .wp-caption a, #main .share a {border-bottom: none}
#main .wp-caption a:hover, #main .wp-caption a:focus, #main .share a:hover, #main .share a:focus {background: none; color: #000}



#nav li {font-weight: bold}
#main p {line-height: 1.4em}
blockquote {margin: 1em; color: #555}

#sidebar h3 {font-size: 1em}
#sidebar .more-link {font-size: 0.9em; font-weight: bold}
/* ====== Header ====== */
#header {height: 205px; background: url('../images/header-bg.jpg') no-repeat top left}
p#logo {height: 170px}
p#logo a {position: relative; top: 55px; left: 28px}
h1#logo {height: 170px; margin:0; padding:0; font-size: 1em}
h1#logo a {position: relative; top: 55px; left: 28px}

/* ====== Nav ====== */
.utility {float: right; position: absolute; top: 10px; right: 0}
.utility li {float: left; margin-right: 0.6em}
.utility li a {font-weight: bold; color: #fff; position: relative; top: 4px; padding: 4px}
.utility a:hover, .utiity a:focus, .utility .current a {background: #333; color: #fff}
.utility .search p {display: inline}
.utility .search input {vertical-align: top}
.utility .search input.text {height: 15px; width: 158px; margin: 0; padding: 5px; border: none; display: inline}
.utility .search input.navsubmit {}
.utility .search h2 {position: absolute; left: -3000em}


p#donate {position: absolute; top: -90px; right: 0; z-index: 1}
 p#donate a {display: block; width: 271px; height: 125px; background: url('../images/donate-now-css.gif') 0 0}
 p#donate a:hover, p#donate a:focus {background: url('../images/donate-now-css.gif') 0 125px}
 p#donate img {position: relative; left: -3000em}

#nav {position: relative; float: left; width: 100%}
#nav ul {}
#nav li {float: left; margin-right: 4px}
#nav li a {color: #fff; background: url('./skin/tab-r.gif') no-repeat top right; text-decoration: none; padding-right: 4px; display: block; float: left}
#nav li a:hover, #nav li a:focus, #nav li.current a {background: url('./skin/tab-active-r.gif') no-repeat top right; color: #000}
#nav li a span {color: #fff; background: url('./skin/tab-l.gif') no-repeat top left; padding: 10px 13px 11px 17px; float: left}
#nav li a:hover span, #nav li a:focus span, #nav li.current a span {background: url('./skin/tab-active-l.gif') no-repeat top left; color: #000}

#nav li ul {position: absolute; left: 0; top: 3em; background: url('./skin/subtab-bg.gif') #e7e7e7; border-bottom: solid #d8d8d8 1px; width: 100%; height: 50px}
#nav li li, #nav li.current li {display: inline; background: none; margin: 0; font-size: 0.9em; padding: 11px 0 0 0}
#nav li li a, #nav li.current li a {color: #333; background: none; padding: 5px; margin: 0 6px}
#nav li li.current a {color: #fff; background: #333 !important}
#nav li li a span, #nav li.current li a span {color: #333; background: none; padding: 0}
#nav li li.current a span {color: #fff; background: #333 !important}
#nav li li a:hover, #nav li li a:focus {background: #ccc}
#nav li li a:hover span, #nav li li a:focus span {background: none}

#imgnav {background: #fff; border: none; width: 240px; float: left}

#nav2 {background: #f4f4f4; border: none; width: 240px; float: left}
#nav2 li {border-top: #eee solid 1px; display: block}
#nav2 li a {padding: 6px 10px 6px 20px; font-size: 0.9em; color: #333; background: url('../images/menu-bullet-right.gif') no-repeat 0 2px; font-weight: bold; text-decoration: none; color: #333; border: solid #f4f4f4 1px; display: block}
#nav2 li a:hover, #nav2 li a:focus {border: solid #57b041 1px; background: url('../images/menu-active-bg.gif') no-repeat #6bbc03}
#nav2 li.current a.here {border: solid #57b041 1px; background: url('../images/menu-active-down-bg.gif') no-repeat #6bbc03}

#nav2 li ul li {border-top: #dfdfdf solid 1px}
#nav2 li ul li a {padding: 6px 10px 6px 35px; background: url('../images/menu-sub-bullet-right.gif') no-repeat 0 2px #dfdfdf; border: solid #dfdfdf 1px}
/* NBED NEED SOME WORK HERE */
#nav2 li ul li.current a.here {border: solid #57b041 1px; background: url('../images/menu-sub-active-bg.gif') no-repeat #6bbc03}
/* NBED END OF WORK REQUIRED */
#nav2 li ul li a:hover, #nav2 li ul li a:focus {border: solid #57b041 1px; background: url('../images/menu-sub-active-bg.gif') no-repeat #6bbc03}
#kidz {margin: 30px 10px 30px 10px; padding: 9px; border: 1px solid #57b041; background-color: #fff; display: none}
#nav2 img {margin: 0; padding: 0; border: none}

/* ====== Main and Sidebar content ====== */
#subwrap,#subwrap2 {background: #fff}
#main h2, #main h3 {margin-top: 1em}
#main p, #sidebar p, #kidz p {margin-bottom: 0.65em}
#main ul, #main ol {margin-bottom: 1.3em; margin-left: 3em; margin-top: 0.5em}
#main ul li {list-style-type: disc; margin-bottom: 0.5em; line-height: 1.4}
#main ol li {list-style-type: decimal; margin-bottom: 0.5em; line-height: 1.4}

/* ====== Search ====== */
.search {float: right}

/* ====== Home Page ====== */
div.buttons {float: left}
div.buttons img {margin-bottom: 6px}
div#film {float: left; margin: 0 10px; padding: 0; width: 600px; height: 309px; background: #333; border: solid #333 1px}
div#film p {margin: 0; text-align: center; font-size: 0.9em}
div#film object {display: block; padding: 0; width: 548px; height: 309px; border: none; margin-left: 26px}
div#film object object {margin-left: 0}
#main p.button {padding-top: 5px}
#main p.button a {display: block; float: left; width:87px;height:30px;text-decoration:none;border:none;background:url(../images/donate-button.gif)}
#main p.button a:hover,p.button a:focus {background:url(../images/donate-button.gif) 0 30px}
#main p.button a strong {position: relative; left: -3000em}
div#film h2 {margin-top: 5px; text-align: center; margin-bottom: 0}

#main .buttons a {border-bottom: none}
#main .buttons a:hover, #main .buttons a:focus {background: none}

/* ====== Skip Link ====== */
#skiplinkholder {position:absolute;width:100%;top:0;left:0}
#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {display:block;width:99%;position:absolute;top:0;left:-200%;z-index:2}
#skiplinkholder a:focus, #skiplinkholder a:active {left:0;top:0;z-index:100}
#skiptargetholder {position:absolute;left:-200%}
#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {color:#fff;background:#336;text-decoration:none;border-bottom:solid #ccc 2px;padding: 5px}



/* ====== Twitter ======= */

.hd,.bd,.ft{overflow:hidden}
.inner{position:relative}
b{display:block;background-repeat:no-repeat;font-size:1%;position:relative;z-index:10}
.tl, .tr, .bl, .br{height:10px; width:10px;float:left}
.tl{background-position: left top}
.tr{background-position: right top !important}
.bl{background-position: left bottom !important} 
.br{background-position: right bottom !important}
.br,.tr{float:right}
.tr, .tl{overflow:hidden;margin-bottom:-32000px}/* margin bottom needs to be < -9px */
.bl,.br{margin-top:-10px}
.top{background-position:center top}
.bottom{background-position:center bottom;}

.twitterwrap .inner {background: url('./skin/twitter-bg.gif') #74cdd1 repeat-x; border: solid #7ed0d4 1px; min-height: 120px}
.twitterwrap b {background: url('./skin/twitter-outer.gif')}

.twitterwrap ul {background: #fff; padding: 5px; display: block; padding: 10px; margin: 10px 10px 10px 55px; border: solid #7ed0d4 1px}
.twitterwrap li {padding: 5px}

.twitterwrap p {float: left; padding: 42px 14px 0 14px}

.col-l {width: 260px; float: left}
.col-r {width: 895px; float: left; margin-bottom: 10px}

.twittericon, .facebookicon, .rssicon {display: inline}
.twittericon, .facebookicon {margin-right: 5px}
.newslettericon {margin-top: 2px}
#social {margin-bottom: 20px}

/* *`/ 
#social .col-l {width: auto}
#social .col-l li {float: left; margin-right: 1em}
.twitterwrap {display: none}
.twittericon {display: inline}
/* remove or comment out previous 5 lines to introduce twitter feed  */


/* Contact Form */
#main form fieldset {border: solid #ccc 1px; padding: 5px 10px; margin-top: 20px}
#main form legend {font-weight: bold; margin: 10px 0}
#main form fieldset label {display: block; float: left; width: 10em; padding-top: 0.2em; margin-bottom: 10px}
#main form fieldset label.radiolabel {font-weight:bold; display: inline; float: none; width: auto; padding-top: 0; padding-left: 1em}
#main form fieldset label span.req {font-weight:normal; font-style: italic}

#main form input , #main form textarea      {
                        background-color: #f0ffdc;
                        color: #000;
                        border: 1px solid #ccc;
                        padding: 0.1em 0.3em 0.1em 0.3em;
                        font-size: 1em;
			width: 30em
                        }

#main input.radio, #main input.checkbox, #main input.check{border: none; width: auto; margin: 0 5px 0 0; padding: 0}
#main #mc-embedded-subscribe-form ul.input-group li {list-style-type: none; border: 0; margin: 0.5em 0; padding: 0}
#main #mc-embedded-subscribe-form ul.input-group input {float: none; display: inline}
#mc-embedded-subscribe-form ul.input-group li label {width: 20em; float: none; display: inline}

#main #mc-embedded-subscribe-form #submitbutton {width: 140px; height: 30px; font-weight: bold; font-size: 120%; border: none; color: #fff; margin-right: 20px}
#main #mc-embedded-subscribe-form #mc-embedded-subscribe {width: 140px; height: 30px; font-weight: bold; font-size: 120%; border: none; color: #fff; margin-right: 20px}
#main #mc-embedded-subscribe-form .navsubmit {background: url(../images/button.gif)}
#main #mc-embedded-subscribe-form .navsubmithov {background: url(../images/button.gif) 0 30px}

#main form input#searchsubmit {width: 5em}

#main form p         { clear: left}
#main form#orgcheckform p         { clear: none}
#main form p.submit          {padding-left: 29em}
#main form p.mc-submit          {padding-left: 36em}

.mce_inline_error {background-color: transparent!important ; margin-top: -1em!important}
.response {font-weight: bold!important; color: red!important}

*+html #main form input       {
                        padding:0.15em 0.3em 0.15em 0.3em
                        }
* html #main form input       {
                        padding:0.15em 0.3em 0.15em 0.3em
                        }

/*
#main form input.navsubmit    {
                        background-color: #0066cc!important;
                        color: #fff!important;
                        border: 1px solid #fff;
                        font-weight: bold;
                        padding: 0 0.3em 0 0.3em;
                        }

*+html #main form input.navsubmit     {position: relative; top: 2px}
* html #main form input.navsubmit     {position: relative; top: 2px}


#main form input.navsubmithov {
                        background-color: #fff!important;
                        color: #0066cc!important;
                        border: 1px solid #0066cc;
                        font-weight: bold;
                        padding: 0 0.3em 0 0.3em;
                        }
*+html #main form input.navsubmithov  {position: relative; top: 2px}
* html #main form input.navsubmithov  {position: relative; top: 2px}
*/


  .alignright {float:right}
  .clearright {clear:right}
  .alignleft {float:left}
  .clearleft {clear:left}
  .aligncenter {margin-left: 10em; margin-right: auto;}
  .alignnone {display: block}

.availability .alignleft {margin-right: 4em; margin-top: 1em; margin-bottom: 1em;  border-bottom: solid #ccc 1px}
* html .availability .clearleft {clear:none}
*+html .availability .clearleft {clear:none}
  img.size-full, img.size-medium {border: solid #ccc 1px; background: #f0f0f0; padding: 5px; margin: 0 0 0.5em}
  .wp-caption, img.alignright {border: solid #ccc 1px; background: #f0f0f0; padding: 5px; margin: 0 0 0.5em 1em; float: right; font-size: 0.9em; clear: right}
  img.alignleft {border: solid #ccc 1px; background: #f0f0f0; padding: 5px; margin: 0 1em 0.5em 0; float: left; clear: left}
  img.aligncenter {border: solid #ccc 1px; background: #f0f0f0; padding: 5px; margin-right: 0 auto}



/* Sharelinks */
  ul.share {margin: 0 0 1em 0; text-align: right; padding: 0}
  #article ul.share {text-align: left; margin-top: 0.75em}
  ul.share li {list-style-type: none; display: inline; margin: 0 2px 0 0; padding: 0; color: #777; font-size: 0.6875em}
    ul.share li img {vertical-align: bottom}
  ul.share a {border: none}
  ul.share a img {opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); border: none}
  ul.share a:hover img{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100)}
  ul.share a:focus img{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100)}

  ul.share li:before {
   content: none;
   display: none;
  }

#article  p.small {font-size: 0.8125em; font-style: italic; margin: 0em 0 0.5em 0; line-height: 1}

#blogstyle h2 {margin-bottom: 0}
.error {font-weight: bold; color: red}

/* === Tables == */
table {margin: 1em 0}
th, td{vertical-align:top;border:1px solid #ccc; padding: 5px}
th {font-weight: bold}

 p.question {margin-bottom: 0em
				}
p.answer {		margin-top: 0em;
				margin-bottom: 0.2em}
				
p.btt {			margin-top: 0em;
				text-align: right;
				font-size: 0.8em
				}
.skipinvis 		{
				width: 1px; 
				height: 1px; 
				overflow: hidden}	
				
.skipinvisinner {width: 100%}


.postmetadata {clear: both}


#jobapp input.disabled {border: none; background: #fff; color: #000; font-weight: bold}
#jobapp label {padding-right: 5px}
#jobapp fieldset fieldset {margin-top: 0; margin-bottom: 0.5em; border-left: none; border-right: none; border-bottom: none; margin-left: -10px; margin-right: -10px}
#jobapp fieldset fieldset.fromto {margin: 0; padding: 0; border: none; width: 100%}
#jobapp fieldset fieldset legend {margin-top: 0}
#jobapp textarea {height: 4em}
#jobapp fieldest fieldset.fromto label {text-align: right}
#jobapp .large label {width:100%}
#jobapp .large textarea {width:40em; height: 8em}
#jobapp p.yn label {width: 32em}

#main form fieldset div.biglabel label {display: block; float: none; width: 40em}