/* ====== 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{font-family:helvetica,arial,sans-serif}
select,input,button,textarea{font-family:helvetica,arial,sans-serif}
table,li{font-size:inherit;font-size:100%}
pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%}
h1,h2,h3,h4,h5,h6{font-family:georgia,serif}
a {color: #2d59aa}
a:visited {color: #6e57aa}
a:hover {color: #488eff}
a:focus {color: #fff; background: #2e57aa}
/* === forms and buttons === */
.button {background: #f7d850; color: #666636; text-decoration: none; padding: 18px 12px; display: block; float: left; font-size: 1.5em; font-family: helvetica,arial,sans-serif; font-weight: bold}
.button:hover {color: #fff; background: #488eff}
/* === layout === */
#wrap {width: 1024px; margin: 0 auto; position: relative}
.col1o2 {width: 50%; float: left}
.col1o3 {width: 33.3%; float: left}
.col2o3 {width: 42.3%; float: left}
.col3o3 {width: 24.3%; float: left}
.colleft {width: 66.6%; float: left}
.colright {width: 33.3%; float: left}
.row {clear: both; position: relative; margin-left: 80px; margin-right: 70px}
.bg {background: #fff url('../images/bg.png') repeat-x; min-height: 76px}
#logo {float: left; margin-right: 10px}
/* === login form === */
#login {position: absolute; top: 0; right: 0; padding: 5px; z-index: 2}
#login p {font-weight: bold}
#login label {margin-left: 4px}
#login input {margin-left: 2px; font-size: 0.9125em; border: solid #666636 1px; padding: 2px; width: 8em; height: 1.5em}
#login .submit {background: #666636; color: #fff; width: 3.5em; padding: 0 2px; height: auto}
/* === logout form === */
#logoutform {position: absolute; top: 0; right: 0; padding: 5px; z-index: 2}
#logoutform p {font-weight: bold}
#logoutform label { margin-left: 4px}
#logoutform input {margin-left: 2px; font-size: 0.9125em; border: solid #666636 1px; padding: 2px; width: 8em; height: 1.5em}
#logoutform .submit {background: #666636; color: #fff; width: 4.2em; padding: 0 2px; height: auto}
/* === nav === */
#nav ul {}
#nav li {float: left; width: 94px; padding-bottom: 24px; height: 120px}
#nav li.current {background: url('../images/you-are-here.png') no-repeat bottom center}
#nav li.current a {color: #669900}
#nav li a {text-decoration: none; font-weight: bold; font-size: 1.25em; width: 94px; height: 117px; position: relative; border-left: solid #f6d94d 3px; color: #666636; z-index: 1; float: left}
#nav li a:hover {color: #488eff}
#nav li a span {display: block; cursor: pointer; position: absolute; width: 94px; text-align: center; bottom: 5px; left: 0}
/* === welcome === */
#mainimg {float: right; margin-left: 10px}
#welcome {padding-top: 22px}
#welcome h1, #welcome p {font-family: georgia, serif; color: #666636; display: inline; font-size: 1.5em; line-height: 1.5}
#welcome a {color: #669900}
#welcome a:hover {color: #488eff}
#welcome a:focus {color: #fff; background: #2e57aa}
p.clr {clear: both; display: block !important}
/* === signmeup === */
#signmeup {border-right: solid #666636 2px; padding-right: 7px; padding-bottom: 2px; margin-top: 12px; width: 270px; margin-bottom: 20px}
#signmeup .button {margin-right: 10px}
#signmeup p {font-weight: bold; color: #666636}
/* === donate === */
#donate {padding-right: 7px; padding-bottom: 2px; margin-top: 12px; width: 270px; margin-bottom: 20px}
#home #donate {padding-right: 7px; padding-left: 20px; padding-bottom: 2px; margin-top: 12px; width: 190px; margin-bottom: 20px; border-left: solid #666636 2px}
#donate .button {margin-right: 10px}
#donate p {font-weight: bold; color: #666636}
/* === upcomingevents === */
#upcomingevents {margin-bottom: 20px}
#upcomingevents h2 {font-size: 1.75em; font-style: italic; float: left; width: 145px; margin-left: 8px; margin-top: 8px}
#upcomingevents h2 a {text-decoration: none; padding: 6px 32px 10px 0; height: 55px; background: transparent url('../images/arrows.png') no-repeat scroll right 6px; display: block}
#upcomingevents h3 {font-family: helvetica, arial, sans-serif; font-size: 1.1em; font-weight: bold}
#upcomingevents h3 a {text-decoration: none; color: #666636}
#upcomingevents h3 a:visited {color: #6e57aa}
#upcomingevents h3 a:hover {color: #488eff}
#upcomingevents h3 a:focus {color: #fff; background: #2e57aa}
/*
#upcomingevents #event1 {float: left; width: 190px; padding: 0 18px 10px 13px; background: url('../images/arrows.png') no-repeat right; margin-top: 12px}
*/
#upcomingevents #event1 {float: left; width: 170px; padding: 0 18px 0 13px; margin-top: 12px}
#upcomingevents #event1 p {line-height: 1.4; font-weight: bold; color: #666636; margin-right: 15px}
#upcomingevents ul {padding-left: 22px; float: left; margin-top: 12px}
#upcomingevents li {margin-bottom: 2px; font-family: georgia, serif}
/* === focus === */
#focus {padding: 20px 20px 12px 3px}
#focus h2 {font-size: 2.3em; font-style: italic; background: url('../images/magnifying-glass-icon.jpg') no-repeat top right; float: left; padding: 5px 38px 15px 0}
#focus h2 a {text-decoration: none}
#focus p {font-family: georgia, serif; font-size: 1.1em; line-height: 1.45}
#focus .row {margin: 0}
/* === featured === */
#featured {padding: 20px 3px 12px 20px}
#featured h2 {font-size: 2.3em; font-style: italic; background: url('../images/star-icon.jpg') no-repeat top right; float: left; padding: 5px 32px 15px 0}
#featured h2 a {text-decoration: none}
#featured p {font-family: georgia, serif; font-size: 1.1em; line-height: 1.45}
#featured h3 {font-weight: bold; font-size: 1.1em; margin-bottom: 5px}
#featured .row {margin: 0}
/* === news === */
#news {padding: 20px 10px 40px 0}
#news h2 {font-size: 1.75em; font-style: italic}
#news h2 a {text-decoration: none}
#news h3 {font-size: 1.1em; font-weight: bold; margin-top: 10px; line-height: 1.5}
#news h3 a {text-decoration: none}
#news p {font-family: georgia, serif; font-size: 0.9em; line-height: 1.5}
/* === missionupdate === */
#missionupdate {padding: 20px 10px 40px}
#missionupdate h2 {font-size: 1.75em; font-style: italic}
#missionupdate h2 a {text-decoration: none}
#missionupdate h3 {font-size: 1.1em; font-weight: bold; margin: 10px 0 5px; line-height: 1.5}
#missionupdate h3 a {text-decoration: none}
#missionupdate p {font-family: georgia, serif; font-size: 0.9em; line-height: 1.5}
/* === quote === */
#quote {margin: 20px 21px 40px 50px}
#quote q {display: block; color: #333; font-size: 2em; font-family: georgia, serif; font-style: italic}
#quote cite {font-family: georgia, serif; display: block; font-size: 1.1em; line-height: 1.4}
/* === footer === */
#footer {padding-left: 88px; padding-right: 65px}
#footernav {padding-top: 7px}
#footernav li {display: inline; border-left: solid #666636 1px; padding: 0 5px}
#footernav li.first {border: none}
#footernav a {color: #666636; font-weight: bold}
#footernav a:visited {color: #6e57aa}
#footernav a:hover {color: #488eff}
#footernav a:focus {color: #fff; background: #2e57aa}
/* === backgrounds === */
#header {background: url('../images/login.png') no-repeat top right; margin: 0 auto; width: 1024px}
#login {background: url('../images/login.png') no-repeat top right; width: 1024px; text-align: right}
#logoutform {background: url('../images/login.png') no-repeat top right; width: 1024px; text-align: right}
#logo {padding: 40px 5px; position: relative; z-index: 3}
/* === hr === */
div.hr1 {display: block; height: 159px; width: 988px; background: url('../images/hr1.png') no-repeat top center; position: absolute; top: 43px; left: 19px}
div.hr2 {display: block; height: 160px; width: 988px; background: url('../images/hr2.png') no-repeat top center; margin-top: -99px; margin-left: 19px; margin-bottom: -59px}
hr.hr3 {color: #666636; height: 2px; margin: 0 69px 0 80px; background: #666636; display: block; clear: left}
.colright hr.hr3 {height: 1px; margin: 10px 0 0 20px}
/* ====== 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}
/* === WP style === */
.align-right {float: right; margin: 0 0 0 12px; clear: right}
.align-left {float: left; margin: 0 12px 0 0; clear: left}
/* === section pages === */
#section h1 {color: #88cc00; font-size: 2.5em; margin-top: 27px; margin-bottom: 0; float: left}
/* #section h1.resources {padding: 5px 98px 8px 0; background: url('../images/resources-icon.png') no-repeat top right} */
#section h2 {font-style: italic; color: #666636; font-size: 1.8125em; clear: left; line-height: 1.3; margin-top: 14px; margin-bottom: 8px}
#section .content h3 {color: #666636; font-size: 1.5em; margin-top: 12px; margin-bottom: 6px}
#section .content h4 {color: #666636; font-size: 1.4em; margin-top: 10px; margin-bottom: 6px}
#section #signmeup {margin: 20px 10px 0 20px; border: none}
#section #signmeup h2 {font-style: normal; font-size: 1em}
#section #donate {margin: 20px 10px 0 20px; border: none}
#section #donate h2 {font-style: normal; font-size: 1em}
/* === simple pages === */
#simple .colleft {width: 99%; float: left}
#simple h1 {color: #88cc00; font-size: 2.5em; margin-top: 0.65em; margin-bottom:0.5em }
#simple h2 {font-style: italic; color: #666636; font-size: 1.8125em; clear: left; line-height: 1.3; margin-top: 14px; margin-bottom: 8px}
#simple .content h3 {color: #666636; font-size: 1.5em; margin-top: 12px; margin-bottom: 6px}
#simple .content h4 {color: #666636; font-size: 1.4em; margin-top: 10px; margin-bottom: 6px}
#simple #signmeup {margin: 20px 10px 0 20px; border: none}
#simple #signmeup h2 {font-style: normal; font-size: 1em}
#simple #donate {margin: 20px 10px 0 20px; border: none}
#simple #donate h2 {font-style: normal; font-size: 1em}
/* === simple pages === */
#simplesidebar h1 {color: #88cc00; font-size: 2.5em; margin-top: 0.65em; margin-bottom:0.5em }
#simplesidebar h2 {font-style: italic; color: #666636; font-size: 1.8125em; clear: left; line-height: 1.3; margin-top: 14px; margin-bottom: 8px}
#simplesidebar .content h3 {color: #666636; font-size: 1.5em; margin-top: 12px; margin-bottom: 6px}
#simplesidebar .content h4 {color: #666636; font-size: 1.4em; margin-top: 10px; margin-bottom: 6px}
#simplesidebar #signmeup {margin: 20px 10px 0 20px; border: none}
#simplesidebar #signmeup h2 {font-style: normal; font-size: 1em}
#simplesidebar #donate {margin: 20px 10px 0 20px; border: none}
#simplesidebar #donate h2 {font-style: normal; font-size: 1em}
/* === related topics === */
#related {margin: 10px 0 10px 20px}
#related h2 {font-style: normal; font-family: helvetica, arial, sans-serif; padding: 4px 0 10px 10px; font-size: 1.3em; color: #666636; font-weight: bold; border-bottom: solid #f6d94d 2px; margin-bottom: 14px}
#related li {font-size: 1.25em; font-weight: bold; padding: 0 10px 5px}
#related li a {text-decoration: none; color: #666636}
#related li a:visited {color: #666636}
#related li a:hover {color: #488eff}
#related li a:focus {color: #fff; background: #2e57aa}
/* === logged in info box === */
#loggedininfo {margin: 10px 0 10px 20px}
#loggedininfo h2 {font-style: normal; font-family: helvetica, arial, sans-serif; padding: 4px 0 10px 10px; font-size: 1.3em; color: #666636; font-weight: bold; border-bottom: solid #f6d94d 2px; margin-bottom: 14px}
#loggedininfo li {font-size: 1.25em; font-weight: bold; padding: 0 10px 5px}
#loggedininfo li a {text-decoration: none; color: #666636}
#loggedininfo li a:visited {color: #666636}
#loggedininfo li a:hover {color: #488eff}
#loggedininfo li a:focus {color: #fff; background: #2e57aa}
/* === search form === */
#search {margin: 10px 0 10px 20px}
#search h2 {font-style: normal; font-family: helvetica, arial, sans-serif; padding: 4px 0 10px 10px; font-size: 1.3em; color: #666636; font-weight: bold; border-bottom: solid #f6d94d 2px; margin-bottom: 14px}
#search p {font-size: 1.25em; font-weight: bold; padding: 0 10px 5px; color: #666636}
/* === Call Us === */
#callus {margin: 10px 0 10px 20px}
#callus h2 {font-style: normal; font-family: helvetica, arial, sans-serif; padding: 4px 0 10px 10px; font-size: 1.3em; color: #666636; font-weight: bold; border-bottom: solid #f6d94d 2px; margin-bottom: 14px}
#callus p {padding: 0 10px 5px;font-family: georgia, serif; font-size: 0.9em; line-height: 1.5}
/* === Post === */
#post {margin: 10px 0 10px 20px}
#post h2 {font-style: normal; font-family: helvetica, arial, sans-serif; padding: 4px 0 10px 10px; font-size: 1.3em; color: #666636; font-weight: bold; border-bottom: solid #f6d94d 2px; margin-bottom: 14px}
#post p {padding: 0 10px 5px;font-family: georgia, serif; font-size: 0.9em; line-height: 1.5}
/* === latest mission update === */
#latestupdate {margin: 10px 0 10px 20px}
#latestupdate h2 {font-style: normal; font-family: helvetica, arial, sans-serif; padding: 4px 0 10px 10px; font-size: 1.3em; color: #666636; font-weight: bold; border-bottom: solid #f6d94d 2px; margin-bottom: 14px}
#latestupdate h2 a {text-decoration: none}
#latestupdate h3 {font-style: normal; font-family: helvetica, arial, sans-serif; padding: 4px 0 10px 10px; font-size: 1.25em; color: #666636; font-weight: bold;}
#latestupdate h3 a {text-decoration: none}
#latestupdate p {padding: 0 10px 5px;font-family: georgia, serif; font-size: 0.9em; line-height: 1.5}
#latestupdate a {text-decoration: none; color: #666636}
#latestupdate a:visited {color: #666636}
#latestupdate a:hover {color: #488eff}
#latestupdate a:focus {color: #fff; background: #2e57aa}
/* === content styling === */
.content {padding: 10px 0 20px; font-family: georgia, serif}
.content p {font-size: 1.1em; line-height: 1.5; margin-bottom: 0.5em}
.content ul {margin-left: 24px}
.content li {list-style-type: disc; margin-bottom: 5px}
.content li {font-size: 1.1em; list-style-type: disc; margin-bottom: 5px}
.content li li {font-size: 1em}
img {border: 0}
img.alignright {border: solid #ccc 1px; background: #f0f0f0; padding: 5px; margin: 0 0 0.5em 1em; float: right}
img.alignleft {border: solid #ccc 1px; background: #f0f0f0; padding: 5px; margin: 0 1em 0.5em 0; float: left}
img.aligncenter {border: solid #ccc 1px; background: #f0f0f0; padding: 5px; margin-right: auto!important; margin-left: auto!important}
p.aligncenter {padding: 5px; margin-right: auto!important; margin-left: auto!important}
/* Contact Form */
.content form fieldset {background-color: #f4f4f4;
padding: 0.5em}
.content form fieldset label {font-weight:bold; display: block; float: left; width: 17em; padding-top: 0.2em}
.content form fieldset label.radiolabel {font-weight:bold; display: inline; float: none; width: auto; padding-top: 0; padding-left: 1em}
.content form fieldset label span.req {font-weight:normal; font-style: italic}
.content form input , .content form textarea {
background-color: #fff;
color: #000;
border: 1px solid #364457;
padding: 0.1em 0.3em 0.1em 0.3em;
font-family: verdana, tahoma, sans-serif;
font-size: 1em;
width: 30em
}
.content form input#submitbutton {width: 5em}
.content form input#searchsubmit {width: 5em}
.content form p { clear: left}
*+html .content form input {
padding:0.15em 0.3em 0.15em 0.3em
}
* html .content form input {
padding:0.15em 0.3em 0.15em 0.3em
}
form input.ok {
width: 5em;
color: #fff!important;
border: 1px solid #666636;
font-weight: bold;
padding: 0 0.3em 0 0.3em;
background: #f7d850!important; color: #666636!important; text-decoration: none; font-family: helvetica,arial,sans-serif; font-weight: bold
}
form input.wide {width: 12em;}
form input#noschool {width: 15em;}
*+html form input.ok {position: relative; top: 2px}
form input#searchsubmit {
width: 5em;
color: #fff!important;
border: 1px solid #666636;
font-weight: bold;
padding: 0 0.3em 0 0.3em;
background: #f7d850!important; color: #666636!important; text-decoration: none; font-family: helvetica,arial,sans-serif; font-weight: bold; margin-left: 0.2em
}
*+html form input#searchsubmit {position: relative; top: 2px}
* html form input#searchsubmit {position: relative; top: 2px}
form input.okhov {
width: 5em;
color: #fff!important;
border: 1px solid #666636;
font-weight: bold;
padding: 0 0.3em 0 0.3em;
background: #f7d850!important; color: #666636!important; text-decoration: none; font-family: helvetica,arial,sans-serif; font-weight: bold
}
*+html form input.okhov {position: relative; top: 2px}
* html form input.okhov {position: relative; top: 2px}
#searchform input {float: left}
form input.check {width: auto}
/* General */
small {font-size: 0.9em}
.more-link {font-size: 0.6875em}
/* comments */
img.avatar {float:left; margin-right:5px; border: solid #ccc 1px; padding: 3px; background: #ffe}
.count {float:right; font-size:1em; color:#333; text-align: center; padding: 3px; background: #ffe; margin: 0 0 0 1em; border: solid #ccc 1px; width: 2.5em}
ol.commentlist {margin: 0; padding: 0; border-top: solid #ccc 1px}
ol.commentlist img {float: left; border: solid #ccc 1px; margin-right: 5px}
ol.commentlist li {list-style-type: none; padding: 1em 0.5em; clear: both; margin: 0}
.odd {background-color: #eaeaea; color: #333; border: solid #ccc 1px; border-top: none}
.even {background-color: #f6f6f6; color: #333; border: solid #ccc 1px; border-top: none}
.authorcomment {background-color: #d0d0d0; color: #333}
.tbcomment {padding: 5px; background-image: url('../images/tb.png') no-repeat;} /* trackback */
.pbcomment {padding: 5px;background-image: url('../images/pb.png') no-repeat;} /* pingback */
ol.commentlist li p {margin: 0 !important; padding: 0; font-size: 1em}
h2#respond {font-size: 0.75em; padding-top: 1em; clear: left; color: #585858; font-weight: bold; font-family: tahoma; margin-bottom: 0; background: #eee; padding: 0.5em; border: solid #ccc 1px; border-bottom: none; margin-top: 0}
#comment form {background: #eee; padding: 0.5em; border: solid #ccc 1px; border-top: none}
#comment form input#author, #comment form input#email, #comment form input#url {margin: 0 0.25em; background: #ffffcc; border: solid #aaa 1px; font-family: tahoma; font-size: 1em; padding: auto 3px}
#comment form textarea {background: #ffffcc; border: solid #aaa 1px; padding: 2px; width: 95%; font-family: tahoma; font-size: 1em}
#comment form label.width {float: left; width: 5em}
/* system */
.error {font-weight: bold; color: red}
/* Skip link styling starts here. */
/* First, the positioning CSS for the skip link and the skip target. Changing any of this will most likely break the skip link in one browser or another, so if you change it then TEST IT */
#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%}
/* You may find on certain page layouts that the skip link is appearing underneath other elements on the page in IE7 and below. If this is the case then try uncommenting the two statements below, and if that does not work then try increasing the z-index value above as well */
/*
*+html #skiplinkholder a:focus, *+html #skip a:active {position: relative}
* html #skiplinkholder a:active {position: relative}
*/
/* Now, the visual styling. Change this as desired */
#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {background: #ddd; color: #000; text-decoration: none; solid black 1px; padding: 5px}
/* End of skip link styling */
/* 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)}
cite {font-style: italic}
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%}
div.accessbox {float: left; margin: 0.5em 1em 1em 0; color: #666636; background-color: #f7d850; border: 1px solid #666636; padding: 0.2em; width: 17em}
ul.floated {margin-left: 20em}
* html ul.floated {margin-left: 1em}
*+html ul.floated {margin-left: 1em}
#gaddcontent {width:468px;margin:3em auto 3em auto;}
#gaddcontentfull {width:728px;margin:3em auto 3em auto;}
#gaddhome {float:right;margin:0;padding:0}