body
{
	margin: 0px;
	padding: 0px;
	font: 12px/1.2 Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
}

#banner
{
	height: 170px;
	background-color: #FFF;
	background-image: url(images/web-banner.jpg);
	background-repeat: no-repeat;
}




#content
{
	margin: 0 10% 0 10%;
	padding: 1em;
}


/*
	--------------------------------- Banner Styles ---------------------------------
*/

#ibanner
{
	visibility: hidden;
	border-width: 0;
}


#banner li {
	font-size: small;
	list-style-type: none;
	display: inline;
}

#banner ul a {
	text-decoration: none;
	padding: .5em .75em;
	margin: .25em 0;
}
#banner ul a:hover { background-color: #FFC; }

#banner ul {
	display: block;
	position: absolute;
	top: 123px;
	left: 200px;
	text-align: justify;
	white-space: nowrap;
}

#flickr_badge_wrapper {
	display: block;
	position: absolute;
	top: 43px;
	left: 232px;
}
#flickr_badge_wrapper div {
	display: inline;
	padding: .5em;
}
#flickr_badge_wrapper img { border: 1px #CCC solid; }

/*
	--------------------------------- Content Styles ---------------------------------
*/

#content h1
{
	font-size: 14px;
	padding-top: 2em;
}

#content h1:first-child { padding-top: 0.3em; }


.csa {
	width: 18em;
	height: 18em;
	float: left;
	border-color: #393;
	border-width: 1px;
	border-style: solid;
	margin: 1em;
	padding: 1em;
}

img.lft {
	float: left;
	margin-right: 1em;
}

div.side {
	float: right;
	width: 40%;
}

.greenbar h2,
.purplebar h2
{
	font-size: 12px;
	color: white;
	margin: -.5em;
	padding: .3em;
	text-align: center;
}

.greenbar h2 { background-color: #56A518; }
.purplebar h2 { background-color: #909; }

div.greenbar,
div.purplebar { margin: 4% 0 4% 4%; }

div#d1, 
div.greenbar,
div.purplebar {
	border-width: 1px;
	border-style: solid;
	padding: .5em;
}

div.greenbar { border-color: #56A518; }
div.purplebar { border-color: #909; }

#d1 img { float: left; }

#d1 p {
	color: #063;
	font-size: medium;
	font-weight: bold;
	margin: .5em 0 .5em 120px;
}

table#visit, table#members {
	border-collapse: collapse;
	margin-right: 2em;
}

table#members {
	float: left;
}

.unpaid { background-color: #FFEEEE; }
.ylw { background-color: #FF6; }
.grn { background-color: #ABFF51; }
.red { color: #F00; }

#visit td,
#visit th,
#members td,
#members th {
	text-align: center;
	padding: .4em;
}

#members .distro td {
	text-align: left;
	font-weight: bold;
	padding-top: 1.5em;
}

td#ttl { text-align: left; }


div#detail {
	margin-top: 50%;
}

#detail_table {
	border-color: #56A518;
	border-width: 1px;
	border-style: solid;
	background-color: #FFC;
	padding: .5em;
}

#detail_table td { vertical-align: top; }

#detail_table td:first-child {
	text-align: right;
	font-weight: bold;
}

#detail_table table.mini td {
	font-weight: normal;
	font-size: smaller;
	padding: 0 .5em;
}
#detail_table table.mini td:first-child { text-align: left; }


div#map {
	margin: 1em auto 1em auto;
	height: 400px;
	width: 600px;
}

table.lined { border-collapse: collapse; }
table.lined td { border-top: 1px #CCC solid; }

#articles li
{
	list-style-type: none;
	background-image: url(/images/dragme.png);
	padding: 1em 24px;
	background-repeat: no-repeat;
	background-position: 0px 12px;
}


.lined { border-bottom: 1px green solid; color: green; margin-top: 3em; }

/*
	---------------------------------   form Styles   ---------------------------------
*/

fieldset {
	background-color: #EEE;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}
fieldset.active { background-color: #FFF; }
fieldset.complete { background-color: #CF9; }

fieldset legend { color: #AAA; }
fieldset.active legend { color: #000; }
fieldset.complete legend { color: #666; }

fieldset legend
{
	font-weight: bold;
	padding-left: .5em;
	padding-right: .5em;
	text-transform: uppercase;
}


span.check
{
	color: #56A518;
	font-size: xx-large;
	vertical-align: middle;
}

form#signup table { width: 100%; }
form#signup td:first-child { text-align: right; }


#person2,
#person3,
#person4,
#person5
{ display: none; }

form#signup table#person1,
form#signup table#person2,
form#signup table#person3,
form#signup table#person4,
form#signup table#person5,
form#signup table#tshare
{ width: auto; }

td#cart, td#total, td#subtotal { vertical-align: bottom; }

.required { background-color: #F66; }
#req { color: #F66; }


.prevNext {
  direction: rtl;
  }
.prevNext input {
  direction: ltr;
  }
form#signup tr.prevNext td { text-align: center; }

#sub_check { display: none; }

table.twocol td:first-child { width: 50%; }

.memberspage td { vertical-align: top; }
.memberspage fieldset table { border-collapse: collapse; }
.memberspage fieldset td {
	padding: .25em 1em;
	border-top: 1px #CCC solid;
	white-space: nowrap;
}

input.large { font-size: large; }

/*
	---------------------------------   nav Styles   ---------------------------------
*/


#nav h2 {
	font-size: small;
	background-color: #909;
	color: #fff;
	padding: .2em;
}

#nav p { font-size: x-small; }



/*
	---------------------------------  other divs  ---------------------------------
*/

.c { text-align: center !important; }
.l { text-align: left !important; }
.r { text-align: right !important; }
.invisible { visibility: hidden; }


.box {
	border: 1px solid #ccc;
	border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
}


table#signin { 	border-collapse: collapse; }
table#signin td, table#signin th {
	font-size: 9px;
	border: 1px gray solid;
}

table#signin thead { display: table-header-group; }


/*
	--------------------------------- Generic Styles ---------------------------------
*/

a { color: #518B11; }
a:visited { color: #518B11; }
a:active { color: #000; }

.clear { clear: both; }



/*
	--------------------------------- Print Styles ---------------------------------
*/

@media  print
{ 
	div#detail { display: none; }
	
	#am { display: none; }
	

}