/********* Style  Color Definitions: ********/
/*
    brown:  #3c2415
    orange: #f58025
    green:  #abbd26
    grey:   #939393
*/

/************** Global Styles ***************/

html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
/* caption, th, td {text-align:left;font-weight:normal;float:none !important;} */
table, th, td {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

/* typography.css */
html {font-size:100.01%;}
body {
    margin: 20px 0;
    font-family: Arial, sans-serif;
    font-size: 92%;
    color: #3c2415;
    background-color: #f0f0f0;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {
    font-size: 1.8em;
    line-height: 1;
    margin-bottom: 0.5em;
    color: #f58025;
}
h2 {
    font-size: 1.5em;
    margin: 0.5em 0;
}

h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1em;}
.left {float:left !important;}
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
a:focus, a:hover {color:#09f;}
a {color:#06c;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
/* th, td, caption {padding:4px 10px 4px 5px;} */
/**
tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}
**/
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
/* .bottom {margin-bottom:0;padding-bottom:0;}*/

.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

* html .clearfix, * html .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}

/*************** Uncomment for vertical centered page **************
--> This is what to use in the template
--> <table cellspacing="0" style="width:100%; height:100%;"><tr><td style="vertical-align:middle;">
body {
    margin: 0;
}
*******************************************************************/
img {
    border: none;
}
td {
    vertical-align: top;
}
a {
    color: #f58025;
    text-decoration: none;
}
a:hover {
    color: #abbd26;
}

/************ Global Page Styles *****************/
#logo {
    position: absolute;
    top: 35px;
    left: 20px;
}
.container {
    width: 980px;
    margin: auto;
}
/***
#home .middle {
    float: left;
}
***/
.footer {
    height: 35px;
    width: 980px;
    background: url(/assets/images/botbg.gif);
}
.credits {
    padding: 8px 23px;
    text-align: right;
}
.credits
, .credits * {
    font-size: 8pt;
    color: #939393!important;
}
.credits .socnet,
.quicklinks .socnet {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
}
.credits .socnet li,
.quicklinks .socnet li {
    float: left;
    margin-right: 10px
}
.quicklinks {
    margin-bottom: 20px;
}
.quicklinks a {
    display: block;
    font-weight: bold;
    line-height: 2em;
    text-transform: uppercase;
}

/****************** Home Page *********************/
.header {
    height: 30px;
    background: url(/assets/images/topbg.gif) no-repeat top left;
}
.picturecontainer {
    width: 100%;
    float: left;
    clear: both;
}
/***
.picturecontainer img {
    margin-right: 14px;
    float: left;
}
.picture {
    height: 185px;
}
***/
#lastpicture {
    margin: 0px;    
}

#gal1, #gal2, #gal3 {
    height: 256px;
    margin-right: 20px;
    float: left;
    position: relative;
}
#gal1 { width: 176px; }
#gal2 { width: 380px; }
#gal3 { width: 380px; margin-right: 0; clear: right; }

.bottom {
    width: 100%;
    clear: both;
    float: left;
    margin-top: 15px;
/*    background: url(/assets/images/homeband.gif) no-repeat top left #ddd;*/
}
#donate, #joinus, #empowering, #homelogo {
    float: left;
}
#donate, #joinus, #empowering {
    height: 103px;
    margin-right: 20px;
    padding: 25px 15px;
    text-align: right;
}
#donate {
    width: 146px;
    background-color: #593520;
}
#donate h2 {
    margin-top: 0;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
}
#donate * {
    color: #ffffff;
}
#donate a:hover,
#joinus a:hover {
    color: #f58025;
}
#joinus {
    width: 285px;
    background: url(/assets/site/images/box1.gif) no-repeat;
}
#joinus * {
    color: #3c2415;
}
#joinus h2 {
    margin-top: 0;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}
#joinus .eventitem {
    margin-bottom: 0.5em;
}
#joinus .eventdt {
    font-size: 0.8em;
}
#empowering {
    width: 263px;
    margin-right: 15px;
    clear: right;
    background: url(/assets/site/images/box2.gif) no-repeat;
}
#empowering p {
    margin-top: 0.3em;
    font-size: 1.3em;
    text-transform: lowercase;
    color: #ffffff;
}
#homelogo {
    display: block;
    margin-right: 0;
}
#homecfl {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 10;
}

/**** Equal Height Columns *****/
.middle,
.middle2,
.middleblog {
    width: 977px;
    padding: 50px 1px 0 2px;
    background: url(/assets/images/pagebg.gif) repeat-y top left;
/*
    width: 100%;
    overflow: hidden;
    border-right: 1px solid #666;
    border-left: 1px solid #666;
*/
}
.middle #container3,
.middle2 #container3,
.middleblog #container3 {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}
#container2 {
    float: left;
    width: 100%;
    position: relative;
    right: 200px;   /* width of the right column */
    border-right: 1px dotted;
}
.middleblog #container2 {
}
#container1 {
    float: left;
    width: 100%;
    position: relative;
    right: 575px; /* width of the middle content area */
    border-right: 2px dotted;
}
.middle2 #container1 {
    right: 775px;
}
.verticalnav {
    float: left;
    width: 180px;
    padding: 0 10px;
    position: relative;
    left: 775px; /* sum of the right positions of container 1 and 2 */
    overflow: hidden;
}
.interiorcontent {
    width: 545px; /* main - (left + right) */
    min-height: 500px;
    height: auto!important;
    height: 500px;
    float: left;
    left: 785px;
    padding: 0 0 0 10px;
    position: relative;
    overflow: hidden;
}
.middle2 .interiorcontent {
    width: 750px;
}
.middleblog .interiorcontent {
    width: 750px;
    left: 210px;
}
.rcol {
    width: 185px;
    float: left;
    position: relative;
    left: 805px;
    overflow: hidden;
}
.middleblog .rcol {
    left: 225px;
}


