body
{
	margin: 0px 0px 10px 0px;
	color: #c0c0c0;
	background: #fefefe;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	
scrollbar-face-color: #CCCCCF;
	scrollbar-highlight-color: #CCCCCF;
	scrollbar-shadow-color: #CCCCCF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color:  #FFFFFF;
	scrollbar-track-color: #EDEDEF;
	scrollbar-darkshadow-color: #FFFFFF;
}
img {
	border: 0;
	padding: 0;
	margin: 0;
}
h3 {
 color: #82bae2;
 font-size: 20px;
 font-weight: normal;
}
h2 {
	color: #a2ceea;
	font-size: 27px;
	font-weight: normal;
	clear: both;
}
h1 {
color: #a2ceea;
	font-size: 30px;
	font-weight: normal;
	clear: both;
}
form {
	margin: 0;
	padding: 0;
}
ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
/* --------- structure rules ----*/
.main {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
	vertical-align: top;
}
.header {
	height: 92px;
	width: 890px;
	background: #fefefe url(../images/bg.gif) repeat-x 0 0;
	margin: 0;
	padding: 0px 45px 0px 45px;
}
.logo {
	width: 173px;
	height: 45px;
	display: block; 
	background: url(../images/logo.gif) no-repeat 100% 0%;
	margin-top: 47px;
	float: left;
}
.slogan {
	width: 624px;
	height: 46px;
	margin-top: 43px;
	float: right;
	color: #3e84c6;
	font-size: 28px;
	text-align: center;
}
/* ------------------ menu rules ------------------------- */
.menu {
	width: 580px;
	height: 34px;
	margin: 0;
	padding: 0;
	background: url(../images/menu_bg.gif) repeat-x 0% 100%;
	clear: both;
	padding-left: 400px;
}
.items {
	width: 670px;
	margin: 0;
	padding: 0;
	height: 34px;
}
.nav1, .nav2, .nav3, .nav5, .nav1select, .nav2select, .nav3select, .nav5select  {
	width: 94px;
	height: 34px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}
.nav4, .nav6, .nav7, .nav7select, .nav6select, .nav4select	 {
	width: 95px;
	height: 34px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}
.nav1 {
	background: url(../images/nav1.jpg) no-repeat 0 0;
}
.nav1select {
	background: url(../images/nav1over.jpg) no-repeat 0 0;
}
.nav2 {
	background: url(../images/nav2.jpg) no-repeat 0 0;
}
.nav2select {
	background: url(../images/nav2over.jpg) no-repeat 0 0;
}
.nav3 {
	background: url(../images/nav3.jpg) no-repeat 0 0;
}
.nav3select {
	background: url(../images/nav3over.jpg) no-repeat 0 0;
}
.nav4 {
	background: url(../images/nav4.jpg) no-repeat 0 0;
}
.nav4select {
	background: url(../images/nav4over.jpg) no-repeat 0 0;
}
.nav5 {
	background: url(../images/nav5.jpg) no-repeat 0 0;
}
.nav5select {
	background: url(../images/nav5over.jpg) no-repeat 0 0;
}
.nav6 {
	background: url(../images/nav6.jpg) no-repeat 0 0;
} 
.nav6select {
	background: url(../images/nav6over.jpg) no-repeat 0 0;
}
.nav7 {
	background: url(../images/nav7.jpg) no-repeat 0 0;
}
.nav7select {
	background: url(../images/nav7over.jpg) no-repeat 0 0;
}
.nav1:hover {
	background: url(../images/nav1over.jpg) no-repeat 0 0;
}
.nav2:hover {
	background: url(../images/nav2over.jpg) no-repeat 0 0;
}
.nav3:hover {
	background: url(../images/nav3over.jpg) no-repeat 0 0;
}
.nav4:hover {
	background: url(../images/nav4over.jpg) no-repeat 0 0;
}
.nav5:hover {
	background: url(../images/nav5over.jpg) no-repeat 0 0;
}
.nav6:hover {
	background: url(../images/nav6over.jpg) no-repeat 0 0;
} 
.nav7:hover {
	background: url(../images/nav7over.jpg) no-repeat 0 0;
}

/* ------------------ Blue Section styles ------------------------- */

