#el12 {margin:0; text-align:left; width:300px;}

.spacer,.spacer10,.spacer0,.spacer5 {
  width:100%;
  font-size:0;
}

.spacer{padding-bottom:12px;}
.spacer10{padding-bottom:10px;}
.spacer5{padding-bottom:5px;}
.spacer0{padding-bottom:0px;}

.pagetitle,.pagetitle2,.navtitle,.titlenav, .invite, .groupbox {
  background-color: #e5ecf3;
  border-color: #BBD9EE;
  border-style: solid;
  padding: 2px 0px 2px 0px;
  text-align:left;
  text-indent: 10px;
}

.tabpage {
  width:100%;
  background-color: #FFFFED;
  border-style: solid;
  border-width: 1px 2px 2px 2px;
  border-color: #BBD9EE;
  padding-top: 8px;
  margin-bottom: 10px;
}

.topmsg {
  text-align:center;
  font-family: arial, geneva, ms sans serif, helvetica; 
  color: #008000; 
  background: #FFFFED; 
  font-size: 18px; 
  font-weight: bold;
  padding:5px;
}

.reglist {
  font-size: 14px; 
  font-family: helvetica;
}

.reglist li {
  font-size: 14px; 
  padding-bottom:12px;
  color: #888888; 
  font-weight: bold;
  font-size: 14px; 
  font-family: helvetica;
}

.navtitle {
  width:25%;
  border-width: 2px 0px 1px 2px;
}

.pagetitle2 {
  width:100%;
  border-width: 2px 2px 1px 2px;
}

.pagetitle {
  width:100%;
  border-width: 2px 2px 2px 2px;
}

.invite {
  width:100%;
  border-width: 1px;
  background-color: #F3F3F3;
  text-align:right;
  padding: 6px 10px 2px 0px;
}

.groupbox {
  width:94%;
  border-width: 1px;
  background-color: #F3F3F3;
  text-align:left;
  padding: 4px 3px 4px 5px;
  text-indent: 3px;
  margin-top:5px;
}

.titlenav {
  width:50%;
  border-width: 2px 2px 1px 0px;
  text-align:right;
  padding: 2px 10px 2px 0px;
  height: 100%;
  vertical-align:bottom;
}

.tlnav {
  border-style: solid;
  border-width: 1px;
  border-color: #BBD9EE;
  padding:5px 5px 2px 5px;
  background-color:#e5ecf3;
  float:left;
  width: 528px;
}

.navtl {
  float:right;
  width:305px;
  margin-top:-18px;
}

.navme {
  float:left;
  height: 18px;
  margin-top:8px;
}

.pagemore {
  text-align:right;
  padding:2px 7px 2px 0px;
}

.pagenav {
  text-align: center;
  padding:2px 0px 2px 0px;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  margin-top:2px;
  margin-bottom:3px;
  word-spacing:5px;
  font-family: arial, ms sans serif, geneva, helvetica; 
  font-weight: bold; 
  font-size: 14px; 
  color: #444444; 
  float:left;
  width:525px;
}

.tltitle {
  text-align:left;
  text-indent: 10px;
  font-family: arial, geneva, ms sans serif, helvetica; 
  color: #444444; 
  font-size: 16px; 
  font-weight: bold;
  width:370px;
  padding-bottom:2px;
  height:20px;
}

.thumbnav {
  font-family: arial, geneva, ms sans serif, helvetica; 
  color: #666666; 
  font-size: 12px; 
  font-weight: normal;
  padding-top:7px;
  padding-right:17px;
  padding-bottom:4px;
  height:15px;
  float:right;
}

.menav {
  vertical-align: bottom;
  text-indent: 10px;
  margin-top: 8px;
  height:18px;
}

.frmsectitle,.frmsecdesc,.frmsectiny {
  background-color: #FFFFFF;
  text-align:left;
  width:90%;
}

.timeline {
  font-family: arial, ms sans serif, geneva; 
  font-size: 12px;
  text-align: left;
  vertical-align:middle;
}

