@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #303524;
}

body {
	background: url(images/bg.jpg) repeat left top;
	margin: 0;
}
#mainwrap {
	background: url(images/index_01.png) repeat-x left top;
}
#wrap {
	width: 942px;
	margin: 0 auto;
}
#main {
	background: url(images/body-bg.png) repeat-y;
}
/* Navigation */
#mainmenu{
	height: 64px;
	width: 554px;
	text-align: center;
	float: left;
}

.clear {
	clear: both;
}
#head {
	background: url(images/body-top.png) no-repeat bottom;
	height: 50px;
}
#foot {
	background: url(images/body-foot.png) no-repeat top;
	height: 44px;
}
.logo {
	background: url(images/sweetswingers.png) no-repeat;
	width: 367px;
	height: 77px;
	float: left;
}
#header {
	background: url(images/header.png) no-repeat;
	width: 904px;
	height: 191px;
	margin: 0 auto;
}
.username {
	color: #312c23;
	font-size: 12px;
	font-weight: bold;
}
.age {
	color: #625a49;
	font-size: 11px;
	font-weight: bold;
}
.thumb {
	float: left;
}
a:link, a:active, a:visited {
	color: #625a49;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #1d7db9;
}
#bodyleft {
	width: 420px;
	float: left;	
	margin: 10px 0 0 22px;
}
.bodyhead {
	background: url(images/t-member.png) no-repeat top;
	width: 420px;
	height: 32px;
}
.bodyfoot {
	background: url(images/t1-foot.png) no-repeat bottom;
	width: 420px;
	height: 20px;
	text-align: center;
	padding: 0 0 0 0;
}
.thumbbig {
	text-align: center;
	padding: 2px 5px 3px 8px;
	background: #b7c58b;
}
.details {
	float: left;
	padding: 4px 10px 0 20px;
	line-height: 1.5em;
	text-align: justify;
	width: 390px;
	background: #b7c58b;
}
.name {
	font-size: 20px;
	font-weight: bold;
	color: #840522;
}
.det {
	font-size: 13px;
	font-weight: bold;
	color: #506123;
}
#bodyright {
	width: 470px;
	float: right;
	background: #930627;
	margin: 10px 22px 10px 0;
	text-align: center;
	color: #fff;
}
.righthead {
	background: url(images/t2-head.png) no-repeat;
	width: 470px;
	height: 20px;
}
.rightfoot {
	background: url(images/t2-foot.png) no-repeat;
	width: 470px;
	height: 20px;
}
#bodyright h1 {
	color: #feff80;
	font-weight: bold;
	font-size: 20px;
	margin: 0;
}
#bodyright h2 {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
}
#bodyright p {
	margin: 0;
}
#veribody {
	background: #817866;
	width: 450px;
	margin: 0 auto;
}
.verihead {
	background: url(images/t-verification.png) no-repeat;
	width: 450px;
	height: 28px;
}
.verifoot {
	background: url(images/t-verfoot.png) no-repeat;
	width: 450px;
	height: 8px;
}
.titles {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}
.formtxt {
	border-radius: 5px;
	-moz-border-radius: 5px;
	border: solid 1px #9b9385;
	background: #312c22;
	padding: 3px 4px 3px 4px;
	color: #feff80;
}
#located {
	width: 880px;
	margin: 0 auto;
	background: #edecea;
	text-align: center;
}

#footer {
	width: 860px;
	margin: 0 auto;
	font-size: 10px;
	text-align: center;
	padding: 6px 0 26px 0;
	line-height: 1.5em;
	color: #d2e788;
}
#footer a:link, #footer a:active, #footer a:visited {
	color: #fcfcfc;
	text-decoration: none;
}
#footer a:hover {
	color: #d2e788;
	text-decoration: underline;
}
.memhead {
	background: url(images/t-members.png) no-repeat top;
	height: 32px;
	margin: 10px 0 0 0;
}
.memfoot {
	background: url(images/t3-foot.png) no-repeat bottom;
	height: 20px;
}
.membg {
	 background: #dbe6b8;
	 padding: 0 15px 0 15px;
}

.frameclass{

position:absolute;
top:0px;
left:-100px;
width:550px;
height:505px;

}

#outerdiv
{
width:550px;
height:505px;
overflow:hidden;
position:relative;
}