/*basics*/


html,body,div, span, applet, object, iframe,ol,ul,li,h1,h2,h3,h4,h5,h6,p,form,fieldset,dl,dt,dd,img,label,a,strong,caption,legend, table, caption, tbody, tfoot, thead, tr, th, td  {
text-align:left;
font-family:"Lucida Grande","Lucida Sans Unicode", Arial, Helvetica, sans-serif;
margin:0;
padding:0;
font-weight:normal;
font-size:13px;
border: 0;
outline: 0;
text-align:left;
}

textarea{
border: none;
}

html {
height:100%;
margin-bottom:1px;
}

h1,h2,h3,h4,h5,h6,p {
color: #455070;
padding:10px;
}


h1,h2,h3,h5,h6, caption {
font-family: Georgia, "Times New Roman", Times, serif;
color: #777777;
font-size:22px;
line-height:22px;
font-weight:normal;
}

h2, caption{
font-size: 22px;
line-height:28px;
color: #777;

}

p, h4 {
padding:10px;

}
strong{
font-weight: bold;
color: #777777;
}

a{
color: #404040;
}

h3{
background:#8ED6D1;
font-size: 14px;
color: #fff;
line-height: 18px;
height: 18px;
padding: 5px;
}

h4{

font-size: 13px;
color: #ff6b00;
line-height: 18px;
height: 18px;
padding: 5px 0 0 10px;
cursor: hand;
cursor: pointer;

}

h6{
text-align: right;
font-size: 24px;
color: #444;
padding: 12px 20px;
}

body {
text-align:center;
background:#EAEDDE url(../images_new/page_bg.png) repeat-x 0 0;
}


table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*main layout standard*/

#header{
width:100%;
height:150px;
background:#9999FF;
clear:both;
position:relative;
z-index:5;
}



#headermid{
width:980px;
height:150px;
margin:0 auto;
position:relative;
z-index:5;

}

#secondhead{
width:980px;
height:3em;
margin:0 auto;
position:relative;
background:#F1F3E9;
z-index:1;
border-bottom: 1px solid #E5E5E5;
padding: 0px;
}

#footer {
    width:100%;
    clear:both;
    background:#CDCDFE;
}

#footermid {
    width:980px;
    margin:0px auto;
    margin:0 auto;
    padding: 10px;
    position:relative;
z-index:29;

}

#copy{
clear:both;
padding:10px;
position:relative;
z-index: 10;
display: block;

}
#copy p{
padding-top: 0  10px 10px 10px;
text-align:center;
color:black;
}

#copy span{

position: absolute;
z-index: 12;
display: block;
top:20px;
right: 10px;
}
#copy span a{
font-size: 12px;
}

.content{
    width:980px;
    margin:0 auto;
    background:#fff;
    clear:both;
    padding:20px 0px 30px 0;
    position: relative;
    z-index: 1;  /* this is the problem stopping the slide from working */
}

.col{
    float:left;
    padding: 0 0 0 20px;

}

.col_single {
    width:220px;
}	

.col_double {
    width:460px;
    
}

.col_triple {
    width:700px;   
}

.col_triple_mail {
    width:718px;
    padding-left: 2px;   
}


.col_quad {
    width:940px;
	
}



.col_third {
    width:380px; 
    position: relative;  
}
.col_two_third {
    width:540px;
  
}

.unit1 {
width:220px;
float: left;

}

.unit2 {
width:460px;
}

.unit3 {
width:700px;
}
.unit4 {
width:940px;
clear: both;
}
.right {
    padding-left: 20px!important;
    float: right;
    clear: right;
}
.left{
clear:left!important;}

#a, #b, #c {
width: 305px;
}

/* boxes */

.box1, .box2, .box3{
margin-bottom: 10px;
	min-height:17em;
	}
	



.box1{/* shadow box */
	background: #fff url(../images_new/box1bg.gif) repeat-x 0 0;
	border: 1px solid #eaeaea;
	clear:both;
	margin-top: 2px;
}
.box2{/* gray box */
	background: #f6f7f1;
	border: 1px solid #eaeaea;
	border-top: none;
	clear:both;
}
.box3{/* white only box */
	background: #fff;
	clear:both;

}


