#snaeverything {
	font-family: verdana,san-serif;
	margin: 0px;
	width: 775px;
}
#snaeverything form {
	margin:0px;
	padding:0px;
}
#snaeverything a img{
	border:none;
}
div.photo {
	position: relative;
}
div.photo a.selfphoto img.please {
	position: absolute;
	top: 0px;
	left: 0px;
}
#snaeverything p {
	margin:2px 0px 5px 0px;
}

#navigation{
	font-family: verdana,san-serif;
	font-size:12px;
	color:#3B465C;
}
* html body #navigation {
padding-bottom: 5px;
}
#navigation a{
	text-decoration:none;
	font-weight:bold;
	color:#3B465C;
}
#navigation .selected a{
/*	color:#69C; */
	color:#3F77B2;
}


#main{
	border:solid 1px #69C;
	margin:8px 0px 3px 0px;
	padding:8px 10px 15px 10px;
	color:#6F8BB7;
	font-size:11px;
	width: 556px;
  position: relative;
}
* html #main {
margin-top:0px;
}
#main h2{
	margin:0px 0px 5px 0px;
	padding-bottom:8px;
	margin-bottom:15px;
	font-size:18px;
	font-family:arial;
	color:#3F77B2;
	background: url(/generic/images/c_head.gif) bottom left no-repeat;
}
#main h3{
	border-bottom: dotted 1px #6E7275;
	margin:0px 0px 5px 0px;
	padding-bottom:5px;
	width:70%;
}
#main h4{
	margin:0px 0px 3px 0px;
}
#main h4, #main h3{
	color:#69F;
	font-size:12px;
}
#main h3 a, #main h4 a{
	font-size:10px;
	font-weight:normal;
	margin-left:3px;
}

#snaeverything .addspace{
	margin-bottom: 5px;
}

#snaeverything .left{
	float:left;
	width:50%;
}
#snaeverything .right{
	float:right;
	width:50%;
	text-align:right;
}

.row .label{
	clear:both;
	float:left;
	width:80px;
	font-weight:bold;
}
.row .info{
	clear:left;
	float:left;
}

.forms label {
	white-space: nowrap;
}

/*	photos page
	--------------- */

#photos .label{
	width:150px;
}
.photoframe {
	width: 255px;
	height: 280px;
	clear: none;
	float: left;
	border: 1px solid #69c;
	margin: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 0px;
	background-color: #efefef;
}
.rightframe {
	margin-right: 0px;
}
.thephoto {
	position: relative;
	background: url(/generic/images/shadow.gif) no-repeat bottom right;
}
.thephoto img {
	margin: 0px;
	padding: 0px;
	position: relative;
	bottom: 5px;
	right: 5px;
}
.thephoto .approval {
	position: absolute;
	height: 20px;
	background: #36c;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}


/*	view event page
	---------------- */
.event .row{
	margin-bottom:3px;
}
.event .row .label, .attendees .row .label{
	clear:both;
	float:left;
	width:120px;
	font-weight:bold;
}
.event .row .right{
	clear:right;
	float:right;
	text-align:left;
	width:433px;
}
.eventinfo{
	margin-bottom:10px;
}
.event .textarea textarea{
	width:300px;
	height:100px;
}

/*	editElement css
	--------------- */
.editElement textarea{
	width:80%;
	height:80px;
	margin:3px 0px;
}
.editElement .instructions{
	color:#000;
	margin:5px 0px;
}
.editElement{
	margin:10px 0px;
}

#foot{
	clear:both;
text-align: center;
width: 556px;
margin-bottom: 10px;
}

#foot .navigation{
	font-size:10px;
	color:#3B465C;
}
#foot .navigation a{

}

/*	activities 
	----------  */

div.activity div.row {
  padding-left: 48px;
  background-position: left;
  background-repeat: no-repeat;
}


.al1 { background-image: url(/generic/images/al_1.gif); }
.al2 { background-image: url(/generic/images/al_2.gif); }
.al3 { background-image: url(/generic/images/al_3.gif); }
.al4 { background-image: url(/generic/images/al_4.gif); }
.al5 { background-image: url(/generic/images/al_5.gif); }

/* css for all photos pages
   ---------------------------- */
