* {
	margin: 0;
	padding: 0;
}

html {
	font-family: Helvetica, sans-serif;
	font-size: 62.5%;
	color: #3f3f3f;
	height: 100%;
	}

body {
  font-family: Helvetica, sans-serif;
  color: #3f3f3f;
  background: #f6f1ea url('/design_images/otbw_background.gif') 50% 0% no-repeat; 
  background-repeat:	no-repeat;
}

p {
	margin: 0 0 1em 0;
	font-size: 1em;
	}

#All_Content {
  background-repeat:  no-repeat;
  z-index:  3;
  margin:  auto;
  width:  960px;
  margin-top: 35px;
  }
  
.Content_Left {
	float:  left;
	}
.Content_Right {
	float:  right;
	}

/* MAIN NAVIATION */

#All_Top {
  margin:  auto;
  width:  100%;
  }

/* LOGO */
#Top_Logo {
  float: left;
  }
#home_logo {
	width:  400px;
	height:  40px;
	background: url('/design_images/otbw_logo-1.png');
	background-repeat:	no-repeat;
	position:  relative;
	}
#home_logo li {
	list-style: none;
    position:  absolute; 
	}
#home_logo li, #home_logo a {
    height: 40px; 
    display: block;
	}
#logo {
	left:  0px;
	width:  400px;	}
/*#logo a:hover {
	background: url('/design_images/otbw_logo-1.png') 0px -40px no-repeat;
	}*/
/* END LOGO */	
	
	
/* NAV STUFF */
#Top_Nav {
  float: right;
  font-size:  1.4em;
  margin-top:  14px;
  line-height: 2.0em;
  background-color: #3f3f3f;
  height: 26px;
  width: 560px;
  }
a.nav:link, a.login:link {
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	color: #f6f1ea;
	}
a.nav:visited, a.login:visited {
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	color: #f6f1ea;
	}
a.nav:active, a.login:active {
	padding-left: 10px;
	padding-right: 10px;
	color:  #f6f1ea;
	text-decoration:  none;
	}
a.nav:hover, a.login:hover {
	padding-left: 10px;
	padding-right: 10px;
	color: #d2dceb;
	text-decoration: none;
	}

/* END NAV STUFF */
#login_stand_alone {
	float: right;
	margin-top: 40px;
	padding: 20px;
	background: #3f3f3f url('/design_images/rounded_corner-1.jpg') no-repeat bottom left;
	margin-bottom: 250px;
	}

#Login_Bar {
	color: #fff;
	display: block;
	border-top: none;
	padding: 15px;
	text-decoration: none;
	height: 140px;
	width: 335px;
	margin-left: 595px;
	margin-top: 9px;
	background: #3f3f3f url('/design_images/rounded_corner-1.jpg') no-repeat bottom left;
	}
div.Profile_Links {
	text-align: right;
	}
div.Profile_Links a.nav3 {
	font-size: 1.1em;
	margin-left: 25px;
	}
a.nav3:link, a.nav3:visited, a.nav3:active { text-decoration: none; color: #f6f1ea; }
a.nav3:hover { color: #d2dceb; text-decoration: none; }
	
#login {
	float: right;
	margin-top: 10px;
	}
p.login1 {
	color: #f6f1ea;
	text-align: right;
	line-height: 1.2em;
	}
#login_btn {
	height:  20px;
	border:  0;
	width:  60px;
	color:  #3f3f3f;
	background-color: #f6f1ea;
	font-size: 1em;
	margin-top: 10px;
	font-family:  Helvetica;
	}
.input_login, #simple_form input, #simple_form_top input {
	font-family:  Helvetica;
	color:  #3f3f3f;
	font-size:  2.7em;
	border:  1px solid #dce2ee;
	}
	
.input_placeholder { color: #999; }

/* FORGOT PASSWORD LOGIN */
p.forgot_pw {
	line-height: 1.1em;
	font-size:  1.3em;
	margin-top: 15px;
	}
#Forgot_Form #forgot_btn {
	height:  30px;
	border:  0;
	width:  70px;
	color:  #f6f1ea;
	background-color: #3f3f3f;
	font-size: 1em;
	margin-top: 5px;
	font-family:  Helvetica;
	}
