/* rectangle blue */

body {
	font: 12px verdana, arial;
	color: #000;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	text-align: center;
}

/*
 * Container surrounding all content on the page
 */

.fw-container {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 760px;
	border: 0 ;
	background: transparent url('https://images.freewebs.com/Members/Generationz/CSSStyles/Rectangle/Blue/bg.gif') repeat-y top left;
}

a,
a:visited {
	color: #4178c9;
	text-decoration: none;
}


a:hover,
a:visited:hover {
	color: #4178c9;
	text-decoration: underline;
}

code,pre {
	font-size:12px
}

fieldset {
	margin:1em 0;
	padding:1em;
	border:1px solid #CCC
}

legend {
	color:#000;
	font-weight:bold;
}

label {
	cursor:pointer
}

/*
 * 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,
#fw-advertisement {
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 0;
	text-align: center;
}

/*
 * Container surrounding Site Title, Small Title, Logo, and home-link
 */
.fw-head {
	height: 166px;
	margin: 0;
	border: 0;
	position: relative;
	background: transparent url('https://images.freewebs.com/Members/Generationz/CSSStyles/Rectangle/Blue/bg-head.gif') repeat-x bottom left;
}

/*
 * Site Title
 */
.fw-head h1 {
	font: bold 24px georgia;
	letter-spacing: -1px;
	color: #fff;
	background: #000;
	border: 0;
	margin: 0px;
	padding: 6px 15px 6px 15px;
	display: inline;
	position: absolute;
	top: 15px;
	left: 0px;
	z-index: 10;
	height: 29px;
	filter:alpha(opacity=70);
	opacity: .7;
	-moz-opacity:.7;
}

/*
 * Site Small Title
 */
.fw-head h3 {
	font: normal 14px georgia;
	color: #fff;
	background: #000;
	border: 0;
	margin: 0px;
	padding: 4px 15px 4px 15px;
	display: inline;
	position: absolute;
	top: 60px;
	left: 0px;
	z-index: 10;
	height: 17px;
	filter:alpha(opacity=70);
	opacity: .7;
	-moz-opacity:.7;
}

.fw-logo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 760px;
	height: 162px;
	z-index: 5;
	overflow: hidden;
	font-size: 0px;
}


.fw-home-link {
	width:0px;
	height:0px;
	display:none;
}

hr {
	display:none;
}

/*
 * NavBar
 * UL containing all the NavBar links
 */

.fw-nav-menu {
	padding: 20px 0px 20px 0px;
	margin: 0px;
	font: bold 12px arial;
	color: #000;
	float: right;
	width: 190px;
	overflow: hidden;
}

.fw-nav-menu ul {
	margin: 0px;
	padding: 0px;
	border: 0;
	list-style: none;
	text-align: left;
	cursor: default;
}

/*
 * Individual NavBar LI's
 */

.fw-nav-menu li {
	margin: 0px 0px 4px 0px;
	display: block;
	clear:both;
	height: 26px;
	padding: 0px 0px 1px 0px;

}

* html .fw-nav-menu li {
	padding-bottom: 0px;
	padding-top: 4px;
	margin-bottom: -1px;
}


/*
 * Individual NavBar links
 */
.fw-nav-menu a,
.fw-nav-menu a:visited {
	margin: 0px;
	padding: 6px 8px 6px 8px;
	text-decoration: none;
	color: #000;
	border: 0px;
	background: #dce8f2;
	border-bottom: solid 1px #9ebdd6;
	border-right: solid 4px #9ebdd6;
	height: 25px;
	white-space: nowrap;
}


.fw-nav-menu a:hover,
.fw-nav-menu a:visited:hover {
	color: #006da8;
	text-decoration: none;
	padding-left: 12px;
}

/*
 * This is the container that holds the main content (paragraphs) of the page.
 */
.fw-with-mini {
	float: left;
	width: 570px;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	overflow: hidden;
	text-align: left;

}

/*
 * The fw-no-mini class is applied to the fw-content DIV
 *     when there are no mini-paragraphs on the page.
 * This statement must remain in the css even if there are mini paragraphs.
 * If there are mini paragraphs on the page, this will be ignored.
 */
.fw-content {
}

.fw-content h2 {
	font: bold 20px georgia;
	color: #3265b0;
	letter-spacing: -1px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	background: transparent url('https://images.freewebs.com/Members/Generationz/CSSStyles/Rectangle/Blue/bg-h2.gif') no-repeat bottom left;
}

h2 a {
	padding: 0px;
}

.fw-paragraph {
	padding: 20px 20px 20px 20px;
	overflow: hidden;
	clear: both;
}

.fw-text {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	height: 100%;
}

.fw-content ul,.fw-content ol,.fw-content dd {
	margin-left:2em;
}

.fw-mini-pars {
	float:right;
	width:30%;
}

.fw-mini-pars dt {
	color:#000;
	font-weight:bold;
	margin-top:1em;
	border-bottom:.3em solid #EEE;
}

.fw-mini-pars dd {
	margin-top:.2em;
	color:#333;
}

.fw-footer {
	font-size: 10px;
	font-family: verdana, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 15px 20px;
	clear: both;
	color: #666666;
	text-align: left;
}

.fw-footer p {
	padding: 0px;
	margin: 0px
}

.fw-tracker {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 20px;
	font-size: 10px;
	font-family: verdana, sans-serif;
	clear: both;
	color: #666666;
	text-align: left;
}

/* forms */

label,button,input[type="submit"] {
	cursor:pointer;
}

input,textarea {
	padding:.1em;

}

textarea {
	font:1em verdana,arial,sans-serif;
}

.formSpan {
	display:block;
	margin:1em 0 0
}

/* The following styles are for the blog.
* Remember, if a CSS property is already defined in blog.css,
* you must use the !important rule.
*/

/*
* blog entry container
*/
.fwBlogEntryDisplay {
	border-bottom: 0 !important;
	margin: 0px !important;
	margin-bottom: 30px !important;
	padding: 0px !important;
}

/*
* blog entry title
*/
.fwBlogEntryTitle {
	font: bold 20px georgia !important;
	color: #3265b0 !important;
	letter-spacing: -1px !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px !important;
	padding-top: 15px !important;
	background: transparent url('https://images.freewebs.com/Members/Generationz/CSSStyles/Rectangle/Blue/bg-h2.gif') no-repeat bottom left;
}

/*
* blog entry date
*/
.fwBlogEntryDate {
	margin: 0px 0px 0px 0px !important;
	padding: 0px !important;
	font-size: 11px !important;
	font-family: verdana !important;
	color: #666 !important;
}

.fwBlogEntryDate BR {
	display: none;
}

/*
* blog entry body
*/
.fwBlogEntryBody {
	border-bottom: solid 4px #e2edf5 !important;
}

/*
* blog comments
*/
.fwBlogCommentContainer{
	border: solid 0px #9ebdd6 !important;
	border-top: solid 2px #9ebdd6 !important;
	border-bottom: solid 2px #9ebdd6 !important;
	padding: 10px !important;
	margin: 10px 0px 0px 0px !important;
	background-color: #dce8f2 !important;
}

/* Google ad colors */

#googlecolors1 {
background-color: #fff; /*bg*/
color: #000; /*text*/
}
#googlecolors1 a, #googlecolors1 a:visited {
color: #4178c9; /*link*/
}
#googlecolors2 {
background-color: #fff; /*border*/
color: #4178c9; /*url*/
}