/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}

/* Global properties ======================================================== */

body{ background: url(../images/bg.jpg) center 0 repeat; border:0; font:12px Tahoma, Geneva, sans-serif; color:#555555; line-height:19px; min-width:1050px; overflow:hidden}

.page_spinner{ position:absolute;background: url(../images/ajax-loader.gif) 50% 50% no-repeat #72ac00; z-index:999; width:100%; height:100%; top:0; left:0}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 900px; }

body, html{ height:100%;}

.bg1{ position:relative; width:100%; background:url(../images/bg_img.jpg) center 0 no-repeat;min-height:100%; height:auto !important; height:100%; margin: 0 auto -47px;}
.bg2{ background:#f0f0f0; height:47px; overflow:hidden; position:relative}

.block {height:47px;}


/* ============================= main layout ====================== */

a{ color:#95d146; text-decoration: none; outline:none}
a:hover{ color:#000}
h1{ padding:30px 0 0 0; float:right;}
h2{ float:left; width:174px; padding:4px 0 0 53px; font:48px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2b2b2b; line-height:1.2em; font-weight: normal}
h3{ font:28px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2b2b2b; line-height:1.2em; font-weight: normal}
h4{ font:48px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#2b2b2b; line-height:1.2em; font-weight: normal}
h5{ float:right; font:14px Tahoma, Geneva, sans-serif; color:#555555; font-weight: bold}
h6{ float:center; font:14px Tahoma, Geneva, sans-serif; color:#555555; line-height:19px; font-weight: bold}



p{ padding-bottom:19px;}


/* ============================= header ====================== */
header{ height:179px; }

#logo{ display:block; text-indent:-9999px; background:url(../images/logo.png) 0 0 no-repeat; width:0px; height:0px;}

.menu{ position:absolute; top:268px; left:0;} 
#menu { width:141px;}
#menu > li { margin-bottom:1px; position:relative; background:url(../images/bg_menu.png) repeat;}
#menu > li > a{ position:relative; display: block; padding:0 20px; font-size:14px; color:#fff; text-transform:uppercase; text-align:right; line-height:60px;}
#menu > li > span{ position:absolute; top:0; left:0; width:100%; height:100%; background:#639a00}
#menu > li > a:hover, #menu > .active > a{ }

.submenu_1{ position: absolute; left:142px; top:0px; width:140px; background:#639a00; padding:20px 0; z-index:99}
.submenu_1 li { position:relative; margin-bottom:1px;}
.submenu_1 li a{ position:relative; display: block; font-size:14px; color:#fff; text-transform:uppercase; text-align: center; line-height:30px;}
.submenu_1 li a:hover, .submenu_1 .sfHover > a{ color:#8dbe2d}

.submenu_2{ position: absolute; left:142px; top:-20px; width:140px; background:#639a00; padding:20px 0; z-index:99}


/* ============================= content ====================== */

#content{ height:493px; padding-bottom:15px; position:relative;}
.shadow{ position:absolute; bottom:55px; left:0; background:url(../images/shadow.png) 0 0 no-repeat; width:100%; height:62px;}
#content > ul{ position:relative; background:#fff; height:396px; width:778px; left:56px;box-shadow: 0 0 5px #639901; -moz-box-shadow: 0 0 5px #639901; -webkit-box-shadow: 0 0 5px #639901; overflow:hidden}
#content > ul > li{ position:relative; float:left; width:778px; background:url(../images/bg1.jpg) 0 bottom no-repeat #fff;height:352px; padding-top:44px;}


#content > ul > #page_excerpt{ background:url(../images/bg2.jpg) 0 bottom no-repeat #fff}
#content > ul > #page_links{ background:url(../images/bg3.jpg) 0 bottom no-repeat #fff}
#content > ul > #page_donations{ background:url(../images/bg4.jpg) 0 bottom no-repeat #fff}
#content > ul > #page_about{ background:url(../images/elaine3.jpg) 0 bottom no-repeat #fff}
#content > ul > #page_more{ background:url(../images/bg1_.jpg) 0 bottom no-repeat #fff}

#splash{ position:absolute; height:478px; background:url(../images/shadow_splash.png) center bottom no-repeat; width:100%; top:11px;}

.roundabout-moveable-item { cursor: pointer; width:171px; height:372px;}
.roundabout-in-focus { cursor: auto; }
.splash_menu{ position:absolute; top:279px; width:380px; left:260px;}
.splash_menu img{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
.splash_menu li{}
.splash_menu .img{ z-index:1}
.splash_menu .img_act{ z-index:2}
.splash_menu li a{ position: absolute; top:5px; left:5px; right:5px; bottom:5px; z-index:3; display:block;cursor:pointer; background:url(../images/spacer.gif) 0 0 no-repeat;background:#fff}

.prev, .next{ position:absolute; top:192px; width:25px; height:48px; display:block}

.prev{ left:8px; background:url(../images/marker_left.gif) 0 0 no-repeat}
.next{ left:868px; background:url(../images/marker_right.gif) right 0 no-repeat}

.color1{ color:#0f0f0f;}

.pad_left1{ padding-left:50px;}
.pad_bot1{ padding-bottom:30px;}
.marg_right1{ margin-right:16px;}
#page_donations .pad_left1{ padding-left:29px;}

.list1{}
.list1 li{ padding-bottom:2px;}
.list1 a{ padding-left:13px; text-decoration:underline; background:url(../images/marker_1.gif) 0 5px no-repeat;}
.list1 a:hover{ text-decoration:none}

.button1{ float:right; font-size:16px; color:#fff; padding:0 15px; line-height:37px; text-transform:uppercase; background:#8fcb2b; position:relative}
.button1 span{ position:relative; display:block;}
.button1 strong{ position:absolute; top:0; left:0; width:100%; height:100%; background:#639a00}
.button1:hover{ color:#fff}

.gallery1_big_img{ float:left; position:relative; width:406px; height:332px; margin-right:21px; margin-top:4px;}
.gallery1_big_img img{ position:absolute; top:0; left:0}

#gallery1{ float:left; width:98px; height:282px !important; margin-top:4px;}
#gallery1 li{ margin-bottom:15px;}
#gallery1 img{ height:84px;}

#prev, #next{ text-decoration:underline; padding-left:13px; background:url(../images/marker_1.gif) 0 8px no-repeat; margin-top:13px; float:left;}
#next{ float:right}

#prev:hover, #next:hover{ text-decoration:none}

.box1{ padding:21px 22px; margin-top:4px;}
.box1 figure{ padding-bottom:14px}
.box1 p{ padding-bottom:0}
.box1 a:hover{ text-decoration:underline}

#map{ float:left; margin-right:25px; margin-top:4px;}

.underline{ border-bottom:1px solid #c0c0c0; margin-bottom:24px; padding-bottom:26px;}


/* ============================= footer ====================== */

footer { font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#7e7f7f; text-transform:uppercase; text-align:center; line-height:20px; padding-top:15px;}
footer a{ color:#7e7f7f; text-decoration:none}
footer a:hover{ color:#95d146}

/* ============================= forms ============================= */

#ContactForm{}
#ContactForm .wrapper{ overflow:inherit; min-height:40px;}
#ContactForm .success{ padding-bottom:15px; display:none}
#ContactForm label{ position:relative;min-height:22px; display: inline-block;}
#ContactForm .message{ height:222px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#4d820a; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-left:20px; float:right;}
#ContactForm .input { margin:0;width:181px; height:15px; background: none; padding:3px 10px;color:#474747; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0}


#ContactForm  .bg{ background:#fff; border-top:1px solid #c2c2c2; border-left:1px solid #c2c2c2; position:relative;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; float:left;}