#Forgot_Form input {
	font-family:  Helvetica;
	color:  #3f3f3f;
	font-size:  1.8em;
	border:  1px solid #3f3f3f;
	}
/* FORGOT PASSWORD LOGIN */

/* REGISTRATION FORM */
#Middle_Message {
	font-size:  1.3em;
	margin-top:  20px;
	padding:  20px;
	background-color:  #fff;
	width:  580px;
	margin-left: 185px;
	}
#Middle_Message h2 {
	font-weight: normal;
	margin-bottom: 5px;
	}
p.Terms_Text {
	line-height:  1.5em;
	font-size:  1.1em;
	}
	
#Register {
	font-size:  1.3em;
	margin-top:  20px;
	background-color:  #fff;
	width:  620px;
	margin-left: 185px;
	}
#Register_Inner {
	padding: 20px;
	width:  620px;
	}
.table_register tr {
	height: 40px;
	}
td.R_Left {
	text-align: right;
	padding-right: 15px;
	}
.input_register {
	font-family:  Helvetica;
	color:  #3f3f3f;
	font-size:  2em;
	border:  1px solid #5d7f28;/*dce2ee*/
	}
#signup_btn {
	height:  25px;
	border:  0;
	width:  80px;
	color:  #f6f1ea;
	background-color: #5d7f28;
	font-size: 1em;
	}	

/* CSS used for styling the CONTACT form */
.all_forms {
	font-family: Helvetica;
	}
.btn {
	font-family: Helvetica;
	}
.btn2 {
	font-family: Helvetica;
	}
form.search select { border:  1px solid #b4b4b4;background:#fff;font-family:  Helvetica;color:  #3f3f3f;font-size:  0.8em; }
form.search input { border:  1px solid #b4b4b4;background:#fff;font-family:  Helvetica;color:  #3f3f3f;font-size:  1.5em; width:100% }

form#register select { border:  1px solid #5d7f28;background:#fff;font-family:  Helvetica;color:  #3f3f3f;font-size:  1.2em; }
form#register input { border:  1px solid #5d7f28;background:#fff;font-family:  Helvetica;color:  #3f3f3f;font-size:  2em; }
.faulty_field,.validation-failed { background:#fae7c9 !important;color:#bb7301;border:1px solid #bb7301 !important;font-size:  2em; }

#error_wrapper { display:none;background:#e69515;height:85px;text-align:center; }
#error_wrapper p { padding:10px;padding-bottom:0px;color:#fff;font-size:1.5em; }
#error_wrapper a { margin-left:10px; color:#fff; }


/* END MAIN NAVIGATION */

/* TOP MESSAGE  */
#Top_Message {
	font-size:  1.3em;
	margin-top:  20px;
	padding:  20px;
	background-color:  #fff;
	}
h1.H_Main {
	font-weight: normal;
	border-bottom: dotted #d7d7d7 1px;
	margin-bottom:  15px;
	padding-bottom:  15px;
	}
p.Content_Text {
	line-height:  1.3em;
	font-size:  1.2em;
	}

p.Content_Text_View {
	line-height:  1.3em;
	font-size:  1.1em;
	color: #5d5d5d;
	}

/* END TOP MESSAGE */

/* CONTENT - LARGE */

#Content_Large {
	font-size:  1.3em;
	margin-top:  20px;
	background-color:  #fff;
	width:  620px;
	}
#Content_Large2 {
	font-size:  1.3em;
	margin-top:  20px;
	background-color:  #fff;
	width:  620px;
	}	

 * html #Content_Large li a {  /* make hover effect work in IE */
	width: 600px;
}

#Blue { background:  #73829a; }
#Orange { background:  #bb7301; }
#Green { background:  #5d7f28; }

#Blue:hover { background:  #7d8ca3; }
#Orange:hover { background:  #c77d09; }
#Green:hover { background:  #668a2f; }
	
#Blue h2 { font-weight: normal; color:  #fff; }
#Orange h2 { font-weight: normal; color:  #fff; }
#Green h2 { font-weight: normal; color:  #fff; }


#Blue_Content {
	background-color:  #fff;
	border: solid #73829a 1px;
	border-bottom: none;
	border-top: none;
	}	
