﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1; text-align: center; padding-bottom: 30px; background: #009C7C;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
font, center {color: #eecc11; font-weight: bold; background: #cd0000; margin: 10px; padding: 10px; border: 2px dashed #eecc11; font-size: 2em;}
div {position: relative; z-index: 2;}
strong {font-weight: bold;}
em {font-style: italic;}
code {font-family: courier;}
img {display: block;}
a {outline: none; color: #419E8A; text-decoration: none;}
ul {list-style: none;}
a:hover {text-decoration: underline;}
.clr {clear: both; height: 0px; overflow: hidden;}
.page-shadow {width: 983px; margin: 0 auto; text-align: left;}
.page {width: 980px; background: #01746B url(/images/bg-page.jpg) no-repeat; font: 12px Verdana; line-height: 18px; color: #6F7070; padding-bottom: 30px;}
.page img.main-girl {position: absolute; top: 51px; left: 199px; z-index: 1;}
.page img.about-girl{z-index: 50; position: absolute; left: 438px; top: 285px; width: 240px; height: 245px;}
.page-black {background: black; width: 980px; position: absolute; top: 4px; left: 3px; z-index: 1; filter: alpha(opacity=16); opacity: .16; height: 100%; line-height: 100%;}
.top {height: 113px;}
.support {float: right; padding: 20px 29px 0 0; width: 580px;}
.support p {line-height: 25px; font: bold 11px Georgia; padding-top: 5px;}
.support p a {padding-right: 15px; color: white;}
.support form {float: right;}
.support fieldset {width: 318px;}
.support form input {vertical-align: middle;}
.support input.text {width: 239px; height: 18px; margin-right: 10px; border: 2px #C2C2C2 inset; }
.top ul {clear: right; float: right; margin-top: 26px; width: 416px;}
.top li {float: left; display: inline; text-indent: -9999px;}
.top ul a {display: block; height: 42px; background: url(/images/nav-audience.gif) no-repeat;}
.top ul a.girls {width: 69px;}
.top ul a.parents {width: 100px; background-position: -69px 0;}
.top ul a.alumni {width: 108px; background-position: -169px 0;}
.top ul a.volunteers {width: 139px; background-position: -277px 0;}
.top ul a.girls:hover, .top ul.girls a.girls {background-position: 0 -42px;}
.top ul a.parents:hover, .top ul.parents a.parents {background-position: -69px -42px;}
.top ul a.alumni:hover, .top ul.alumni a.alumni {background-position: -169px -42px;}
.top ul a.volunteers:hover, .top ul.volunteers a.volunteers {background-position: -277px -42px;}
.left {float: left; width: 672px;}
.nav {float: left; width: 219px; margin-top: 11px;}
.nav a {display: block; background: url(/images/nav-primary.gif) no-repeat; height: 24px; width: 219px;}
.subnav a {background: none;}
.nav li {text-decoration: none; margin-top: 3px; text-indent: -9999px;}
.nav ul.subnav {margin: 4px 0 0 32px;}
/*.nav ul.subnav a {background: none; width: auto; padding-left: 50px; height: 24px; color: #FEE765; font: bold 11px Georgia;}
.nav ul.subnav a:hover, .nav ul.subnav a.selected {color: #00745C; background: url(/images/subnav-hover.gif) 32px 0 no-repeat; text-decoration: none;} */
.nav ul.subnav li {text-indent: 0; margin-top: 0;}
.nav ul.subnav li ul {margin: 3px 0 0 12px;} 
.nav ul.subnav a {background: none; width: auto; height: 1%; padding: 3px 0 3px 18px; color: #FEE765; font: bold 11px Georgia;} 
.nav ul.subnav a:hover, .nav ul.subnav a.selected {color: #00745C; background: url(/images/subnav-hover.gif) 0 3px no-repeat; text-decoration: none;} 
.nav a.home {}
.nav a.about-us {background-position: 0 -27px;}
.nav a.programs-and-activities {background-position: 0 -54px;}
.nav a.camps-and-facilities {background-position: 0 -81px;}
.nav a.join-girl-scouts {background-position: 0 -108px;}
.nav a.calendar {background-position: 0 -135px;}
.nav a.news {background-position: 0 -162px;}
.nav a.product-sales {background-position: 0 -189px;}
.nav a.how-to-help {background-position: 0 -216px;}
.nav a.shop {background-position: 0 -243px;}
.nav a.documents-and-forms {background-position: 0 -270px;}
.nav a.contact-us {background-position: 0 -297px;}
.nav a.espanol {background-position: 0 -54px; }

.nav a.home:hover {background-position: 0 -321px;}
.nav a.about-us:hover {background-position: 0 -348px;}
.nav a.programs-and-activities:hover {background-position: 0 -375px;}
.nav a.camps-and-facilities:hover {background-position: 0 -402px;}
.nav a.join-girl-scouts:hover {background-position: 0 -429px;}
.nav a.calendar:hover {background-position: 0 -456px;}
.nav a.news:hover {background-position: 0 -483px;}
.nav a.product-sales:hover {background-position: 0 -510px;}
.nav a.how-to-help:hover {background-position: 0 -537px;}
.nav a.shop:hover {background-position: 0 -564px;}
.nav a.documents-and-forms:hover {background-position: 0 -591px;}
.nav a.contact-us:hover {background-position: 0 -618px;}
.nav a.espanol:hover {background-position: 0 -375px}

.nav ul.home a.home {background-position: 0 -642px;}
.nav ul.about-us a.about-us {background-position: 0 -669px;}
.nav ul.programs-and-activities a.programs-and-activities {background-position: 0 -696px;}
.nav ul.camps-and-facilities a.camps-and-facilities {background-position: 0 -723px;}
.nav ul.join-girl-scouts a.join-girl-scouts {background-position: 0 -750px;}
.nav ul.calendar a.calendar {background-position: 0 -777px;}
.nav ul.news a.news {background-position: 0 -804px;}
.nav ul.product-sales a.product-sales {background-position: 0 -831px;}
.nav ul.how-to-help a.how-to-help {background-position: 0 -858px;}
.nav ul.shop a.shop {background-position: 0 -885px;}
.nav ul.documents-and-forms a.documents-and-forms {background-position: 0 -912px;}
.nav ul.contact-us a.contact-us {background-position: 0 -939px;}
.nav ul.espanol a.espanol {background-position: 0 -696px}

.facebook {padding: 15px 0 0 25px; }
.facebook a {background-image: none; color: #fff; }
.facebook a:first-child { margin-bottom: 8px; }
.facebook img {display: inline; margin-right: 7px; vertical-align: middle; }
.facebook a:hover {text-decoration: none; color: #d1ea6b;}
.form {margin: 9px 0 0 6px; height: 54px;}
.recent-all {width: 315px; float: left; margin: 22px 19px 0 25px; display: inline; height: auto;}
.recent-all img.recent-top-shadow {position: absolute; top: 0; left: 0; z-index: 2; filter: alpha(opacity=16); opacity: .16;}
.recent-all img.recent-top {position: relative; z-index: 10;}
.recent-all img.recent-bottom {position: absolute; bottom: -1px; left: 0; z-index: 20;}
.recent-shadow {padding: 0px 0 4px 0;}
.recent {width: 312px; background: url(/images/bg-recent.gif) repeat-y; z-index: 10; padding-bottom: 53px;}
.recent-black {width: 312px; top: 0px; height: 100%; background: black; opacity: .16; filter: alpha(opacity=16); position: absolute; z-index: 1; left: 3px;}
.recent ul {margin: 0 19px 0 10px;}
.recent li, .related li {font-size: 11px; color: #747474; position: relative; padding: 8px 0; line-height: 18px;}
.recent li span {padding: 0 25px; display: block; position: relative; z-index: 10;}
.recent li small {text-transform: uppercase; font-size: 9px;}
.recent-all li a, .related li a {font-weight: bold; color: #419E8A; padding: 4px 0; font-size: 15px; display:block; text-transform: none; font-family: Georgia, "Times New Roman", Times, serif;}
.related li a {padding-left: 15px;}
.shade {width: 283px; padding: 5px 0 10px 0; overflow:hidden;}
.shade img {position: absolute; bottom: 0; left: 0; opacity: .12; filter: alpha(opacity=12);}
.recent li img.li-top {opacity: .12; filter: alpha(opacity=12);}
.recent li.alt {padding: 4px 0;}
.recent li.alt img {display: none;}
.noteworthy-shadow {float: left; display: inline; margin-top: 32px; padding: 0 3px 4px 0; overflow: hidden;}
.noteworthy {background: url(/images/bg-noteworthy.gif) 0 5px repeat-y; width: 308px; z-index: 10; padding-bottom: 15px;}
.noteworthy-black {width: 308px; background: black; filter: alpha(opacity=16); opacity: .16; top: 4px; left: 3px; height: 9999px; z-index: 1; position: absolute;}
.noteworthy p, .noteworthy li {padding: 7px 41px 0 78px;}
.noteworthy p.readmore, .recent p.visitblog {text-align: right; color: #419E8A; padding-right: 0;}
.recent-all p.visitblog {position: absolute; bottom: 38px; right: 49px; z-index: 30; font: bold 12px Georgia; color: #419E8A}
.noteworthy p.readmore a, .recent p.visitblog a {font: bold 11px Verdana;}
.noteworthy p a {font: bold 15px Georgia; color: #419E8A;}
.date {background: #dfe1c1; /*opacity: .3; filter: alpha(opacity=30);*/ position: absolute; left: 2px; top: 75px;}
.date p {color: #747474; padding: 0 14px 7px 14px; text-align: center; font: 25px Georgia;}
.date p span {border-bottom: 1px solid white; padding-bottom:2px; text-transform: uppercase; font-size: 14px; font-weight: bold; letter-spacing: 1px;}
.sidebar {float: right; margin: 25px 0 0 0; display: inline;}
.sidebar img.title {position: relative; z-index: 10;}
.shadow-all {margin-top: 13px; padding-top: 61px; width: 272px; overflow: hidden;}
.shadow-all img.title  {position: absolute; top: 0; left: 0; z-index: 10;}
.shadow-all img.shadow-top {position: absolute; left: 0; z-index: 5; top: 4px; filter: alpha(opacity=16); opacity: .16;}
.discover-shadow {overflow: hidden; padding: 0px 0px 4px 0; height: 1%;}
.discover, .connect, .take-action {width: 208px; padding: 0 18px 21px 43px; color: white; z-index: 10;} 
.discover p, .connect p, .take-action p {font-size: 11px;}
.discover a, connect a{color: #fff; font-weight: bold;}
.shadow p {line-height: 16px; padding-top: 5px;}
.discover {background: url(/images/bg-discover.gif) no-repeat bottom left;}
.shadow-black {position: absolute; bottom: 0px; left: 3px; filter: alpha(opacity=16); opacity: .16; z-index: 1;}
.connect {background: url(/images/bg-connect.gif) no-repeat bottom left;}
.take-action {background: url(/images/bg-take-action.gif) no-repeat bottom left; min-height: 195px; height: auto !important; height: 195px; padding-left: 30px; width: 223px;}
.take-action p {padding-left: 15px;}
.take-action ul {margin-top: 15px;}
.take-action a {display: block; height: 24px; width: 191px; background: url(/images/bg-bullet.gif) no-repeat; font: bold 15px Georgia; color: #708201; padding: 6px 0 0 33px;}
.take-action a:hover {color: white; text-decoration: none;}
.take-action li {padding-top: 2px;}
.connect-black {width: 269px; background: transparent url(/images/bg-shadow.gif) no-repeat bottom left;}
.connect-black img {position: absolute; bottom: -5px;}
.sidebar p.copyright, .footer p.copyright {color: #020202; font-size: 11px; padding: 0 0 0 26px; line-height: 25px;}
.sidebar p.footer, .footer p.foot {color: white; font-size: 11px; padding: 0 45px 0 40px;}
.sidebar p.footer a, .footer p.foot a {color: white;}
.content-shadow {width: 540px; float: left; display: inline; margin: 23px 0 0 20px; overflow: visible;}
.content {width: 404px; background: white; background: white url(/images/bg-content.gif) no-repeat; padding: 44px 100px 30px 33px;}
.content img.header {margin: 0 -72px 0 -4px; position: relative; z-index: 1}
.content h1, .content h2, .content h3, .content h4, .content h5 {padding-top: 20px;}
.content table, .content ul, .content ol, .content blockquote, .content form {margin-top: 20px;}
.content ul, .content ol {margin-left: 25px;}
.content ul {list-style-type: disc;}
.content h1 {font: 25px Arial; color: #92B601; line-height: 29px;}
.content h1.pagetitle {background: #F4B300; padding: 10px 14px 12px 12px; margin: -51px 0 0 -33px; float: left; color: white; position: relative; z-index: 10; display: inline}
.content h2 {color: #00829B; font-size: 18px; line-height: 22px;}
.content h3 {color: #E58A00; font-size: 16px; font-family: Arial;}
.content h4 {color: #7F1474; font-size: 14px;}
.content h5 {color: #419E8A; font-family: Georgia;}
.content p {padding-top: 15px;}
.content p.breadcrumbs {clear: left; float: left; background: #00829B url(/images/bg-breadcrumbs.jpg) no-repeat top right; font: 11px Arial; display: inline; padding: 0 17px 0 12px; color: white; font-weight: bold; margin: 4px 0 0 -33px; line-height: 26px;}
.content p.breadcrumbs a {color: white; padding: 0 3px;}
.content p.breadcrumbs span {font-weight: normal; padding-left: 3px;} 
.content p.errmsg {background: red; color: white; font: bold 12px Georgia; padding: 12px 20px 12px 10px; line-height: 22px; border: 2px #800000 solid; margin: 15px 0 -20px 0;}
.content table {border-bottom: 1px solid #00829B; border-left: 1px solid #00829B;}
.content th {background: #00829B; border-right: 1px solid gray; font: bold 12px Georgia; color: white; padding: 10px 12px 8px 12px;}
.content td {border-top: 1px solid #00829B; border-right: 1px solid #00829B; padding: 8px 12px; line-height: 16px;}
.content tr.alt td {background: #F5F7D2;}
.content fieldset {border: 1px solid #00829B; padding: 10px 20px 20px 20px; background: #F5F7D2;}
.content label {font: bold 14px Georgia; color: #00829B; width: 360px; clear: both; display: block; padding-top: 10px;}
.content label span {text-align: right; float: left; width: 115px;}
.content label .inputs span {text-align: left; width: auto; float: left; font-weight: normal; font-family: Arial; color: gray; font-size: 11px;}
.content input, .content textarea, .content select {float: right; width: 190px; border: 1px solid #E6E7C0; height: 18px; margin: 0 20px 0 0; display: inline;}
.inputs {width: 190px; float: right; margin-right: 20px; display: inline; line-height: 22px;}
.inputs input {float: none; width: 15px; margin: 2px 5px 0 0; float: left; border: none;}
.content small {font-size: 80%;}

.content .checkboxlist, .content .checkboxlist td {border: none;}
.content .checkboxlist input {float: right; width: auto;}
.content .checkboxlist label {display:inline;}

.rbl input {border: 0px; display: inline; width: auto; float:none; padding: 3px 6px 0 0; margin:0px; vertical-align: middle;}
.content .rbl small {display: block;} 
.rbl {display: inline; padding: 8px 0 8px 0;}
.rbl label {display: inline; font: bold 12px Arial;}

.content textarea {height: 150px;} 
.content label.dob select {float: right; display: inline; width: 55px; margin: 0 0 0 5px; }
.content label.dob select.dobmonth {width: 72px; margin-left: 20px;}
.content label.dob select.dobyear {margin-right: 20px;}
.content button {background: #00829B; padding: 10px 15px; font: bold 12px Georgia; color: white; margin: 5px 20px 0 0; float: right; display: inline;}
.content textarea {}
.content blockquote {margin-left: 15px; margin-right: 15px; border: 1px solid #E6E7C0;}
.content blockquote p {padding: 12px 15px; background: #F5F7D2; height: 1%;}
.content ul, .content ol {}
.content img.alignright {float: right; margin: 10px 0 10px 10px; display: inline;}
.content img.alignleft {float: left; margin: 10px 10px 10px 0; display: inline;}
.content-black {width: 537px; background: black; filter: alpha(opacity=16); opacity: .16; position: absolute; top: 4px; left: 3px; z-index:1; height: 100%;}
.right {float: right; margin: 140px 26px 0 -97px; display: inline; z-index: 20; width: 272px;}
.related-shadow {padding: 0 3px 4px 0; margin-left: 13px; overflow: hidden; height: 1%; width: 254px;}
.related {width: 251px; background: url(/images/bg-related.gif) repeat-y;}
.related-black {width: 251px; filter: alpha(opacity=16); opacity: .16; background: black; z-index: 1; position: absolute; top: 4px; left: 3px; height: 9999px;}
.related img {margin-bottom: -1px; position: relative; z-index: 10;}
.related ul {margin: 0 14px 0 0;}
.related li {border-top: 1px dashed #C1C3B4; padding: 10px 11px 9px 13px;}
div.no-related{height: 50px;}
div.footer {margin: 10px 201px 0 216px;}

.content .doanddonots {width: 475px;}
.content .doanddonots table {border-style: none;}
.content .doanddonots td {border-style: none; }
.content .doanddonots li {margin-left: 25px;}
.content .doanddonots td.background {background-color:#419E8A; font-weight: bold; color: White; border: solid 2px white; }

#map, #map2 {height: 300px; width: 300px;}

div.options{margin-top: 12px; }
div.options div.month{float: left; width: 250px;}
div.options div.filter{float: left; width: 150px;}
div.filter select{width: 150px; margin-right: 0; }
div.month select{width: 120px; margin: 0;}
#tblCalendar{width: 233px; margin-top: 5px;}
#tblCalendar td, #tblCalendar th{padding: 2px; text-align: center;}
#tblCalendar td{color: #DED1DF;}

hr{width: 100%; color: #CCC; border: 1px solid #CCC;}

.field-error { color: #CD2626 !important; font-weight: bold; font-size: 13px; }
.labels { font-weight: bold; color: #0189B5; }
.input { margin: 5px 0 5px 0; }
.content .textbox, .content .textarea, .content select { width: 90%; padding: 5px; font-size: 12px; float: none; }
.content select{height: 28px;}
.content .textbox-small { width: 45%; padding: 5px; font-size: 12px; float: none; }
.submit-button { font-size: 14px;  padding: 10px; z-index: 999;}
.content p.cost {padding: 5px 0 10px 0;}
.content p.cost input{float: none; width: 20px; margin: 0 5px 0 0; vertical-align: middle;}
.content p.cost label{display: inline;}
.content .cost label span{float: none;}

.content table.checkboxlist {font-size:20px;}

.registered {padding: 6px; border: 1px solid #CAC9C8; margin: 4px 0 8px 0;  background: #FAF9F6; width: 390px}
.registered label {font-weight: normal; width: 190px;}
.registered div {width: 190px; padding-right: 4px; float: left; display: inline; padding-left: 5px;}
.registered div.clr {float: none; display: block;}


.participant {border-bottom: 1px solid #E6E7C0; width: 400px; float: left; clear:both; background-color: #EFFFFC;}
.participant div{width: 190px; float: left;}

.addparticipant{background-color: #FFFCEF; float: left; width: 400px;}
.addparticipant h5{padding-left: 5px;}
.addparticipant div{float: left; clear: both; margin-left: 5px;}
.addparticipant label span {width: 145px; text-align: left; font-size: 12px;}
.addparticipant label input, .addparticipant label select {width: 210px; margin: 0;}
.addparticipant span.checkbox{width: 200px;}
.addparticipant span.checkbox input{width: 15px; float: none; margin: 0;}
.addparticipant span.checkbox label{width: 200px; font-size: 10px; display: inline; clear: none; float: none; padding: 0;}
/*
.addparticipant .check label span {width: 280px;}
.addparticipant label input {float: right; position: relative; z-index: 20; margin: 0;}
.addparticipant .check label input {width: auto; }
.addparticipant .list {margin-bottom: 8px;}
.addparticipant .list label {padding-bottom: 7px; display: block;}
.addparticipant label select {float: right; width: 190px; position: relative; z-index: 20; height: 22px; padding: 0; margin: 0;}
*/

.auto-map{float: right; width: 200px; height: 150px;}

.content h3 small {
	font-weight: normal;
	font-size: 11px;
	font-style: italic;
}
#register table {
	width: 100%;
	border: 0;
}
#register td, #register th {
	padding: 3px;
	vertical-align: text-top;
	border: 0;
	width: inherit;
}
#register input, #register select {
	float: none;
	height: auto;
	padding: 2px 4px;
	border: solid 1px #a2c611;
	width: 100%;
	margin: 0;
}
#register .checkbox input{
	margin: 0;
	padding: 0;
	border: 0;
	width: auto;
}
#register .participants .list {
	border: solid 1px #7fcdbd;
}
#register .list th {
	background-color: #fff;
	border: 0;
	color: #2d94a8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 6px 10px;
	text-align: left;
}
#register .list .delete {
	background-color: #d60000;
	color: #fff;
	padding: 1px 3px;
	font-weight: bold;
}
#register .list td {
	padding: 3px 10px;
	background-color: #eee;
	color: #444;
}
#register .participants .addnew {
	background-color: #7fcdbd;
	margin-top: 0;
	border-top: solid 5px #7fcdbd;
	border-bottom: solid 5px #7fcdbd;
}
#register .addnew td {
	padding: 3px 10px;
	color: #444;
}
#register .addnew input, #register .addnew select {
	width: 90%;
	border: 0;
}
#register .participants a.add {
	background-color: #7fcdbd;
	color: #333;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	padding: 3px 10px 3px 6px;
	float: left;
}
#register .submit {
	width: auto;
	background-color: #2d94a8;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	height: auto;
	padding: 4px 8px;
	border: 0;
	margin-top: 18px;
}
#register .submit:hover {
	text-decoration: none;
}
.registernow a {
	width: auto;
	background-color: #2d94a8;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-decoration: underline;
	height: auto;
	padding: 4px 8px;
	border: 0;
	margin-top: 18px;
}
.registernow a:hover 
{
	text-decoration: none;
}
#register span.radio input, #register span.checkbox input {width:auto; border:0;}
#register .price {font-size:16px; color:#333;}
#register .details {position:relative; padding-top: 3px;}
#register .details a {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #eee;
	padding: 1px 0 0 8px;
	display: block;
	width: 56px;
	height: 20px;
	position: absolute;
	right: 0px;
	top: -18px;
}
#register .details span {
	font-size: 10px;
	background-color: #eee;
	padding: 4px 8px;
	display: none;
}