.search_panel {
	width: 980px;
	height: 66px;
	margin: 0px;
	padding: 0;
	color: #ffffff;
	background: url(../images/serch_panel.jpg) no-repeat 0 0;
	font-style: italic;
}
.search_form {
	width: 458px;
	height: 25px;
	margin: 10px 0px 0px 15px;
	padding: 12px 6px 0px 12px;
	background: url(../images/search-bg.gif) no-repeat 0% 0%;
	float: left;
	border: 0;
	color: #ffffff;
	font-size: 12px;
}
.search_submit {
	width: 106px;
	height: 29px;
	margin: 16px 10px 0px 8px;
	padding: 0;
	background: url(../images/search-button.jpg) no-repeat 0 0;
	float: left;
	border: 0;
	cursor: pointer;
}
.search_panel span {
	clear: both;
	padding: 0px 0px 0px 20px;
	margin: 0;
	color: #ffffff;
	font-style: italic;
	display: inline;
}
.login_panel {
	width: 263px;
	height: 38px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/login_bg.gif) no-repeat 0 0;
	float: left;
	border: 0;
}
.user_panel {
	width: 356px;
	height: 28px;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	float: left;
	border: 0;
	font-style: normal;
	font-size: 14px;
	text-align: right;
}
.user_panel a:link, .user_panel a:visited, .user_panel a:active  {
	color: #ffffff;
}
.user_panel a:hover  {
	color: #82bae2;
	text-decoration: none;
}
.login_form, .pass_form {
	width: 115px;
	height: 17px;
	margin: 9px 0px 0px 9px;
	padding: 3px 0px 0px 5px;
	border: 0;
	color: #ffffff;
	font-size: 12px;
	float: left;
	background: transparent;
}
.pass_form {
	margin: 9px 0px 0px 12px;
	float: left;
	display: block;
}
.login_submit {
	width: 84px;
	height: 21px;
	padding: 0;
	margin: 10px 0px 0px 8px;
	float: left;
	background: url(../images/login-button.jpg) no-repeat 0 0;
	border: 0;
	display: block;
	cursor: pointer;
}
.search_panel span {
	margin: 0;
	padding: 0px 0px 0px 20px;
	line-height: 120%;
	float: left;
}
.join {
	margin: 0;
	padding: 0px 146px 0px 0px;
	line-height: 100%;
	text-align: right;
}
.forgot {
	color: #b7dffa;
	float: right;
	margin: 0px 12px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	text-decoration: underline;
	font-style: normal;
}
.forgot:hover {
	text-decoration: none;
}

