/*--- to the web ---*/
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	margin: 15px 0 15px 0;
	padding: 0px;
	border: 0px;
	background-color: white;
	background-image:url(../images/bodybg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.formlayer {
	position:absolute; 
	width: 129px; 
	z-index:1; 
	left: 560px; 
	top: 0px; 
	}
/*
table.login {
	width: 200;
	height: 72;
	color: #ffffff;
	background: transparent url(images/background_login.gif) no-repeat bottom; 
}
*/
table.baseTable {
	border: 0px;
	width: 100%;
	width: 800px;
	background-color: white;
}
table.menuTable {
	border: 1px solid #dfdfdf;
	border-left: 0;
	border-right: 0;
	background-image: url(../images/menubg2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font: 16px Arial, sans-serif;
	color: #606060;
	color: #808080;
	width: 800px;
	height: 25px;
}
table.menuTable a {
	font: bold 12px Arial, sans-serif;
	text-decoration: none;
}
table.menuTable a:link, 
table.menuTable a:visited {
	text-decoration: none;
	color: #4477CC; /* blue3 */
}
table.menuTable a:hover {
	color: #FFB551; /* logo orange */
	color: #0063DC; /* blue4 */
	text-decoration: underline;
}
td.menuLeft {
	text-align: left;
	padding-left: 15px;
}
td.menuRight {
	text-align: right;
	padding-right: 15px;
}
td.menuItems {
	color: #dfdfdf;
	color: #909090;
	color: #a0a0a0;
}

td.wrapper {
	width: 971px;
	width: 800px;
	border:1px solid #666666;
	text-align:center;
	background: white;
}
td.headlogo {
	width: 539px;
	padding-left: 10px;
	width: 529px;
}

td.nav { background-color: #a9cb74; }

td.submit { background-color: #FFC36D; }

/* a single cell displaying a member thumbnail and name */
td.memCell {
	font-size: .8em;
	text-align: center;
	padding: 0 5px 0 5px;
	padding: 0 8px 8px 8px;
}
/* these assume that the 3rd column is the adColumn */
td.column1of3 {
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
}
td.column2of3 {
	width: 41%;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
}

td.column1of2 {
	width: 40%;
	width: 45%;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
	padding: 10px 20px 10px 20px;
}
td.column2of2 {
	width: 60%;
	width: 55%;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
	padding: 10px 20px 10px 20px;
}
td.columnfull {
	vertical-align: top;
	padding: 10px 20px 10px 20px;
}
td.tipsColumn { 
/*	background-color: #FFF3E2; */
}

td.adColumn {
	width: 170px;
	vertical-align: top;
	padding: 10px 0 10px 10px;
	border: 8px solid #6594c2;
	border: 0;
	border-left: 1px solid #6594c2;
	background: #F8F8F8;
	background: #F6F6F6;
}
/* use this div to add extra text to the ad column */
div.adColExtra {
	width: 150px;
	margin: 0px 0px 20px 0px;
	text-align: left;
	border-bottom: 5px double #A9CE66;
	border: 2px solid #A9CE66;
	padding: 5px 5px 15px 5px;
	background-color: White;
}

table.loginCornerTable {
	padding: 0 0 0 0;
	vertical-align: top;
}
p.login { 
	font-family: Arial, sans-serif;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 0 20px;
	margin: 0 0 0 30px;
	padding: 0;
}
p.loginboxes { 
	font-family: Arial, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	margin: 0 0 0 20px;
	margin: 0 0 0 30px;
	padding: 0;
}
div.toptips {
	font-size: .75em;
	text-align: justify;
}
div.toptips ol {
}
div.toptips li {
	margin-bottom: 8px;
}
div.tipsmore {
	margin: 25px 0 0 0;
	float: right;
	font-size: .8em;	
}
div.tipmore {
	text-align: right;
}
p.hometip {
	margin-bottom: 0;
	text-align: justify;
}
p.hometipbyline {
	text-align: right;
	margin-top: 0;
	margin-bottom: 15px;
}
div.featurebox {
	padding: 12px 14px 12px 14px;
	padding: 10px 12px 10px 12px;
	margin: 10px 0 20px 0;
	background-color: #ECF2Cf; /* launch yellow */
	border: 1px solid #0F717A;
	background-color: #FDFDE6; /* lighter yellow */
	border: 1px solid #A1C3C9;
	border: 1px solid #81ADB5;
}
p.notetext {
	margin: 5px 0 0 0;
	font-size: xx-small;
	text-align: left;
}
div.homeCircle {
	font-size: .8em;
	text-align: justify;
}
table.fbtbl tr {
}
table.fbtbl td {
	vertical-align: top;
	padding-bottom: 10px;
}
table.fbtbl td.fbexc {
	padding: 0 16px 0 16px;
	padding: 0 6px 0 16px;
}
table.fbtbl td.fbthumb {
	font-size: .8em;
	text-align: center;
	padding-top: 9px;
}
div.fbimg {
	margin: 0 2px 0 8px;
	margin: 0;
	padding: 3px;
	border: 1px solid #b0b0b0;
}
div.fbimg img {
	margin: 0;
	padding: 0;
	border: 1px solid #b0b0b0;
}
div.blogexcerpt {
	font-size: .75em;
	text-align: justify;
	margin-bottom: 0;
}
div.blogmore {
	font-size: .75em;
	text-align: right;
	margin-top: 4px;
	margin-top: 0;
	margin-bottom: 5px;
}
div.circlemore {
	margin: 14px 2px 0 0;
	float: right;
	font-size: .8em;	
}

div#loginSection {
	padding: 10px 20px 10px 20px;
}
div#registerSection {
	padding: 10px 20px 10px 20px;
}
div#toucopy {
	font-size: .8em;
}
div#tipdisplay {
	padding: 20px 24px 0 24px;
}
div#circledisplay {
	padding: 20px 24px 0 24px;
}
div#membersdisplay {
	text-align: center;
	padding: 20px 0 0 0;
}
table.profiledata {
	font-size: .70em;
}
td.blogData {
	font-size: .70em;
	vertical-align: top;
	padding: 0 10px 0 10px;
	text-align: justify;
	padding: 5px 10px 0 10px;
}