/* logo */

#logo {
background: transparent url(../images_new/logo.jpg) no-repeat 0 0;

position: relative;
z-index: 10;
top:23px;
left:10px;
text-indent: -9999px;
}
#logo a{
height: 88px;
width: 470px;
display: block;
}


/* form elements */

.formsearch, .formsearchad, .formblog, .formpost, .formmail{
border: 5px solid #6600CC;
background:#9999FF;
margin:0 0 50px 0;
position: relative;
z-index: 15;
width:460px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

fieldset{
float:left;}

.formheading{
background: #CDCDFE;
margin: 0;
padding: 10px 10px;
font-size: 24px;
}
fieldset dt{
background:#F7F8F2;
display:block;
width:150px;
float: left;
clear:left;
border-bottom: 1px dashed #eaeaea;
min-height:30px;
}
fieldset dt label{
color: #444;
padding: 5px 5px 0 0;
display:block;
text-align: right;
}


fieldset dd{
display:block;
float: left;
color: #fff;
border-bottom: 1px dashed #fff;
min-height:25px;
width:300px;
padding: 5px 0px 0 10px;
}

.formsearch{width: 450px;}
.formsearchad{width: 930px;}
.formmail{width: 700px; margin: 10px 0 50px 8px;}
.formmail dt{width: 145px;}
.formmail dd{width: 545px;}

.formsearch dt{width: 145px;}
.formsearch dd{width: 295px;}
.formblog{width: 370px;}
.formblog dt{width: 145px;}
.formblog dd{width: 215px;}
.formreg{width: 690px;}
.formreg dt{width: 255px;}
.formreg dd{width: 425px;}


.formpost{width: 530px;}
.formpost dt{width: 145px;}
.formpost dd{width: 375px;}

.date_form select{
margin-right: 8px; }

.formsearchad fieldset{width: 465px;}

#post_comment_text{
width: 370px;
height: 130px;
}

fieldset dd input{
margin: 0 5px 0 0;
padding:2px;
font-size: 12px;
border: 1px solid #eaeaea;
float: left;
display: block;
}

fieldset dd input.radbut, form dd input.checkbox{
margin:2px 9px 0 2px;
border: none!important;
float: left;
display: block;
}

form dd .listbox{
height: 84px;
overflow: hidden;
clear:both;
width:180px;
font-size: 12px;
}

fieldset dd label{
color: #444;
text-align: left;
float: left;
display: block;
}

fieldset dd select{
color: #444;
height:22px;
padding: 0;
margin: -1px 0 3px -1px;
float: left;
display: block;
}
fieldset dd input.radio{
border:none!important;
margin: 2px 4px 3px -1px;
}

.subcurve{
border: 2px solid #6600CC;
border-top: none; 
background: #6600CC;
margin: 10px;
position: absolute!important;
right:0;
bottom:-50px;
z-index: 100;
width:190px;
height:35px;
padding:0;
padding-left:5px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-webkit-border-bottom-left-radius:15px;
-webkit-border-bottom-right-radius:15px; 

}
.subcurve input{
margin: 1px 4px;
width:182px;
}

.subcurve2{
border: 5px solid #8ED6D1;
border-top: none; 
background:#F7F8F2;
margin: 10px;
position: absolute!important;
left:0px;
bottom:-50px;
z-index: 0;
width:190px;
height:30px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-webkit-border-bottom-left-radius:15px;
-webkit-border-bottom-right-radius:15px; 

}

.subcurve2 a{
padding: 6px 18px 0px 28px!
important;
display: block;
}

.textarea_tell_us{
width:330px!important;
margin-right: 5px;
float:left;
}

.input_tell_us{
width:325px!important;
margin-right: 5px;
float:left;
}

.last{
border: none;
}

.button{
background: #ff6b00;
border: 3px #fff solid;
height: 30px!important;
font-size: 17px;
color: #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding:0;
}
.button:hover{
background: blue;
}

.simple_form {
border: 1px solid #eaeaea;
margin-top: 5px;
margin-bottom: 10px;
background:#F7F8F2!important;
float: left;
clear: both;
display: block;
}