#allphotos div.photo{
	width: 175px;
	height: 150px;
	text-align: center;
	margin-right: 10px;
}
#allphotos a {
	color: #000;
}

/* css specific to profile page
   ---------------------------- */
a.vtoggle {
  position: relative;
  behavior: url(/generic/css/hover.htc);
}
a.vtoggle div {
  display: none;
  position: absolute;
  width: 150px;
  top: 15px;
  left: -120px;

  color: #000;
  text-decoration: none;
  border: 1px solid #000;
  background-color: #fff;
  padding: 3px;
}
a.vtoggle:hover div, a.vtoggle-hover div {
  display: block;
}

span.aview {
  position: relative;
  behavior: url(/generic/css/hover.htc);
}
span.aview div {
  display: none;
  position: absolute;
  width: 150px;
  top: 15px;
  left: -120px;

  color: #000;
  border: 1px solid #000;
  background-color: #fff;
  padding: 3px;
}
span.aview:hover div, span.aview-hover div {
  display: block;
}

.photo{
	float:left;
	margin:5px 0px 10px 0px;
}
.photo .shadow {
	margin-left: auto;
	margin-right: auto;
	background: url(/generic/images/shadow.gif) no-repeat bottom right;
}
* html .photo .shadow {
}

.photo .shadow img {
	margin: 0px;
	padding: 0px;
	position: relative;
	bottom: 2px;
	right: 5px;
}
* html .photo .shadow img {
	bottom: 5px;
}
.photoBorder{
	border-bottom: dashed 1px #3F77B2;
	padding-bottom:5px;
}
.profile{
	float:right;
	width:78%;
}
.profile .general, .profile .lifestyle{
	clear:left;
	float:left;
	width:48%;
}
* html .profile .general,
* html .profile .lifestyle {
  width: 45%;
}
.profile .general .row, .profile .lifestyle .row {
	clear: both;
}
.profile .activity{
	float:right;
	width:52%;
}
.profile .lifestyle{
	margin:5px 0px;
}

.profile .lifestyle .row {
}
.profile .lifestyle .row .label {
  display: block;
  float: left;
}
.profile .lifestyle .row span.forms {
  display: block;
  float: left;
  width: 110px;
}

.profile .general .row span.forms {
	display: block;
  float: left;
  width: 110px;
}
.story{
	clear:both;
	margin-top:15px;
}
.story .row {
	clear: both;
}
.story .row .label {
  display: block;
  width: 19ex;
  margin-right: 1ex;
  float: left;
}
* html .story .row .label {
  width: 21ex;
}
.story .row span.forms {
  display: block;
  float: left;
  width: 400px;
}

/* people search page */

#listings{
	clear:both;
	padding:2px 0px;
	margin:4px 0px;
}
.listing{
	clear:both;
	margin:3px 0px;
	padding:5px 0px;
	border-top:dotted 1px #999;
}
.firstlisting{
	border-top:dotted 1px #999;
}
.listing .activity{
	margin-bottom:5px;
}
.listing .story{
	margin-top:0px;
}
.listing .description{
	margin:4px 0px;
}
#listings div.links {
  float: right;
  width: 78%;
}
.searchMeta{
	clear:both;
	padding:0px 0px 5px 0px;
}
#search{
	margin:8px 0px;
	font-size: 10px;
  background-color: #fff;
}
#search .tab {
	list-style-type: none;
	padding: 0px 0px 21px 5px;
	border-bottom: 1px solid #66c;
	margin: 0px;
}
#search .tab li {
	float: left;
	height: 18px;
	margin: 2px 2px 0px 2px;
	border: 1px solid #66c;
	background-color: #efefef;
}
#search .tab li a {
	display: block;
	padding: 3px;
	text-decoration: none;
}
#search .tab li.selected {
	border-bottom-color: #9cf;
	background-color: #9cf;
}
#search .tab li.selected a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
#search .form {
	background-color:#9CF;
	padding: 7px;
	border: solid 1px #66C; border-top: none;
	color:#006;
	clear: both;
}
#search input, #search textarea, #search select{
	font-size:10px;
}

#search input.button {
	color: #fff;
}

#search input, #search textarea, #search select {
	color: #36c;
}