/* input fields on the top right login area */
.logininput { 
	width: 70px;
	height: 15px;
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-width: 1px;
	border-color: #FFFFFF; 
	font-family: Arial, sans-serif;
	color: #000000;
	font-size: 11px;
	padding: 0;
	}
/*
p.hometext {
	font-family: Arial, sans-serif; 
	color: #000000;
	font-size: 12px;
	margin-top: 8px;
	margin-bottom: 10px;
	margin-left: 24px;
	margin-right: 30px;
	}

p.homesubhead {
	font-family: Arial, sans-serif; 
	color: #277C81;
	font-size: 16px;
	font-weight: bold;
	margin-top: 4px;
	margin-bottom: 10px;
	margin-left: 24px;
	margin-right: 10px;
	}

p.bullettext {
	font-family: Arial, sans-serif; 
	color: #000000;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 4px;
	margin-right: 10px;
	}

*/

/* page footer properties */
table.footerTable {
	border: 0px;
	width: 800px;
	text-align: right;
}
td.footer {
	background-color: #A9CE66;
	height: 20px;
}
td.footerLeft {
	background-color: #A9CE66;
	height: 20px;
	text-align: left;
}

p.footer {
	font-family: Arial, sans-serif;
	background-color: #A9CE66;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 5px;
}

.footer a:link {
	color: white;
}

.footer a:visited {
	color: white;
}

.footer a:hover {
	color: #FFB551;
	text-decoration: none;
}

/* --- weightcircles ---*/
p {
	margin: 10px 0 10px 0;
}
a {
	font-family: Arial, sans-serif;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0F717A;
	text-decoration: none;
}

a:link,
a:visited {
	color: #0F717A;
	color: #A9CE66; /* footer green */
	color: #FFB551; /* logo orange */
	color: #9999CC; /* purplish */
	color: #85AADF; /* blue */
	color: #6699CC; /* blue2 */
	color: #0063DC; /* blue4 */
	color: #85AADF; /* logo blue */
	color: #4477CC; /* blue3 */
	text-decoration: underline;
	text-decoration: none;
}

a:hover{
	color: #0063DC; /* blue4 */
	color: #FFB551; /* logo orange */
	text-decoration: none;
	text-decoration: underline;
}

/* don't show the link border when using images as submit buttons */
.imglink img {
	border: 0px none White;
}