.simple_form dt{
display:block;
width:100px;
float: left;
clear:left;
border: none;
border-top: 1px dashed #eaeaea;
min-height:25px;
padding: 6px 10px 0 6px;
text-align: right;
}

.simple_form2 dt{
width:160px;
}

.simple_form dt label{
color: #444;
padding: 1px 5px 0 0;
display:block;
text-align: right;
height: 14px;
}

.simple_form dd{
color: #444;
padding: 6px 0 3px 6px;
margin: 0px;
float: left;
display: block;
width:336px;
border-top: 1px solid #fff;
}

.simple_form2 dd{
width:275px;
}


.simple_form .first{
border:none;
}


			/* nav main */
.nav{
	text-decoration: none;
	list-style: none;
	position: absolute;
	bottom:0;
	left: 10px;
	z-index: 130;
	padding-right: 10px;	
	}

.nav li{
float: left;
padding: 0;
margin: 0;
border-left: 1px solid #9999FF;
background: #6600CC;
}

.nav li a{
text-decoration: none;
color: #FFCCFF;
display: block;
padding: 6px 10px;
margin: 0;

}
.nav li a:hover{
text-decoration: none;
color: #6600CC;
display: block;
padding: 6px 10px;
margin: 0;
background:#F1F3E9;
}


/* Navigation dropdown elements */





.nav ul {
background: #8ED6D1;
    list-style: none;
    margin: 0;
    padding:0;
    border-bottom: 1px solid #fff;
    position: absolute;
    top: -999px;
    left: 0;
    z-index: 3030;
    width:11em;
    
}


.nav li:hover ul,
.nav li.sfHover ul {
position: absolute;
z-index: 3030;
top: 28px;
left:auto;
zoom: 1;
}



.nav ul li {
    border: 0;
    float: none;
    min-height:15px;
    width:100%;
}

.nav ul li:hover {
    visibility: inherit;
}

.nav ul a:link,
.nav ul a:visited {
    border: 1px solid #fff;
    border-bottom: 0;
    /*white-space: nowrap;*/
    min-height:15px;


}

* html .nav ul li,
* html .nav ul a:link,
* html .nav ul a:visited {
    height:15px;
}

.nav ul a:hover,
.nav ul a:active {
  background:#F1F3E9;
}








			/* nav tabs */
.tabs{
	text-decoration: none;
	list-style: none;
	position: absolute;
	bottom:-1px;
	left: 10px;
	z-index: 130;
	}

.tabs li{
float: left;
padding: 0;
margin: 0 1px 0 0;
}
.tabs li a{
text-decoration: none;
color: #999;
display: block;
padding: 6px 10px;
margin: 0;
background: #fff url(../images_new/tab.gif) repeat-x 0 0px;
border: 1px solid #f0f1ec;


}
.tabs li a:hover{
text-decoration: none;
color: #444;
display: block;
padding: 6px 10px;
margin: 0;
background: #fff url(../images_new/tab_over.gif) repeat-x 0 0;
border: 1px solid #efefeb;
border-bottom: 1px solid #fff;
}

.currenttab a{
background: #fff url(../images_new/tab_over.gif) repeat-x 0 0!important;
border-bottom: 1px solid #fff!important;
}

.currentpage a{
text-decoration: none;
color: #6600CC!important;
display: block;
padding: 6px 10px;
margin: 0;
background:#F1F3E9;
}
     /* nav footer */
#footnav{
top:-28px;
left:30px;
}
#footnav li{
border-left: 1px solid #fff;/*dark color*/
}

#footnav li a:hover{
color: #444;
margin: 0;
background:#8ED6D1;
}
			/* nav footer */
.footernv {
	text-decoration: none;
	list-style: none;
	position: relative;
	z-index: 200;
	padding: 0;
	margin-left: -10px;
}

.footernv li {
	border-top: dashed 1px #fff;
	margin: 0 10px;
	padding: 5px 0;
}
.footernv li a {
	color: #3f3f3f;
	font-weight: normal;
	text-decoration: none;
	list-style: none;
	line-height: 21px; 
	height:28px;

}
.footernv li a:hover {
	color: #fff;
}

.footernv li a strong{
	color:#fff;
	font-weight: bold !important;
}