#Orange_Content {
	background-color:  #fff;
	border: solid #bb7301 1px;
	border-bottom: none;
	border-top: none;
	}	
#Green_Content {
	background-color:  #fff;
	border: solid #5d7f28 1px;
	border-top: none;
	}

.Home_Content {
	}
.Home_Content h2 {
	font-weight: normal;
	cursor: pointer;
	}
.Home_Content h3 {
	font-weight: normal;
	color: #3f3f3f;
	margin-top: 5px;
	font-size: 1.3em;
	}
.Home1 {
	background-color: #f03232;
	padding: 10px;
	cursor: hand;
	border-bottom: solid #f6f3ed 1px;
	}
.Home2 {
	border: solid #f03232 1px;
	border-bottom: none;
	border-top: none;
	background-color: #fff;
	}
.Home2 p {

	}

	
.About_Content {
	}
.About_Content h2 {
	font-weight: normal;
	cursor: pointer;
	}
.About_Content h3 {
	font-weight: normal;
	color: #e42121;
	margin-top: 5px;
	font-size: 1.3em;
	}
.About1:hover {
	font-weight: normal;
	cursor: pointer;
	background-color: #e42121;
	}
.About1 {
	background-color: #f03232;
	padding: 10px;
	cursor: hand;
	border-bottom: solid #f6f3ed 1px;
	}
.About2 {
	padding: 20px;
	border: solid #f03232 1px;
	border-bottom: none;
	border-top: none;
	padding-top: 20px;
	background-color: #fff;
	}
.About2 p {
	margin-top: 5px;
	margin-bottom: 30px;
	font-size: 1.1em;
	line-height: 1.3em;
	}


/** PROFILE STUFF **/
#posts, .posts2 {  }
#posts li, .posts2 li {
	width: 620px;
	height: 100px;
	float: left;
	clear: both;
	list-style: none;
	border-bottom: dotted #d7d7d7 1px;
	}
#posts img.p_thumb, .posts2 img.p_thumb {
	display: block;
	float: left;
	}
#posts p, .posts2 p {
	margin: 0;
	padding: 0 0 10px 0;
	}

/* HOME PROJECT LISTINGS */
.Home_Project {
	height: 80px;
	border-bottom: dotted #d7d7d7 1px;
	padding: 10px;
	}
.Project_Thumb {
	width: 120px;
	float: left;
	}
.Home_Project_Info {
	width: 475px;
	float: right;
	}
.Home_Project_Info h3 {
	font-weight: normal;
	font-size: 1.6em;
	}
p.Project_Text {
	font-size: 1em;
	}
p.Project_Text2 {
	font-size: 0.9em;
	line-height: 1.5em;
	color: #5d5d5d;
	}
.light_text {
	color: #b4b4b4;
	}