/****************** Interior Pages *********************/
.pagetop {
    width: 100%;
    height: 152px;
    position: relative;
    background: url(/assets/images/head.gif) no-repeat top left;
}
/****************** Navigation *********************/

/*  ---- Global Styles -----    */

.nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.nav a {
    text-transform: uppercase;
    text-decoration: none;
    color: #3c2415;
}
.nav a:hover {
    color: #f58025;
}

li.active > a {
    color: #f58025;
}
li.active span {
    text-transform: uppercase;
    color: #f58025;
/*
    display: block;
    width: 135px;
    height: 30px;
    text-decoration: none;
    font-size: 13px;
    text-align: right;
    margin-right: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
*/
}

/*  ---- Home Page -----    */

.centermenu li {
    padding: 0 10px;
}
.centermenu {
    padding-bottom: 20px;
}

.navcontainer {
    padding-bottom: 20px;
/*  height: 100px;*/
}
.navcontainer ul {
    padding-left: 20px;
}
.navcontainer li {
    display: inline;
    padding: 0 5px;
}
/**** Text will automatically center with padding applied to LI
.navcontainer a {
    text-align: center;
}
*/

/*  ---- Interior Pages -----   */

.pagetop .nav {
    position: absolute;
    right: 163px;
    bottom: -0.3em;
    font-size: 1em;
}
.pagetop li {
    padding: 0 20px 0 0;
    float: left;
/*  display: inline;*/
}
.pagetop li.last {
    padding: 0;
}
.pagetop a {
    font-family: Arial;
        font-size: 90%;
/*  font-size: 8pt;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    padding: 5px 4px 5px 0px;*/
}



/*  ---- Side Navigation -----  */

/**** see above ****
.verticalnav {
    margin-left: 10px;
    width: 180px;
    float: left;
    font-size: 0.8em;
    border-right: 2px dotted #000000;
}
.verticalnav > .nav {
    padding-right: 10px;
}
******/
.verticalnav li {
    padding: 8px 0;
    text-align: right;
    line-height: 1.2;
}
.verticalnav .nav .nav {
    margin-top: 10px;
}
.verticalnav > .nav .nav li {
    padding: 4px 0;
    text-align: right;
    line-height: 1.2;
    font-size: 0.9em;
}
.verticalnav .nav .nav li a,
.verticalnav .nav .nav li.active span {
    text-transform: none;
}


.interiorleft {
    width: 210px;
    float: left;
    padding: 0 15px 0 0;
    position: relative;
}
.interiorright {
    width: 270px;
    float: left;
}

.rwidget {
    margin-bottom: 15px;
    padding: 5px 8px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #FFEE99;
    font-size: 1.2em;
}


.orangesmall {
    font-family: arial;
    font-size: 12px;
    color: #C60;
    font-weight: normal;
    text-decoration: none;
}
.calListItem {
    padding: 10px 0;
}
.calListItem h2 {
    margin: 0;
    font-size: 1em;
}

.onlineform {
    padding-bottom: 8px;
}
.onlineform * {
/*    font-size: 8pt;*/
}
.errors {
    margin-bottom: 8px;
    color: #990000;
}
.errors * {
    color: #990000;
}
/********** Image Gallery Styles ********/
ul.gallery {
    margin: 0;
    padding: 0;
    float: left;
    list-style-type: none;
}
ul.gallery li.thumb {
    width: 165px;
    height: 165px;
    margin: 0 20px 20px 0;
    float: left;
    text-align: center;
}

.calGallery {
    min-height: 350px;
    height: auto!important;
    height: 350px;
    position: relative;
    padding: 0 25px;
}
.pagenumbers {
    padding-right: 15px;
    float: right;
/*  position: absolute;
    bottom: 0;
    right: 0;*/
}

ul.thumbs {
    float: left;
}
ul.thumbs li {
    width: 153px;
    height: 153px;
    margin: 0 25px 25px 0;
}
.childscontainer ul.thumbs li {
    height: 230px;
}
/**** Blog Section ****/
.listitem {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted;
    clear: both;
    
}
.listitem h2 {
    margin-bottom: 0;
}
.listitem h2 a {
/*
    font-family: Times,Georgia,serif;
    color: #abbd26;
*/
}
.pubdate {
    margin-bottom: 15px;
    font-size: 0.8em;
    font-style: italic;
/*
    font-family: "Century Gothic",Helvetica,Arial,sans-serif;
    color: #f58025;
*/
}
.reflect_archive {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.socnet {
   float: right;
   width: 50px;
}