.imgButton img {
	vertical-align: middle;
}
/* headers */
h1 {
	background-repeat: no-repeat;
	background-position: left;
	color: #0F717A;
	font-weight: lighter;
	font-weight: bold;
	font-size: 36px;
	height: 60px;
	font-size: 28px;
	font-size: 26px;
	height: 45px;
	vertical-align: center;
	padding-top: 2px;
	padding-left: 10px;
	padding-top: 6px;
	padding-left: 12px;
	padding-left: 14px;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 5px;
}
div.featurebox h1 {
	background-repeat: no-repeat;
	background-position: left;
	color: #0F717A;
	font-weight: bold;
	font-size: 26px;
	padding: 0;
	margin: 0;
}

.coHeader h1 {
	color: #85aadf;
}

h2 {
	font-size: 110%;
	font-weight: lighter;
	color: #0F717A;
	margin: 0;
}

h3 {
	font-size: 100%;
	font-weight: bolder;
	color: #0F717A;
	margin: 0;
}

em {
	font-size: 95%;
	font-weight: bolder;
}
table.fullCol  {
	width: 100%;
	
}
.simulateH2 {
	font-size: 110%;
	font-weight: lighter;
	color: #0F717A;	
}

/*  large circle backgound images for headers */
.circles {
		background-image: url(../images/circles_circle2.gif);
		background-position: top left;
}
.members  {
		background-image: url(../images/members_circle.gif);
		background-image: url(../images/members_circle2.gif);
		background-position: top left;
}
.home  {
		background-image: url(../images/home_circle.gif);
		background-image: url(../images/home_circle3.gif);
}
.join  {
		background-image: url(../images/join_circle.gif);
		background-image: url(../images/join_circle2.gif);
}
.products  {
		background-image: url(../images/products_circle.gif);
		background-image: url(../images/products_circle2.gif);
		background-position: top left;
		margin-bottom: 20px;
}
.tips  {
		background-image: url(../images/tips_circle.gif);
		background-image: url(../images/tips_circle2.gif);
}

/* make a division on a page of a row of dots using 2 of the below classes */
.divide {
	background-repeat: repeat-x;
	margin: 0px 10px 0 10px;
	background-position: left;
	clear: both;
}

/* a box to emphasize the contents */
div.embox {
	margin-top: 10px;
	border: 1px solid #0f717a;
	padding: 8px;
}
/* just below the header, any messages to the user go here */
div.pageMssg {
	width: 971;
	width: 100%;
	padding: 20px, 0, 20px, 20px;
	text-align: left;
	font-weight: bolder;
	border-top: medium solid #A9CE66;
	border-bottom: medium solid #A9CE66;
	margin: 0;
}
div.floatRight {
	width: 270px;
	float: right;
}

div.aboutFeedback {
	float: right;
	text-align: right;
	margin: 25px, 10px, 0px, 0px;
}

/*
div.rightAlign {
	margin-left: 40px;
}
*/

.homedotwide {
	background-image: url(../images/home_dotw.gif);
	background-position: left;
	height: 34px;
}
.tipsdotwide {
	background-image: url(../images/tips_dotw.gif);
	background-position: left;
	height: 34px;
}
.circlesdotwide {
	background-image: url(../images/circles_dotw.gif);
	background-position: left;
	height: 34px;
}
.memberdotwide {
	background-image: url(../images/members_dotw.gif);
	background-position: left;
	height: 34px;
}
.productsdotwide {
	background-image: url(../images/products_dotw.gif);
	background-position: left;
	height: 36px;
}
.joindotwide {
	background-image: url(../images/join_dotw.gif);
	background-position: left;
	height: 34px;
}
/* a different kind of divider - just a line */
.homeline {
	margin-bottom: 10px;
	margin-left: 30%;
	margin-right: 30%;
	margin-top: 0;
	border-bottom: thin solid #85AADF;
}
.tipsline {
	margin-bottom: 10px;
	margin-left: 30%;
	margin-right: 30%;
	margin-top: 10px;
	border-bottom: thin solid #FFC36D;
}
.circlesline {
	margin-bottom: 10px;
	margin-left: 30%;
	margin-right: 30%;
	margin-top: 10px;
	border-bottom: thin solid #DAE7A2;
}
.memberline {
	margin-bottom: 10px;
	margin-left: 30%;
	margin-right: 30%;
	margin-top: 0;
	border-bottom: thin solid #D0E4E5;
}
.memline {
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-top: 0px;
	border-bottom: thin solid #D0E4E5;
}
.productsline {
	margin-bottom: 10px;
	margin-left: 30%;
	margin-right: 30%;
	margin-top: 0;
	border-bottom: thin solid #EFE5E6;
}
.joinline {
	margin-bottom: 10px;
	margin-left: 30%;
	margin-right: 30%;
	margin-top: 0;
	border-bottom: thin solid #47936E;
}