/*	home page only 
	--------------- */

.home #main{
	padding:2px 2px 4px 2px;
	width:564px;
	height:537px;
}
* html body.home #main {
  padding-bottom: 2px;
}
.home #leftBox {
  position: relative;
  float: left;
  width: 406px;
  height: 234px;
}
.home #rightBox{
	background-color:#36C;
	float:right;
	width:158px;
	height:234px;
	color:#FFF;
	font-size:10px;
}
.home #searchBox{

}
.home #searchBox input, .home #searchBox select, .home #searchBox textarea{
	font-size:10px;
}
.home #searchBox label{
	display:block;
	margin-top:5px;
	margin-bottom:1px;
}
.home .activity{
	width:150px;
	float:none;
}
.home #maintext{
	position: absolute;
	top: 165px;
	left: 25px;
	width: 360px;
	font-size: 11px;
}
.home #maintext span {
  float: right;
  padding-top: 10px;
}
.home #login{
	margin:10px 18px;
}
.home #login a{
	color:#CCF;
}

/*	login and restricted page
	--------------------- */
#login span.error{
	display:block;
	color:red;
}

* html #login .row .label {
}
* html #login .row .forms {
  display: inline;
}

/*	calendar formatting 
	--------------------  */


table.calendar {
  clear: both;
  background-color: #ddd;
  font-size: 11px;
  border-collapse: collapse;
}

table.calendar th,
table.calendar td {
  width: 75px;
  height: 40px;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
  border: 1px solid #ccc;
}

table.calendar td {
  padding: 2px 3px;
}

table.calendar th {
  background-color: #fff;
  height: 30px;
  vertical-align: middle;
}

.past {
  background-color: #eee;
}

.present {
  background-color: #ff0;
}

.weekend {
  background-color: #eef;
}

.future {
  background-color: #fff;
}

table.calendar td div.date {
  width: 15px;
  height: 12px;
  font-weight: bold;
  text-align: right;
  line-height: 12px;
}

table.calendar td.past div.date {
  background-color: #eee;
}

span.event {
  position: relative;
  cursor: pointer;
  behavior: url(/generic/css/hover.htc);

  margin: 2px;
}

* html body span.event {
  cursor: hand;
}

span.event div {
  display: none;
  position: absolute;
  width: 150px;
  right: 0px;
  top: 12px;
  border: 1px solid #000;
  padding: 3px;
  color: #000;
  background-color: #fff;
}

* html body span.event div {
}

span.event div.alt {
  right: auto;
  top: -20px;
  left: 15px;
  width: auto;
}

span.event:hover, span.event-hover {
  z-index: 200;
}

span.event:hover div, span.event-hover div {
  display: block;
}

.event_title {
  font-weight: bold;
}

.event_date {
  font-style: italic;
}

.event_activity {
}

.event_blurb {
}

table.list {
  clear: both;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
}

table.list tr.th {
  background-color: #6f8bb7;
  color: #fff;
}

table.list tr.odd {
}

table.list tr.even, .list .even{
  background-color: #eee;
}

table.list .event_title {
  width: 140px;
}

table.list .event_date {
  width: 60px;
}

table.list .event_activity {
  width: 80px;
}

table.list .event_blurb {
}

/*	activity edit page
	-------------------- */
.table{
	clear:both;
}
.editactivity .forms{
	display:block;
/*	padding-left:180px; */
	width: 260px;
	float: right;
}
.custom .forms{
	float:right;
	color:red;
	/* width:100px; */
width: 260px;
	/* padding:0px 27px 0px 0px; */
	display:block;
}
/*
.asheader{
	margin-left:80px;
}
*/
.submit_buttons{
	clear:both;
	margin-bottom:15px;
}

span.radiostuff {
  position: relative;
  float: left;
  display: block;
  width: 25px;
  text-align: center;
}

div.content div.row span.forms {
  width: 260px !important;
}

span.acthead div,
span.radiostuff div {
  display: none;
  position: absolute;
  width: 100px;
  bottom: 5px;
  left: 10px;
  
  border: 1px solid #000;
  background-color: #fff;
  padding: 3px;
}
span.acthead div {
  width: 200px;
  top: 0px;
  bottom: auto;
  left: 100px;
}