/* --------- content styles --------------*/
.gray_bg {
	width: 980px;
	margin: 0;
	padding: 0;
	background: #858585 url(../images/gray_left_bg.jpg) repeat-x 0 0;
	float: left;
}
.gray_left a:link, .gray_left a:visited, .gray_left a:active  {
	color: #82bae2;
}
.gray_left a:hover {color:#afdefc; text-decoration: underline;}

.gray_bg h1 {
	margin: 0px 0px 10px 0px;
	padding: 0;
}
.gray_left {
	width: 680px;
	margin: 0;
	padding: 30px 14px 40px 40px;
	float: left;
	background: #828282 url(../images/gray_left_bg.jpg) repeat-x 0 0;
}
.main_user_pic {
	float: left;
	margin-right: 20px;
	border: 1px solid #7d8d99;
	margin-bottom: 10px;
	margin-top: 4px;
}
.gray_left h2, .gray_left h3 {
	margin: 0px 0px 10px 0px;
	padding: 0;
}
.gray_left h4 {
	color: #FFF;
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
}

.gray_left h5 {
	color: #CCCCCC;
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	
}
.about {
	clear: both;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 1.5;
	margin-left:15px;
	margin-right:30px;
}
.p_inf {
	margin: 0;
	padding: 0;
}
.p_inf li {
	float: left;
	padding: 0px 20px 0px 0px;
	list-style-type: none;
}
.p_inf strong {
	color: #a2ceea;
	font-weight: normal;
}
.buddys {
	line-height: 200%;
	vertical-align: top;
}
.photo_list {
	width: 60px;
	float: left;
}
.photo_item {
	float: none;
	border: 1px solid #7d8d99;
	margin-bottom: 0px;
	display: block;
}
.photo_desc {
	clear: both;
}
.recent {
	width: 340px;
	margin: 10px 0px 0px 0px;
	padding: 0;
	float: left;
	color: #ffffff;
}
.recent h5 {
	color: #ffffff;
	margin-bottom: 10px;
}
.userpic p {
	margin: 10px 0px 0px 0px;
	width: 70px;
	clear: both;
	padding: 0;
	color: #ffffff;
}
.stars {
	width: 80px;
}
.userpic {
	width: 80px;
	margin: 0;
	padding: 0;
	float: left;
}
.user_img {
	border: 1px solid #7d8d99;
	margin-bottom: 10px;
	margin-top: 4px;
}
.star {
	float: left;
	border: 0;
	margin-left: 1px;
}
.recent_message {
	width: 260px;
	float: right;
	margin-bottom: 20px;
}
.recent_message p {
	margin: 10px 0px 0px 0px;
	padding: 0;
}
.separate {
	width: 100%;
	clear: both;
}
.nogos_list {
	list-style-type: none;
	width: 200px;
	margin: 10px 20px 0px 0px;
	padding: 0;
	float: left;
	font-size: 13px;
	color: #ffffff;
	line-height: 200%;
}

.h2_bgr {
	height: 31px;
	background: url(../images/title.gif) no-repeat 100% 100%;
	margin: 0px 0px 0px 25px;
	font-size: 27px;
	display: inline;
}
.c_top {
	background: url(../images/c_top.gif) no-repeat 0% 100%;
	width: 654px;
	height: 15px;
	margin: 40px 0px 0px 0px;
	padding: 0;
}
.c_bg {
	background: url(../images/c_bg.gif) repeat-y 0 0;
	width: 634px;
	margin: 0;
	padding: 0px 10px 0px 10px;
}
.c_bg .al_right {
	font-size: 9px;
}
.c_bg h4 {
	color: #a2ceea;
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	padding: 0;
}
.c_bot {
	background: url(../images/c_bot.gif) no-repeat 0 0;
	width: 654px;
	height: 15px;
	margin: 0;
	padding: 0;
}
/* --------------------- RIGHT COLUMN ----------------------- */
.gray_right {
	width: 216px;
	height: 100%;
	margin: 0;
	padding: 10px 10px 10px 20px;
	float: right;
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 4px;
	background: #909090 url(../images/right_bgr.gif) repeat-x 0 0;

}
.official_right  {
	float: right;
	width: 216px;
	height: 100%;
	background:#ff6633;
	padding: 10px 10px 10px 10px;
	
}
.official_right h1 {
	color: #333333;
	font-size: 15px;
	font-weight:bold;
	text-align: center;


}
.official_right  h2{
font-size: 13px;
color: #222222;
font-weight:bold;
}

.official_right  p{
font-size: 12px;
color: #222222;
}


.tag_cloud_gray {
	width: 214px;
	height: 27px;
	margin: 0;
	padding: 0;
	background: url(../images/tag_clouds_gray.gif) no-repeat 0 0;
}
.categories {
	width: 210px;
	margin: 0px 0px 40px 0px;
	padding: 0;
	clear: both;
}
.categories a:active, .categories a:link, .categories a:visited {
     text-decoration: none;
}
.categories a:hover {
     text-decoration: underline;
}
.categories div {
	list-style-type: none;
	padding-left: 15px;
}
.level_container {
     margin: 0;
     padding: 0;
}
.arrow_down {
	background: url(../images/arr_down.gif) no-repeat 0px 5px;
}
.arrow_right {
	background: url(../images/arr_right.gif) no-repeat 0px 5px;
}
.arrow_down_b {
	background: url(../images/arr_down_b.gif) no-repeat 0px 5px;
}
.arrow_right_b {
	background: url(../images/arr_right_b.gif) no-repeat 0px 5px;
}
.level_1 a:link, .level_1 a:visited, .level_1 a:active {
	color: #82bae2;
}
.level_1 {
	font-size: 15px;
}
.level_2 a:link, .level_2 a:visited, .level_2 a:active {
	color: #82bae2;

}
.level_2 {
	font-size: 13px;
	margin-left: 15px;
}
.level_3 {
	font-size: 13px;
	margin-left: 15px;
	background: none;	
}
.level_3 a:link, .level_3 a:visited, .level_3 a:active  {
	color: #ffffff;
} 
.submit_nogo {
	width: 201px;
	height: 28px;
	margin: 0px 0px 40px 0px;
	padding: 0;
	background: url(../images/submit_a_nogo.gif) no-repeat 0 0;
	display: block;
}
.invite_form  {
	width: 113px;
	height: 21px;
	margin: 0px 4px 0px 0px;
	padding: 8px 0px 0px 10px;
	background: url(../images/invite_form.gif) no-repeat 0% 0%;
	float: left;
	border: 0;
	color: #ffffff;
	font-size: 12px;
}
.invite_submit {
	width: 83px;
	height: 28px;
	margin: 0;
	padding: 0;
	background: url(../images/invite.gif) no-repeat 0 0;
	float: left;
	border: 0;
	cursor: pointer;
}
.invite_nogo {
	clear: both;
	padding: 0;
	margin: 0;
	color: #ffffff;
	font-style: italic;
}
h6 {
	color: #a9d1ec;
	margin: 20px 0px 0px 0px;
	padding: 0;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}
h6 a:link, h6 a:visited, h6 a:active  {
	color: #82bae2;
	text-decoration: underline;
}
h6 a:hover {
	color: #afdefc;
	text-decoration: none;
}
.comm_links {
	margin: 0;
	padding: 0;
}
.comm_links p {
	margin: 0;
	padding: 0;
}
.comm_links a:link, .comm_links a:visited, .comm_links a:active  {
	color: #82bae2;
	text-decoration: none;
	font-size: 9px;
}
.comm_links a:hover {
	color: #afdefc;
	text-decoration: underline;
}
.banners img {
	margin: 10px;
}
.banners {
	text-align: center;
	margin-top: 20px;
}

.pic {
	float: left;
	margin: 0;
	padding: 0;
}

/* -------------- bottom rules -----------------*/
.bottom {
	width: 980px;
	height: 66px;
	margin: 0;
	padding: 15px 0px 0px 0px;
	background: url(../images/bottom_bg.gif) repeat-x 0 0;
	text-align: center;
	color: #737373;
	clear: both;
}
.bottom img {
	margin-bottom: 10px;
}
.bottom a:link, .bottom a:visited, .bottom a:active  {
	color: #2e64b7;
	text-decoration: none;
}
.bottom a:hover {color:#82bae2; text-decoration: underline;}

/* ***************** text styles ************************ */
p {
	margin:0px;
	padding: 0px 20px 10px 0px;
}
.ul_title {
	font-size: 11px;
	font-weight: bold;
	color: #737373;
	margin: 0;
	padding: 10px 20px 0px 20px;
}
.black {
	color: #525252;
}
.blue {
	color: #a2cdea;
}
.white {
	color: #ffffff;
}
.gary_lite {
	color: #a4a1a1;
}
.al_right {
	margin: 0;
	padding: 7px 0px 0px 0px;
	float: right;
}
.no_dec a {
	text-decoration: none;
}
/* **************************** form **************************** */
form {
	padding:0px;
	margin:0px;
}
.contactform-container{
	width: 280px;
	float: left;
	margin-right: 25px;
	margin-left: 10px;
}
.form-l {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	display: block;
	clear: both;
}
.form-r {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	display: block;
}
.contform {
	border:1px solid #b0b0b0;
	background-color:#787878;
	width: 100%;
	font-size: 12px;
	color:#cecece;
}
option {
	background-color:#787878;
	border: 0;
}
select {
	border: 0;
	color: #666666;
}
.button_s {
	width: 82px;
	height: 27px;
	padding: 0;
	margin: 0;
	background: url(../images/button_s.gif);
	border: 0;
	font-weight: normal;
	font-size: 15px;
	color: #FFFFFF;
	cursor: pointer;
}
.birth {
	background-color:#787878;
	font-size:90%;
	color:#333333;
	background-color:#b0b0b0;
	border: 0;
	float: left;
	padding-left: 5px;
	width: 55px;
	padding-right: 0px;
	margin-right: 5px;
}
.txt_right {
	text-align: right;
	padding-right: 0;
	margin-right: 0;
}

/* ------- popup window --------*/
.forgot_body {
	width: 230px;
	height: 160px;
	background: #545454;
	padding: 15px;
	margin: 0;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align: left;
}
.forgot_body h2 {
	margin: 0;
	padding: 0;
	font-size: 24px;
}
.forgot_body .contactform-container1 {
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 226px;
}
.forgot_body p {
	width: 100%;
}
.forgot_body .txt_right {
	float: left;
	margin: 0;
	padding: 10px 0px 0px 0px;
}

.button_sm {
	width: 63px;
	height: 22px;
	padding: 0;
	margin: 3px 0px 0px 0px;
	background: url(../images/button_sm.gif);
	border: 0;
	font-weight: normal;
	font-size: 14px;
	color: #FFFFFF;
	cursor: pointer;
}
.button_mm {
	width: 70px;
	height: 22px;
	padding: 0;
	margin: 3px 0px 0px 0px;
	background: url(../images/button_mm.gif);
	border: 0;
	font-weight: normal;
	font-size: 14px;
	color: #FFFFFF;
	cursor: pointer;
}

/*----------tag clouds  ---------*/
.cloud_switch {
	float: right;
	width: 216px;
	padding-top: 10px;
}
.slash {
	float: left;
}
.tag_switch_2 {
	height: 26px;
	width: 91px;
	margin: 0px 5px 0px 0px;
	padding: 0; 
	background: url(../images/tag_cloud_dk_n.gif) no-repeat 0 0;
	display: block;
	float: left;
}
.cat_switch_2 {
	height: 26px;
	width: 105px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	background: url(../images/categories_dk.gif) no-repeat 0 0;
	display: block;
	float: left;
}
.tag_switch_1 {
	height: 26px;
	width: 91px;
	margin: 0px 5px 0px 0px;
	padding: 0; 
	background: url(../images/tag_cloud_dk.gif) no-repeat 0 0;
	display: block;
	float: left;
}
.cat_switch_1 {
	height: 26px;
	width: 105px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	background: url(../images/categories_dk_n.gif) no-repeat 0 0;
	display: block;
	float: left;
}

.comments_btn_gray, .comments_btn_blue {
	width: 113px;
	height: 21px;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	float: left;
	border: 0;
	font-size: 11px;
	vertical-align: middle;
} 
.comments_btn_gray {
	background: url(../images/comments_btn_gray.gif) no-repeat 50% 50%;
	color: #ffffff;
}
.comments_btn_blue {
	background: url(../images/comments_btn_blue.gif) no-repeat 50% 50%;
	color: #000000;
}
/* developer adds */
.post_separator
{
 float:left;
 width:680px;
 height:1px;
 margin:1px 0px 1px 0px;
 padding:0;
 color: #ffffff;
}
form {
	padding:0px;
	margin:0px;
}
.contactform-container{
	width: 280px;
	float: left;
	margin-right: 25px;
	margin-left: 10px;
}
.form-line{
	width: 100%;
	display:block;
	margin-right: 0px;
	margin-top: 10px;
}
.form-l {
	margin: 5px 5px 0px 0px;
	padding: 0px;
	width: 100%;
	display: inline;
	clear: both;
}
.form-r {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	display: inline;
}
.form-lp {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	display: block;
	clear: both;
}
.form-rp {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 100%;
	display: block;
}
.contformp {
	border:1px solid #b0b0b0;
	background-color:#787878;
	width: 98%;
	font-size: 12px;
	color:#cecece;
}
.contform {
	border:1px solid #b0b0b0;
	background-color:#787878;
	width:176px;
	font-size: 12px;
	color:#cecece;
}
.contformS {
	border:1px solid #b0b0b0;
	background-color:#787878;
	font-size: 12px;
	color:#cecece;
	width: 180px;
}
.contformWhat {
	border:1px solid #b0b0b0;
	background-color:#787878;
	width: 180px;
	font-size: 12px;
	color:#cecece;
}
option {
	background-color:#787878;
	border: 0;
}
select {
	border: 0;
	color: #666666;
}
.nav7_register:hover {
	background: url(../images/nav7over_register.jpg) no-repeat 0 0;
}
.nav7_register {
	background: url(../images/nav7_register.jpg) no-repeat 0 0;
}
.nav7select_register {
	background: url(../images/nav7over_register.jpg) no-repeat 0 0;
}
.nav7_register, .nav7select_register {
	width: 95px;
	height: 34px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}
.stars {
	width: 80px;
	display:block;
}
.st {
	float: left;
	margin: 0;
	padding: 0;
}
.contformpforgot {
	border:1px solid #b0b0b0;
	background-color:#787878;
	width: 100%;
	font-size: 12px;
	color:#cecece;
}
.cloud {
	margin: 0px 0px 40px 0px;
	padding: 0;
	clear: both;
	width: 210px;
}
.cloud a:link, .cloud a:visited, .cloud a:active  {
	text-decoration: none;
	padding: 0px 20px 0px 0px;
	margin: 0;
}
.cloud a:hover {text-decoration: underline;}

.f18 {
	font-size: 18px;
}
.f14 {
	font-size: 14px;
}
.f28 {
	font-size: 28px;
}
.f31 {
	font-size: 31px;
}
.f12 {
	font-size: 12px;
}
.f9 {
	font-size: 9px;
}
.black {
	color: #525252;
}
.blue {
	color: #a2cdea;
}
.white {
	color: #ffffff;
}
.gary_lite {
	color: #a4a1a1;
}
.paging {
	width:640px;
	float:left;
	text-align: right;
}
.paging a {
	text-decoration: none;
}