/* generic formatting for labels and fields, first 2 for when it's input on a form, next 2 just for display */
.inputLabel {
	text-align: right;
	text-align: left;
	font-size: .7em;
	font-weight: bolder;
}
.inputData {
	font-size: .8em;	
	
}
.displayLabel {
	margin-left:0px;
	font-weight: bolder;
	
}
.displayData {
	font-size: .8em;	
}
.centerText {
	text-align: center;
}
/* use the following to float a button (Add , Edit, Join) to the right of an h1 element */
.floatButtonRight {
	float:  right;
	vertical-align: middle;
	width: 80px;
	margin: 10px, 10px, 0px, 0px;
}

/* pad the area above Circle titles with a little space */
.circleTitle {
	padding: 0 0 5px 0;
}
.circleTitle a:link,
.circleTitle a:visited {
	color: #85AADF; /* logo blue */
	color: #0063DC; /* blue4 */
}
.circleTitle a:hover {
	color: #FFB551; /* logo orange */
}
h2.circleTitle {  /* color for bullet */
	color: #85AADF; /* logo blue */
}
table.circlemembers {
	margin-bottom: 10px;
}

.left {
	text-align: left;
}
.right {
	text-align: right;
}

ul.noBullet {
	font-size: .9em;
	list-style-image: none;
}

/* text fonts */
.wcValues {
	font-style: italic;
	font-weight: bolder;
	font-size: smaller;
}

.noteText {
	font-size: xx-small;
	text-align: left;
}

.terms-container {
  width:495px;
  height:200px;
  overflow:auto;
  position:relative;
  border-top:2px solid silver;
  border-left:2px solid silver;
  border-bottom:2px solid silver;
  padding:2px;
}
/* Terms of Use scroll box on Registration page */

.outer {
position:relative;
padding:4em 0 3em 0;
width:54em;
background:#eee;
margin:0 auto 3em auto;
}
.innera {
overflow:auto;
width:54em;
height:9.6em;
background:#eee;
}
.outer table {
position:absolute;
width:51.7em;
text-align:center;
top:0;
left:0;
height:1.5em;
background:#999999;
border:0.1em solid #fff;
color:#fff;
}
.outer tr {
position:absolute;
top:1.5em;
height:1.5em;
left:0;
}
.outer td {
position:absolute;
width:51.5em;
text-align:center;
background:#f0c992; 
border:0.1em solid #000;
color:#000;
bottom:0;
left:0
}
.outer td {
width:10em; 
text-align:left;
}

.tableone {width:550px; border-collapse:collapse; margin:0 auto;}
.tableone {background:#697210; border:1px solid #fff; color:#fff;}

.tabletwo {width:520px; border-collapse:collapse;}

.td1 {width:520px;}

.tableone td {border:1px solid #fff; color:#fff;}
.tableone tbody {background:#999; color:#000;}
.tabletwo td {background:#eee; color:#000;}

.innerb {height:10em; overflow:auto;}

/* added by Amy 1/5/07 */
div.clearright {
	clear: right;
}

a.tinylink {
	color: Blue;
	font-weight: normal;
	text-decoration: underline;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	color: #4477CC; /* blue3 */
}
span.tinylink {
	font-size: .9em;
}


div.memberlabel {
	font-weight: bold;
	font-size: .8em;
	margin: 5px 0 10px 0;
}

/* added by Steve to eliminate gap in header - login form */
form {
	margin: 0;	
}
.pageMssgNormal {
	font-size: .8em;
	font-weight: lighter;
}

td.headReturnLink {  /* for return link in upper right corner of page */
	font-size: 0.8em;
	text-align: right;
	padding-top: 8px;
}