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;
}
img {
	border: 0;
	padding: 0;
	margin: 0;
}
form {
	margin: 0;
	padding: 0;
}
/* --------- 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  {
	width: 94px;
	height: 34px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}
.nav4, .nav6, .nav7, .nav7select {
	width: 95px;
	height: 34px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}
.nav1 {
	background: url(../images/nav1.jpg) no-repeat 0 0;
}
.nav2 {
	background: url(../images/nav2.jpg) no-repeat 0 0;
	
}
.nav3 {
	background: url(../images/nav3.jpg) no-repeat 0 0;
}
.nav4 {
	background: url(../images/nav4.jpg) no-repeat 0 0;
}
.nav5 {
	background: url(../images/nav5.jpg) no-repeat 0 0;
}
.nav6 {
	background: url(../images/nav6.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 ------------------------- */

.b_section, .b_section_t, .b_section_b , .submit_img{
	width: 980px;
	padding: 0;
	margin: 0;
	height: 325px;
}
.b_section {
	background: url(../images/b_section_bg.gif) repeat-y 0 0;
}
.b_section_t {
	background: url(../images/b_section_top.jpg) no-repeat 0 0;
}
.b_section_b {
	background: url(../images/b_section_bot.jpg) no-repeat 0% 100%;
}
.forms_panel {
	width: 980px;
	height: 54px;
	margin: 0px 0px 0px 0px;
	padding: 0;
}
.login_submit {
	width: 84px;
	height: 21px;
	padding: 0;
	margin: 10px 0px 2px 8px;
	float: left;
	background: url(../images/login-button.jpg) no-repeat 0 0;
	border: 0;
	display: block;
	cursor: pointer;
}
.submit_travel_panel {
     width: 601px;
     height: 258px;
     margin: 0px 20px 0px 0px;
     float: left;
     border: 0;
     padding: 0px 0px 0px 0px;
}
.submit_img {
	background: url(../images/submit-a-travel.jpg) no-repeat 0% 100%;
}
.submit_travel_form {
	width: 376px;
	height: 150px;
	margin: 50px 18px 0px 33px;
	padding: 0;
	border: 0;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	float: left;
}
.title_form {
	width: 145px;
	height: 20px;
	margin: 70px 0px 0px 0px;
	padding: 0;
	border: 0;
	padding: 0;
	font-size: 12px;
	background: transparent;
	line-height: 20px;
}
.type_form {
	width: 145px;
	height: 20px;
	margin: 32px 0px 0px 0px;
	padding: 0;
	border: 0;
	padding: 0;
	background: transparent;
	font-size: 12px;
	line-height: 20px;
}
.travel_submit {
	width: 158px;
	height: 41px;
	padding: 0;
	margin: 16px 0px 6px 0px;
	float: left;
	background: url(../images/spread-the-nogo-button.jpg) no-repeat 0 0;
	border: 0;
	display: block;
	cursor: pointer;
}

/* --------- Tag cloud rules ----------- */
.cloud {
	padding-top: 10px;
	margin: 0;
	float: right;
	width: 355px;
}
.cloud_switch {
	float: right;
	width: 355px;
	padding-top: 10px;
}
.slash {
	float: left;
}
.tag_switch {
	height: 27px;
	width: 95px;
	margin: 0px 5px 0px 0px;
	padding: 0; 
	background: url(../images/tag_cloud.gif) no-repeat 0 0;
	display: block;
	float: left;
}
.cat_switch {
	height: 27px;
	width: 109px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	background: url(../images/categories_n.gif) no-repeat 0 0;
	display: block;
	float: left;
}

.tag_cloud {
	background: url(../images/tag_cloud.jpg) no-repeat 0px 0px;
	width: 350px;
	height: 28px;
	margin: 0px 0px 20px 0px;
	padding: 0;
	display: none;
}
.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;
}
/* ------------------ Gray section rules ----------------*/
.gray_section {
	width: 980px;
	height:381px;
	padding: 0;
	margin: 0;
	background: url(../images/content.jpg) repeat-y;
}
.gray_section a:link, .gray_section a:visited, .gray_section a:active  {
	color: #82bae2;
}
.gray_section a:hover {color:#afdefc; text-decoration: underline;}

.left_col {
	width: 375px;
	float: left;
	height:381px;

	background: #767676 url(../images/contentbg.gif) repeat-x 0 0;
}
.left_col h2, .right_col h2 {
	height: 31px;
	display: block;
	background: url(../images/gray_title.gif) no-repeat 0% 100%;
	margin: 0px 0px 10px 25px;
	font-size: 27px;
}
.left_col h3, .right_col h3 {
	color: #3e85c7;
	margin: 0px 0px 5px 0px;
	font-size: 18px;
}
.left_col h5, .right_col h5  {
	margin: 0px 0px 5px 0px;
	font-size: 10px;
	font-weight: normal;
}
.recent {
	width: 340px;
	margin: 10px 0px 0px 27px;
	padding: 0;
}
.userpic p {
	margin: 10px 0px 0px 0px;
	width: 70px;
	clear: both;
	padding: 0;
}
.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;
	height: 0px;
	margin: 0;
	padding: 0;
}

.center_col {
	width: 280px;
	height:381px;
	background: url(../images/light-content-bg.gif) repeat-x 0 0;
	float: left;
	font-size: 13px;
	line-height: 150%;
}
.center_col a {
	text-decoration: none;
}
.center_col h3, .center_col h2 {
	padding: 0px 20px 0px 20px;
}
.icons {
	margin-top: 0;
	padding-top: 0;
}
.icons img {
	margin-right: 10px;
}

.welcome {
	width: 206px;
	height: 83px;
	padding: 0;
	margin: 0px auto 0px auto;
	display: block;
	background: url(../images/welcometonogo.jpg);
}
.right_col {
	width: 325px;
	height:381px;
	float: right;
	background: #767676 url(../images/contentbg.gif) repeat-x 0 0;
}
.online {
	width: 300px;
	margin: 0px 0px 0px 25px;
	padding: 0;
}
.online img {
	border: 1px solid #7d8d99;
	margin-bottom: 12px;
	margin-right: 12px;
	float: left;
}
.more {
	text-align: right;
	margin-top: 14px;
}

/* -------------- 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;
}
.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 20px;
}
.ul_title {
	font-size: 11px;
	font-weight: bold;
	color: #737373;
	margin: 0;
	padding: 10px 20px 0px 20px;
}


/* ------------ new search form -----------*/

.search_panel {
	width: 980px;
	height: 66px;
	margin: 0px;
	padding: 0;
	color: #ffffff;
	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;
}
/* programmers add ons*/

.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;
}

/*categories*/
.categories {
	width: 330px;
	margin: 5px 5px 5px 5px;
	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_b {
	background: url(../images/arr_down.gif) no-repeat 0px 2px;
}
.arrow_right_b {
	background: url(../images/arr_right.gif) no-repeat 0px 2px;
}
.arrow_down {
	background: url(../images/arr_down_b.gif) no-repeat 0px 2px;
}
.arrow_right {
	background: url(../images/arr_right_b.gif) no-repeat 0px 2px;
}
.level_1 a:link, .level_1 a:visited, .level_1 a:active {
	color: #FFFFFF;
}
.level_1 {
	font-size: 15px;
}
.level_2 a:link, .level_2 a:visited, .level_2 a:active {
	color: #82bae2;

}
.level_2 {
	font-size: 13px;
	display:inline;
}
.level_3 {
	font-size: 11px;
	background: none;	
	display:inline;
	padding:5px;
}
.level_3 a:link, .level_3 a:visited, .level_3 a:active  {
	color: #ffffff;
}