a.Project_Title:link { text-decoration: none; color: #566377; }
a.Project_Title:visited { text-decoration: none; color: #566377; }
a.Project_Title:active { text-decoration: none; color:	#566377; }
a.Project_Title:hover { text-decoration: underline; color: #435064; }

a.user:link { text-decoration: none; color: #566377; }
a.user:visited { text-decoration: none; color: #566377; }
a.user:active { text-decoration: none; color:	#566377; }
a.user:hover { text-decoration: underline; color: #435064; }

a:link, a:visited, a:active { text-decoration: none; color: #566377; }
a:hover { text-decoration: none; color: #435064; }

a.db:link, a.db:visited, a.db:active { text-decoration: none; border-bottom: dotted #566377 1px; color: #566377; }
a.db:hover { text-decoration: none; border-bottom: dotted #374459 1px; color: #374459; }

.Projects1 {
	background-color: #7a7a7a;
	padding: 10px;
	cursor: hand;
	border-bottom: solid #f6f3ed 1px;
	height: 80px;
	}
.Projects2 {
	padding: 20px;
	background-color: #586881;
	padding-top: 20px;
	}
.Projects1:hover {
	font-weight: normal;
	cursor: pointer;
	background-color: #73829a;
	}
.Projects_Thumb {
	width: 120px;
	float: left;
	}
.Projects_Info {
	width: 475px;
	float: right;
	}
.Projects_Content h2 {
	font-weight: normal;
	font-size: 1.6em;
	color: #fff;
	}
.Projects_Content h3 {
	font-weight: normal;
	font-size: 1.1em;
	color: #fff;
	margin-top: 5px;
	}
p.Project_Details {
	color: #f6f3ed;
	width: 465px;
	float: right;
	}
a.Project_Title2:link, a.Project_Title2:visited, a.Project_Title2:active {
	color: #fff;
	text-decoration: none;
	}
a.Project_Title2:hover {
	color: #d2dceb;
	text-decoration: underline;
	}
.Content_Small_Filters {
	background-color: #fff;
	width: 320px;
	}	
.P_Highlight {
	background-color: #586881;
	width: 300px;
	height: 20px;
	line-height: 20px;
	padding: 10px;
	margin-top: 14px;
	color: #fff;
	}	
.Content_Small_Filters p {
	padding: 10px;
	font-size: 1.3em;
	line-height: 1.4em;
	}
.filter_highlight {
	color: #374459;
	}
	
a.lb:link, a.lb:visited, a.lb:active {
	color: #d2dceb;
	border-bottom: dotted #d2dceb 1px;
	}
a.lb:hover {
	color: #b7c5da;
	border-bottom: dotted #b7c5da 1px;
	}

.Help_Content {
	}
.Help_Content h2 {
	font-weight: normal;
	cursor: pointer;
	}
.Help_Q:hover {
	font-weight: normal;
	cursor: pointer;
	background-color: #bb7301;
	}
.Help_Q {
	background-color: #7a7a7a;
	padding: 10px;
	cursor: hand;
	border-bottom: solid #f6f3ed 1px;
	}
.Help_A {
	padding: 20px;
	border: solid #bb7301 1px;
	border-bottom: none;
	border-top: none;
	}
.Help_A p {
	margin-top: 25px;
	margin-bottom: 25px;
	font-size: 1.1em;
	line-height: 1.3em;
	}
	
.orange_text {
	color: #bb7301;
	font-size: 1.2em;
	}

/* END CONTENT - LARGE */

/* PROPAGANDA - CONTENT - SMALL */
#Content_Small {
	background-color: #fff;
	width: 300px;
	padding: 10px;
	}
	
.F_Highlight {
	background-color: #f03232;
	width: 300px;
	height: 20px;
	padding: 10px;
	margin-top: 16px;
	}
.F_Highlight h2 {
	color: #fff;
	font-size: 1.7em;
	font-weight: normal;
	margin-bottom:  15px;
	padding-bottom:  15px;
	}
p.F_Content {
	/**width: 300px;**/
	font-size: 1.3em;
	line-height: 1.3em;
	/**border-bottom: dotted #d7d7d7 1px;
	padding-bottom: 10px;**/
	color: #7a7a7a;
	}
div.Info {
	width: 300px;
	height: 85px;
	border-bottom: dotted #d7d7d7 1px;
	margin-bottom: 10px;
	}
h4 {
	font-weight: normal;
	margin-bottom:  5px;
	font-size: 1.5em;
	}
	
#Content_Small h4 {
	color: #e42121;
	}

#Join_TBW {
	width:  320px;
	height:  75px;
	background: url(/design_images/otbw_join-1.jpg);
	background-repeat:	no-repeat;
	position:  relative;
	}
#Join_TBW li {
	list-style: none;
    position:  absolute; 
	}
#Join_TBW li, #Join_TBW a {
    height: 75px; 
    display: block;
	}
#join {
	left:  0px;
	width:  320px;	}
#Join_TBW a:hover {
	background: url(/design_images/otbw_join-1.jpg) 0px -75px no-repeat;
	}

/* END PROPAGANDA - CONTENT - SMALL */

#footer {
  margin-top: 50px;
  font-size: 1em;
  color: #868686;
  text-align: left;
  padding-bottom: 25px;
}

div.Icons {
	margin-top: 0px;
	}
div.Icons2 {
	padding-top: 10px;
	}
.icon {
	margin-right: 3px;
	position: relative;
	top: 2px;
	}
.stat {
	margin-right: 10px;
	color: #979797;
	}
.stat2 {
	margin-right: 10px;
	color: #e7e3dc;
	}
	
.counter {
	margin-left: 10px;
	color: #b4b4b4;
	font-size: 1.8em;
	}