span.acthead span {
  float: left;
  width: 19px;
}
* html body span.acthead span {
  width: 16px;
}
span.clos span {
  background: url(/generic/images/plu.jpg) left no-repeat;
}
span.open span {
  background: url(/generic/images/min.jpg) left no-repeat;
}

span.acthead:hover, span.acthead-hover {
  z-index: 100;
}

.asheader span.radiostuff:hover, .asheader span.radiostuff-hover {
  background-color: #ffa;
  z-index: 100;
}

span.acthead,
.asheader span.radiostuff {
  behavior: url(/generic/css/hover.htc);
}

span.acthead:hover div, span.acthead-hover div,
span.radiostuff:hover div, span.radiostuff-hover div {
  display: block;
}

.asheader span.radiostuff {
  cursor: pointer;
}

* html body .asheader span.radiostuff {
  cursor: hand;
}

div.content ul.adlist {
  list-style: none;
  margin: 0px;
  padding: 0px;
  clear: both;
  color: #6f8bb7;
}

div.content ul.adlist li {
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
  clear: both;
}

div.content ul.adlist div.ad_expander {
  display: none;
}

div.content ul.adlist ul.addtl {
  clear: both;
  margin: 0px;
  padding: 0px;
  margin-left: 10px;
  list-style: none;
}

div.content ul.adlist ul.adlist {
  margin-top: 5px;
  margin-left: 25px;
}

div.content ul.adlist ul.adlist li {
  padding-bottom: 5px;
}

div.content ul.adlist span.acthead {
  position: relative;
  cursor: pointer;
  font-weight: bold;
  clear: both;
}

* html body div.content ul.adlist span.acthead {
  cursor: hand;
}

div.content ul.adlist ul.addtl li {
  display: block;
  position: relative;
  clear: both;
}

div.content ul.adlist ul.addtl li div.actlabel {
  clear: none;
  float: left;
  font-weight: bold;
  padding-left: 10px;
}

div.content ul.adlist ul.addtl li div.actforms {
  display: none;
  clear: none;
  float: right;
  position: relative;
  width: 260px;
  text-align: left;
}

div.content ul.adlist ul.addtl li div.actforms span.actradio,
span.actradio {
  float: left;
  display: block;
  text-align: center;
  width: 25px;
}


.list .even{
  background-color: #eee;
}

.cell{
	display:block;
	float:left;
	width:100px;
}

table.list .date{
	width:100px;
}

table.list{
	margin-bottom:10px;
}

/* register page formatting */
.register .row .label{
	width:150px;
	clear:both;
}
.register .row{
	margin-bottom:10px;
}
.register .row .error, .error{
	color:red;
	display:block;
	text-align:right;
}
.register input.right{
	text-align:center;
}

/* form formats */
input.button {
	background: #36c;
	border: 1px solid #669;
	color: #fff;
	cursor: pointer;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

* html body input.button {
	cursor: hand;
}

input.athome {
	border-color: #ccf;
	background: #009;
}

input.dead {
	background: #039;
	cursor: auto;
}

.invisible {
	display: none;
}body{
  margin: 0px;
  width: 775px;
}

#snaeverything {
  width: 558px;
}


#main div, #main span,
#main p, #main td {
  color:#6F8BB7;
  font-size: 11px;
  line-height: auto;
}
#main .label {
  color: #6f8bb7;
  font: 11px verdana,san-serif;
  font-weight: bold;
  line-height: auto;
}

.home #maintext {
  color: #000;
  top: 190px;
  left: 17px;
  width: 365px;
}

* html .home #leftBox {
}
* html .home #rightBox {
  clear: right;
}
.home #rightBox {
  background-color:#8d1020;
  color: #fff;
}

.home #rightBox div, .home #rightBox span {
  color: #fff;
}

.home #searchBox label{
  display:block;
  margin-top:4px;
  margin-bottom:1px;
}
* html .home #searchBox label {
  margin-top: 3px;
}

input.athome {
  border-color: #ccc;
  background: #600;
}

.home #maintext {
  top: 193px;
  left: 17px;
  width: 360px;
  color: #000;
  line-height: 11px;
}

.home #maintext span {
  padding-top: 5px;
}