@charset "utf-8";
@import url("gbwase.css");
body  {
	font: 100% Arial, Helvetica, sans-serif;
	background: #4c9999;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	color: #0A3666;
	background-image: url(../img/GBWAshadow.gif);
	background-repeat: repeat-x;
}
.thrColLiqHdr #container {
	width: 820px;
	background: #ffffff;
	margin: 15px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #66cccc;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.thrColLiqHdr #header {
	background-image: url(../img/GBWA_picture_header_2009.jpg);
	background-repeat: no-repeat;
	margin: 3px 0;
	border-bottom: dotted #6cc 1px;
	zoom: 1;
	height: 125px;
} 
.thrColLiqHdr #header h1 {
	padding: 10px 0; 
}
.thrColLiqHdr #spacer {
	width: 850px;
	background: #aad4d4;
	margin: 20px auto;
	text-align: left;
	background-image: url(../img/GBWAdotted.gif);
	background-repeat: repeat-x;
	position: relative;
	border: solid #4c9999 1px;
}

.thrColLiqHdr #sidebar1 {
	float: left;
	width: 170px;
}

.thrColLiqHdr #sidebar2 {
	float: right;
	width: 180px;
	border: dotted #d2461e 1px;
	margin: 0 10px 0 0;
	color: #666;
}

.thrColLiqHdr #sidebar1 p, .thrColLiqHdr #sidebar2 p {
	font-size: 0.75em;
	margin: 0 10px;
	padding: 0 0 4px 0;
}
.thrColLiqHdr #sidebar1 h3, .thrColLiqHdr #sidebar2 h3 {
	font-size: 1em;
	color: #d2461e;
}
.thrColLiqHdr #sidebar2 h3.title {
	margin: 5px 0 0 0;
	color: #d2461e;
	border-top: dotted #d2461e 1px;
	padding-top: 5px;
}

.thrColLiqHdr #sidebar2 h1, .thrColLiqHdr #sidebar2 h2, .thrColLiqHdr #sidebar2 h3, .thrColLiqHdr #sidebar2 h4, .thrColLiqHdr #sidebar2 h5 {
	margin: 0;
	padding: 0 0 5px 10px;
}

.thrColLiqHdr #sidebar2 #votd {
	font-size: 0.7em;
	margin: 0 10px;
}
.thrColLiqHdr #sidebar2 ul {
	margin: 0.2em 0;
	padding: 0 0 0 20px;
	list-style-position: outside;
}
.thrColLiqHdr #sidebar2 li {
	font-size: 0.75em;
	margin: 0;
	padding: 0 0 0.3em 0;
}


.thrColLiqHdr #mainContent {
	margin: 0 204px 0 180px;
	position: relative;
}
.thrColLiqHdr #mainContent p {
	font-size: 0.75em;
	margin: 0;
	padding: 0 1em 0.4em 0;
}
.thrColLiqHdr #mainContent li {
	font-size: 0.75em;
	margin: 0;
	padding: 0 0 0.3em 0;
}
.thrColLiqHdr #mainContent ul {
	margin: 0.2em 0;
	padding: 0 0 0 20px;
	list-style-position: outside;
}
.thrColLiqHdr #mainContent ol {
	margin: 0.2em 0;
	padding: 0 0 0 30px;
	list-style-position: outside;
}

.thrColLiqHdr #mainContent h1 {
	font-size: 1.4em;
	margin: 0;
	padding-bottom: 3px;
}
.thrColLiqHdr #mainContent h2 {
	font-size: 1.2em;
	margin: 0;
	padding-bottom: 3px;
}


.thrColLiqHdr #mainContent h3 {
	font-size: 1em;
	margin: 0;
	padding-bottom: 3px;
}
.thrColLiqHdr #mainContent h4 {
	font-size: 0.9em;
	margin: 0;
	padding-bottom: 3px;
}
.thrColLiqHdr #mainContent h5 {
	font-size: 0.8em;
	margin: 0;
	padding-bottom: 3px;
}
.thrColLiqHdr #mainContent img {
	margin: 0;
	border: 0;
}
.thrColLiqHdr #mainContent blockquote {
	margin: 5px 30px;
	color: #009;
}

#mainContent div.nowrap {
	clear: left;
}
#mainContent  .left60 {
	margin-left: 60px !important;
}


#mainContent img.fltlft {
	padding: 0 10px 5px 0;
}
#mainContent img.fltrt {
	padding: 0 0 5px 5px;
}


.thrColLiqHdr #footer {
	background:#eeeeee;
	position: relative;
	padding-left: 10px;
	zoom: 1;
} 
.thrColLiqHdr #footer .footerlogo {
	position: absolute;
	right: 0px;
	width: 60px;
	bottom: 0px;
}

.thrColLiqHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 0.7em;
}


.smalltext  {
	font-size: 90%;
}

.center {
	text-align: center;
}

#date {
	font-size: x-small;
	font-style: italic;
	color: #009;
	float: right;
	text-align: right;
	padding: 10px 75px;
}
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	padding-left: 12px;
}
.fltlft { /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
	float: left;
	padding-right: 12px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearleft {
	clear: left;
}


a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #0a3666;
}
#mainContent .inset {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #66cccc;
	width: 120px;
	padding: 5px 5px 5px 10px;
	float: right;
	margin: 0 0 5px 10px;
}
#mainContent .insetblue {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #66aeff;
	width: 120px;
	padding: 5px 5px 5px 10px;
	float: right;
	margin: 0 0 5px 10px;
}

#mainContent .light_bar {
	padding: 3px 0;
	margin: 0 0 15px 0 !important;
	border-bottom: solid #66aeff 2px !important;
	;
}

#mainContent .light_bg {
	background-color: #f7ffff;
	padding: 3px 5px !important;
	margin: 10px 0 !important;
	border-bottom: solid #eee 2px;
	border-right: solid #eee 2px;
}
#mainContent .readmore{
	background-image: url(../img/Sign_Read_more.gif);
	background-repeat: no-repeat;
	background-position: right center;
	height: 38px;
	margin: 3px 0 10px 0 !important;
}


#mainContent .dark_bg {
	background-color: #ffa199;
	padding: 3px 5px !important;
	margin: 10px 0 !important;
}
#mainContent .clear_bg {
	padding: 3px 5px !important;
	margin: 10px 0 !important;
	border-bottom: solid #eee 2px;
	border-right: solid #eee 2px;
}

#mainContent .light_quote {
	background-color: #f7ffff;
	padding: 3px 10px !important;
	margin: 5px 50px !important;
	border-bottom: solid #eee 2px;
	border-right: solid #eee 2px;
}
#mainContent div.dotted {
	border:dotted 1px #66cccc;
	padding:5px;
	margin-bottom:10px;
}



.c_base {
	color: #66cccc !important;
}
.c_white {
	color: #FFF !important;
}
.c_one {
	color: #66aeff !important;
}
.c_two {
	color: #009 !important;
}
.c_three {
	color: #d2461e !important;
}
.c_four {
	color: #ffa199 !important;
}
.c_five {
	color: #ffe7e5 !important;
}
.c_six {
	color: #aad4d4 !important;
}