.post {
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: silver;
  margin-bottom:3px;
  width:100%;
}

.gr {
  background-color: #ffffff;
  border-color: #c7e5e9;
}

.commenttop {
    background: transparent url(../graphics/comment-bottom.gif) no-repeat 0 100%;
    margin: 0 0 5px 46px;
}

.commentbottom {
    background: transparent url(../graphics/comment-top.gif) no-repeat;
    padding: 0 7px 0 13px;
    position:relative;
    overflow: visible;
    min-height: 40px;
}

.commentavatar {
  margin: 5px 10px 5px -59px;
  position: relative;
  height: 30px;
  border: solid 1px #e5e5e5;
  padding:1px;
}

.tagform {
  background-color:#e5ecf3;
  border-style: solid;
  border-width: 1px;
  border-color: silver;
  margin-bottom:3px;
  padding:7px 0px 3px 3px;
  margin-top:-1px;
  float:left;
  width:535px;
}


.sbox, .sfollow {
  background-color: #FFFFFF;
  margin-bottom:3px;
  width:340px;
  float:left;
}

.sfollow {
  width:174px;
  margin-left:5px;
  position:relative;
  float:left;
}

.osbox {
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: silver;
  margin-bottom:3px;
  width:520px;
  float:left;
  padding:3px;
}

.thumbnail {
  padding:4px;
  text-align:center;
  border-style: solid;
  border-width: 1px;
  border-color: #AAAAAA;
  background-color:#FFFFFF; 
}

.content, .pcontent {
  width:266px;
  text-align:left;
  vertical-align:top;
  padding:5px 10px 5px 8px;
}

.pcontent {
  width:350px;
}

.member {
  width:112px;
  text-align:left;
  vertical-align:top;
  background-color:#EEEEEE;
}

.avatar {
  padding-left:2px;
  padding-bottom:2px;
  height:38px;
}

.minfo {
  padding-left:2px;
  font-family: helvetica; 
  color: #666666; 
  font-size: 11px; 
  line-height:13px;
}

.minfo a {
  color: #0000CC;
  font-size: 11px; 
  font-weight:bold;
  text-decoration: none;
}

.minfo a:hover {
  color: #FF0000;
  text-decoration: underline;
}

.minfo dark {
  color: #000000;
}

.ptext {
  padding-top:3px;
}

.tstamp, .ctstamp{
  font-family: arial; 
  font-size: 11px; 
  text-align:left;
  color: #888888;
  margin-top:3px;
}

.ctstamp {
  margin-top:2px;
}

.tstamp dark {
  color: #666666;
}

.postpic {
  width:530px;
  height:398px;
  padding-right:1px;
  text-align:center;
  border-style: solid;
  border-width: 1px;
  border-color: #AAAAAA;
  background-color:#DDDDDD; 
}