.footernv li a small{
	color:#666;

}

			/* nav pagenav */
.pagenav{
	text-decoration: none;
	list-style: none;
	position: relative;
	z-index: 200;
}

.pagenav li {
	border-top: dashed 1px #eaeaea;
	margin: 0;
}
.pagenav li a {
font-family: Georgia, "Times New Roman", Times, serif;
	color: #ff6b00;
	font-weight: normal;
	text-decoration: none;
	list-style: none;
	font-size: 16px;
	line-height: 28px; 
	height:28px;
	margin: 0 0 0 10px;
	position:relative;
	z-index: 10;
	display: block;
}

.pagenav li a span{
font-family: Georgia, "Times New Roman", Times, serif;
	color: #ff6b00;
	list-style: none;
	font-size: 16px;
	margin:0;
	padding: 0 0 0 15px;
	width:30px;
	background: transparent url(../images_new/person.gif) no-repeat 0 50%;
	position: absolute;
	z-index: 12;
	top:0;
	right: 0;

	}

.pagenav li a:hover {
	color: #a2d4e0;
}

.pagenav li a strong{
	color:#fff;
	font-weight: bold !important;
}

/* nav header overviews */

#coming {
	text-decoration: none;
	list-style: none;
	position: absolute;
	top:38px;
	right: 0px;
	z-index: 20;
	}
	
#overview{
	text-decoration: none;
	list-style: none;
	position: absolute;
	top:38px;
	right:240px;
	z-index: 20;
	}
	
	
#coming li{

}
#coming li a, #overview li a{
color: #fff;
line-height:30px;
text-decoration: none!important;
padding-left: 30px;
}
#coming li a span, #overview li a span{
font-weight: bold;
text-decoration: underline;
color: #fff;
}

#peepsml{
background: transparent url(../images_new/mail.gif) no-repeat 0 50% ;}
#peepsol{
background: transparent url(../images_new/peeps.gif) no-repeat 0 50% ;}
#peepscr{
background: transparent url(../images_new/chat.gif) no-repeat 0 50% ;}
#peepsvc{
background: transparent url(../images_new/video.gif) no-repeat 0 50% ;}
#hidecome{
background: transparent url(../images_new/run.gif) no-repeat 0 50% ;}

.clear{clear: both;}

/*added by Roustem*/

#stats{
    text-decoration: none;
	list-style: none;
	position: absolute;
	top:0px;
	left:0px;
	z-index: 20;
	padding-left:25px;
	}
#stats li {
float:left;
padding-top:10px;
}
#stats li span {
font-family:Georgia;
color: #455070;
line-height:0px;
text-decoration: none!important;
padding-left: 10px;
}
#stats li span b{
font-weight: bold;
color: #455070;
}
/*
#totalmem {
background: url(../images_new/icon1.jpg) no-repeat 0 50% ;}
#onlinemem{
background: url(../images_new/icon2.jpg) no-repeat 0 50% ;}*/

#loginBox {
position: absolute;
	top:20px;
	right:20px;
	z-index: 20;
	width:340px;
}
#loginBox div{
width:147px;
float:left;
}
#loginBox div a{
color:white;
line-height:20px;
}
#loginBox div input{
border:1px solid #6600CC;
width:120px;
}
#loginBox #Image1 {
margin-top:15px;
}
div.content p {
padding-bottom:20px;
}
#footerlinks {
text-align:center;
}

.coleft{
    float:left;
    padding: 0 0 0 0px;
}
.coleft ul {
margin-left:20px;
}
.b {
font-weight:bold;
}
b {
color:#777777;
}

.col_central {
    width:940px;
	height:336px;
	margin-left:20px;
	background:#E5E8F1;
	position:relative;
}
#im_txt {
position:absolute;
top:0px;
right:0px;
}
#join_b {
position:absolute;
top:118px;
right:68px;
width:216px;
height:40px;
}
#join_b a{
display:block;
width:216px;
height:40px;
line-height:40px;
background:url(../images_new/joinButton.jpg) no-repeat left top;
}
#join_b a:hover{
background-position: right top;
}

#flash {
position:absolute;
top:161px;
right:0px;
width:340px;
height:175px;
}