html {
	background:#333333;
}
body {
	color:#666;
	font:normal 10pt "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#fw-container {
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	width:903px;
}

/* This can be used to decorate around any advertisements that appear on the page (non-premium users only) */
/* It is STRICTLY forbidden to modify this code as to obstruct the view of the advertisement */

#fw-advertisement {
	width: 731px;
	height: 98px;
	margin:auto;
}

a {color:#A74648; text-decoration:none;}
a:hover {color:#ec0000; text-decoration:underline;}
a:visited {color:#804040;}

#googlecolors1 {background-color: #f3eada;
color: #000;}
#googlecolors1 a, #googlecolors1 a:visited {color: #56640c;}
#googlecolors2 {background-color: #f3eada;
color: #56640c;}

/* Back to structural elements */
#fw-head {
	/*background: #333333 url('Images/header.gif') no-repeat;*/
	width:903px;
	height: 289px;
	margin:0px;
	margin-top:0px;
	padding:0px;
	overflow:hidden;
    position: relative;
}

#fw-title {
	display:block;
	margin:0px;
	margin-right:21px;
	font-size:3.5em;
	color:white;
	text-align:left;
	padding-left:35px;
	padding-top:105px;
	padding-bottom:0px;
}
#fw-smalltitle {
	display:block;
	margin:0px;
	margin-top:-5px;
	font-size:1.5em;
	text-align:left;
	padding-left:180px;
	padding-top:0px;
}

#fw-title a {
  color: #fff;
}

#fw-title a:hover {
  color: #fff;
  text-decoration: none;
}

/* Logo is not located in a div, rather this is a style applied to an image tag */
.fw-logo {
	/*background: url('/Members/Generationz/Standard/Shanghai2/red/Images/logo-div.jpg');
	border: 1px solid #3E5566; -moz-opacity:0.6;*/
	display:block;
	margin:0px;
	margin-left:45px;
	background: url('logo-div.jpg');
	background-position:0% 50%;
	background-repeat:no-repeat;
	width: 800px;
	height:140px;
	filter:alpha(opacity=50);
	opacity:0.5;
}

/* Something to denote for menu styles here - for a regular nav, stick to using #fw-nav-menu and set the others to display: none; */
/* If you're planning on one of the other nav styles, follow suit. Basically, depending on the layout you're trying to achieve, just */
/* Set the nav code you don't need to display: none; */

#fw-blockContainer {
	display:block;
	width:903px;
	padding-bottom:20px;
	margin:auto;
	background:#fff;
}

#fw-mainnavwrap {
	float:right;
	margin:0px;
	width:230px;
	margin-top:30px
}
#fw-nav-menu a {
	/*color:#3668ad;*/
	padding-top:0.2em;
	padding-left:1.2em;
	line-height:160%;
	text-decoration:none;
}
#fw-nav-menu a:hover {
  text-decoration:underline;
}
#fw-nav-menu ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
}

#fw-nav-menu .fw-nav-level-0 li:hover > ul { width: 150px; left: -150px !important; }
#fw-nav-menu .fw-nav-level-0 .sfhover ul { width: 150px; left: -150px !important; }
#fw-nav-menu .fw-nav-level-0 .sfhover ul ul { left: -999em !important; }
#fw-nav-menu .fw-nav-level-0 .sfhover .sfhover ul { left: -150px !important; }
#fw-nav-menu .fw-nav-level-0 ul li { border: 0 none; background-image: none; }
#fw-nav-menu .fw-nav-level-2 { top: -2px !important; }

#fw-nav-menu li {
	/*background:url('li_dot.gif') no-repeat 0 0.7em;*/
	border-bottom:1px dotted #ccc;
}
#fw-nav-menu .fw-navheader {
	background:none;
	border-bottom:3px solid #666;
	font-variant:small-caps;
	letter-spacing:10px;
}

.clears { clear: both; height: 1px; border: 0px solid red; }

/* ####################################################################
Styles for the entire paragraph and body section
####################################################################  */

#fw-bigcontain {
  width:630px;
  float:left;
  padding-left:10px;
}

#fw-columnContainer {
}

.hasOneColumn #fw-leftColumn, .hasOneColumn #fw-rightColumn {
	display: none
}

.hasOneColumn #fw-mainColumn {
	float:none
}

.hasTwoColumns #fw-rightColumn {
	display:none
}

.noSidebar #fw-sidebar{
	display:none
}

.fw-paragraph {
}
.fw-title {
	/*background:url(Images/h1_bg.gif) no-repeat 0.3em 0.2em;
	color:#ca9a43;*/
	font:140% Georgia, "Times New Roman", Times, serif;
	padding-left:29px;
	padding-top:3px;
}
.fw-text {
	font:normal 90%/170% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	padding-top:0px;
	padding-left:8px;
}
.fw-text p {
	margin-bottom:1.5em;
}

#fw-sidebar {
	clear:right;
	width:220px;
	float:right;
	padding-top:20px;
	padding-right:10px;
}
#fw-sidebar .fw-paragraph {
	width:95%;
	padding-top:0px;
}
#fw-sidebar .fw-paragraphtop {
	padding:0px;
	font-weight:bold;
	font-size:15px;
}
#fw-sidebar .fw-text {
	padding-bottom:10px;
	font: 13px arial;
	line-height:19px;
}

.imgleft {
float: left;
clear: left;
margin-right: 7px;
margin-bottom: 3px;
}

.imgright {
float: right;
clear: right;
margin-right: 7px;
margin-bottom: 3px;
}

#fw-footer {
	color:#959595;
	width:800px;
	margin:auto;
	font: 10px verdana;
	text-align:center;
	margin-top:10px;
	padding-top:20px;
	padding-bottom:20px;
	border-top: 2px solid #666666;
}
#fw-footer a,#fw-footer a:hover {color:white;}

#fw-tracker {clear: both;}

/* ####################################################################
That's all the structural code, now just define random elements below such as ahref, etc
#################################################################### */


a img
{
 border: 0px;
}



/* forms */

label, button, input[type="submit"]
{
}

input, textarea
{
}

textarea
{
}

.formSpan {
   display: block;
   margin-bottom: 1.25em;
}

.fw-tertiary {
   background-color: #898C8A;
   border-color: #898C8A;
}


Form
{
}

/* Way to manually set styles for blog */
/* If a CSS property is already set in blog.css, use the !important rule as shown below */

/* Blog Entry Container */
.fwBlogEntryDisplay
{
}

/* Blog Entry Title */
.fwBlogEntryTitle
{
}

/* Blog Entry Date */
.fwBlogEntryDate
{
}

.fwBlogEntryDate BR
{
   display: none;
}

/* Blog Entry Body */
.fwBlogEntryBody
{
}

/* Blog Comments */
.fwBlogCommentContainer
{
}

.formSpan {
	display: block;
	margin-bottom:1.25em
}
.formSpan INPUT {margin-right:4px;}

hr {background-color: #808080;}