.maincloud {
  border-style: solid;
  border-width: 1px;
  border-color: #AAAAAA;
  background-color:#FFFFFF; 
  font-family: arial;
  font-size: 20px;
  padding:3px 10px 15px 10px; 
  margin-bottom:3px;
  word-spacing:-1px;
}
.maincloud a {color: #0000FF; text-decoration: none;}
.maincloud a:visited {color: #0000FF; text-decoration: none;}
.maincloud a:hover {color: #FF0000; text-decoration: underline;}

.sidecloud {
  padding:3px 3px 5px 10px; 
}
.sidecloud a {
  font-family: arial;
  font-size: 8px;
  text-decoration: none;
  line-height: 20px; 
  padding-right: 4px;  
}
.sidecloud a:visited {color: #0000FF; text-decoration: none;}
.sidecloud a:hover {color: #FF0000; text-decoration: underline;}

.postcloud {
  padding:3px 0px 5px 10px; 
  font-family: arial;
  font-size: 16px;
}
.postcloud a {
  text-decoration: none;
  line-height: 20px; 
  padding-right:3px;
  word-spacing:-1px;
}
.postcloud a:visited {color: #0000FF; text-decoration: none;}
.postcloud a:hover {color: #FF0000; text-decoration: underline;}

a.s0 { font-size: 75%; }
a.s1 { font-size: 90%; }
a.s2 { font-size: 100%; }
a.s3 { font-size: 115%; }
a.s4 { font-size: 150%; }

.gbtitle, .frmtitle, .moretitle { 
  background-color:#c6dfe9; 
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #555555;
  padding: 3px 2px 3px 10px;
  border-bottom:1px solid #CCC;
}

.moretitle {
  float:left;
  width:162px;
}

.frmtitle {
  background-color:#1B5790; 
  color: #FFFFFF;
}

.fbutton {
  text-align:center;
  padding: 2px 0px 0px 0px;
  border-top: 1px solid #CCCCCC;
  margin: 5px 7px 0px 7px;
}

.fwait {
  width:20px;
  height:20px;
  padding-bottom:1px;
  border:0;
}

.follow-button, .follow-button-status {
  font-family: ms sans serif, helvetica;
  font-size:12px;
  margin-bottom:2px;
  width:95%;
}

.follow-button-status {
  color:#FFFFFF;
  background-color:#DE7C3D;
  padding-top:2px;
  padding-bottom:2px
}


.fstatus {
  font-family: arial;
  font-size: 12px; 
  font-weight: bold;
  color: #FFFFFF;
  background-color:#008000;
  padding:3px 0px 3px 0px;
}

.gbtlink {
  font-family: arial;
  font-size: 10px; 
  font-weight: normal;
  float:right;
  padding-top:2px;
  padding-right:3px;
}
.gbtlink a {text-decoration: none;}
.gbtlink a:visited {color: #0000FF; text-decoration: none;}
.gbtlink a:hover {color: #FF0000; text-decoration: underline;}

.tinyav, .followav {
  height:30px;
}

.followav {
  border: 0px;
}

.followers {
  padding:4px 0px 4px 4px;
}

.profav {
  padding:1px 4px 0px 1px;
}

.pcomment {
  font-size:12px;
  margin-bottom:2px;
}

.useasaval {
  width:50px;
}

.useasavap {
  height:50px;
}

.cmntav{
  width:40px;
  text-align:center;
}

.comment {
  text-align:left;
  padding-left:3px;
}

.bl {
  background-color:#EBF4FA;
}

.noposts {
  text-align:center;
  border-style: solid;
  border-width: 1px;
  border-color: #AAAAAA;
  background-color:#FFFFFF; 
  font-family: arial;
  color:#AAAAAA;
  font-size: 16px; 
  font-weight: bold;
  padding:100px 0px 100px 0px;
  margin-bottom:3px;
}

.nofollow, .notags {
  text-align:center;
  padding:5px 0px 5px 0px;
  font-family: arial;
  color:#AAAAAA;
  font-size: 14px; 
  font-weight: bold;
}

.notags {
  padding:2px 20px 2px 0px;
}

.managepost {
  background-color:#c6dfe9; 
  font-family: arial;
  color:#777777;
  font-size: 11px;
  padding-top:3px;
}

.postform {
  border-style: solid;
  border-width: 4px;
  border-color: silver;
  background-color:#EEEEEE; 
  font-family: arial;
  margin-bottom:6px;
  padding-bottom:5px;
}

.postprefsel {
  text-align:left;
  padding-left: 20px;
  padding-top:5px;
  font-size: 12px;
  color:#555555;
}

.vcard {
  padding:0px;
}

.searchbar {
  border:1px solid #CCC; 
  width: 744px; 
  margin-top: 7px;
  padding:5px 0px 5px 10px;
  background: #e5ecf3;
  font-family: arial;
  color:#666666;
  font-size: 11px;
  text-align:left;
}

.thumbnails
{
	display: inline;
	list-style: none;
}

.thumbnails img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	height: 90px;
}

.thumbnails li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.sqthumbnails
{
	display: inline;
	list-style: none;
	margin-left:5px;
}

.sqthumbnails li
{
	background: #fff;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.sqthumbnails img
{
  width:114px;
  height:114px;
}

.teaser {
  border:2px solid #CCC; 
  margin-top: 7px;
  padding:5px 10px 5px 10px;
  background: #FFFFED;
  font-family: arial;
  color:#448044;
  font-size: 18px;
	font-weight: bold;
  width:539px;
}

.crumb {
  border:1px solid #CCC; 
  margin-top: 7px;
  padding:5px 0px 5px 10px;
  background: #e7f1d7;
  font-family: arial;
  color:#666666;
  font-size: 16px;
	font-weight: bold;
  width:551px;
  height:20px;
}

.crumb a {
  font-family: arial;
  color:#666666;
  font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}

.crumb a:hover {
  color: #FF0000; text-decoration: underline;
}

.lgray {
  color:#999999;
}

#hometop {
  position:relative;
	background-image: url(../graphics/homeTop.jpg); 
  width: 756px;
  height: 301px;
  margin-top:7px;
}

#hometop #homemessage {
  position:absolute;
  top:76px;
  left:20px;
  font-family:verdana;
  font-size:13px;
  letter-spacing:0.03em;
  color:#555555;
  line-height:17px;
}

#hometop #signin {
  position:absolute;
  left:573px;
  top:30px;
}

#hometop #howitworks {
  position:absolute;
  top:248px;
  left:30px;
  font-family:verdana;
  font-size:13px;
  letter-spacing:0.02em;
  color:#FFFFFF;
  line-height:17px;
	font-weight: bold;
}

#learnmore {
  position:absolute;
  left:445px;
  top:267px;
}

.signinimg {
  width: 169px; 
  height:84px;
  border:0;
}

.joinfree {
  width:169px; 
  height:36px;
  border:0;
}

.homemiddle {
  border-width: 0px 0px 0px 1px; 
  border-style: solid; 
  border-color: #CCC #CCC #CCC #CCC;
}

.homemidright {
  vertical-align:top;
  background-color:#eeeeee;
  width:197px;
  border-width: 0px 1px 0px 0px; 
  border-style: solid; 
  border-color: #CCC #CCC #CCC #CCC;
}

.homebottom {
	background-image: url(../graphics/homeBottom.gif); 
  width: 756px;
  height: 20px;
  clear:both;
}

.topmembers {
  margin:4px 4px 4px 4px;
  font-family: arial;
  color:#666666;
  font-size: 9px;
}

.topmember {
  position:relative;
  border:1px solid #CCC;
  line-height:11px;
  margin-top:3px;
  background-color:#f8f8f8;
}

.topmimage {
  margin:2px 2px 2px 2px;
  height: 33px;
  border:0;
}

.topmtext {
  position:absolute;
  margin-top:0px;
  left:50px;
  top:0px;
  font-family: helvetica; 
  color: #666666; 
  font-size: 9px; 
  line-height:10px;
}

.topmtext a {
  color: #0000CC;
  font-size: 11px; 
  font-weight:bold;
  text-decoration: none;
  line-height:14px;
}

.topmtext a:hover {
  color: #FF0000;
  text-decoration: underline;
}

.secthead {
  width:50%;
  background-color:#1B5790;
  border:1px solid #BBD9EE;
  color:#DDDDDD;
  font-weight:bold;
  padding:3px;
  text-align:center;
}

.banner { width: 450px; height: 35px;}
.banner h1 { float: right; margin-right:5px; margin-top:0;}

.frmsectitle,.frmsecdesc {padding-bottom: 2px;}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* ie5mac backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end ie5mac backslash hack */

.ghleft, .meleft { border:1px solid #CCC; width: 541px; float: left; margin-top: 7px; margin-bottom: 5px; background: #FFFFED; padding:7px 10px 10px 10px;}
.meleft { margin-top: 0px; }
.ghleft h2 { margin-bottom: 5px; margin-top: 3px;}
.ghright { float: right; width: 187px; margin-top: 7px; margin-bottom: 10px;}
.ghright .register { margin: 10px 10px 0px 10px; }
.ghright .hlogin { background: #e5ecf3; font-size: 95%; border:1px solid #CCC;}
.ghright .hlogin h3 { margin: 3px 0 0; }
.hlogin p {margin: 5px 0 9px 0; text-align:left}
.ghright td { padding: 0; }
.ghright .loginfield { width: 158px; color: #555; }
.ghright .gbox { margin: 5px 5px 5px 5px; background: #FFFFFF; font-size: 95%; border:1px solid #CCC; text-align:left; }


.about-main {margin: 10px 0px 0px 0px; float: left; display: inline-block; text-align:left; }
.about-nav { font-size: 92%; color: #777; width: 190px; float: left; }
.about-nav .nav { padding: 0; margin: 0; }
.about-nav .nav li { padding: 0; margin: 0; list-style: none; background: #EFEFEF; border-bottom: 1px solid #CCCCCC; }
.about-nav li.toplink { border-top: 1px solid #CCCCCC; }
.about-nav .nav a { display: block; padding: 10px; background: #EFEFEF; text-decoration: none; color: #444444; font-weight: bold; text-align: right; }
.about-nav .nav a { display: inline-block; width: 190px; width: 170px; }
.about-nav .nav a.on { color: #000; background: #FFF; }
.about-nav .nav a:hover { color: #000; background: #e5ecf3;  }

.about-info { font-family:arial; margin-bottom: 15px; width: 550px; float: right; margin-left:10px;}
.about-info h1 { font-size: 24px; color: #E3A20F; font-weight: normal; border-bottom: 1px solid #CCCCCC; padding-bottom: 2px;}
.about-info h1 a { font-size: 24px; color: #E3A20F; font-weight: normal; text-decoration: none; }
.about-info h1 a:visited{ color: #E3A20F; text-decoration: none; }
.about-info h1 a:hover{ color: #FF0000; text-decoration: underline; }


.about .bigger { font-size: 110%; color: #666 }
.about .hilight { background: #FFF9DE; padding: 5px 20px 20px 20px; }
.about .hilight li { padding-bottom:5px; }
.about .hilight .header {text-align:center;}
.about .col1 { width: 245px; float: left; padding-right: 15px; }
.about .col2 { width: 245px; float: left; }
.about ul { margin: 0; padding: 0 0 0 20px; }
.about li { padding-bottom:5px; }
.about h2 { font-size: 16px; color: #A00000; font-weight: bold; }
.about h4 { margin: 0; padding-bottom:5px; font-weight: normal; }

.about-box { background: #e5ecf3; padding: 8px 10px 10px 10px; margin: 10px 0px 10px 0px; }
.about-box {text-align:left; font-size: 110%; color: #666;}

div#footer { width: 100%; margin-top: 5px; padding: 7px 0; text-align: center; clear: both; border-top: 1px solid #CCC; }
div#footer p { margin: 5px; }
.help-popup {font-size: 14px; color: #666;}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	margin: 0 auto;
	}

#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../graphics/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../graphics/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../graphics/nextlabel.gif) right 15% no-repeat; }

.tbwrapper { border:1px solid #CCC; background: #FFFFFF; height:22px; width:539px; text-align: left; padding-top:1px;}
.tbwrapper div {  display: inline; float:left;}
.tbwrapper .on { background: #e5ecf3; border-color: #CCC; border-style: solid; border-width:1px 1px 0px 1px; height:22px;}
.tbwrapper div img { height:16px; vertical-align:top; padding:3px 5px 2px 4px; border:none;}
.tbform {background: #e5ecf3; width:529px; border-color: #CCC; border-style: solid; border-width:0px 1px 1px 1px; padding:10px 5px;}