@charset "utf-8";
body { background: #445544; margin: 0; padding: 0; text-align: center; /* this centers the container in IE 5*  */ color: #445544; line-height: 1.5; letter-spacing: 0.05em; font-size: 15px; }
#container { width: 780px; background: #A4C32A; margin: 0 auto; text-align: left; border: 20px solid #A4C32A; border-top: none; }
#header { padding: 0 10px; position: relative; }
#header  h3 { font-size: 18px; color: #FFFFFF; font-weight: bold; right: 16px; text-align: right; top: -14px; width: 490px; position: absolute; }
#header  span { font: bold 50px "Arial Black"; color: #FFFF33; }
#sidebar1 { float: right; width: 130px; background: #CC9933; padding: 10px; margin-top: 37px; margin-right: 15px; margin-bottom: 10px; }
#mainContent { margin: 0; padding: 0 10px 0 20px; background: #EDF4DD; border: 5px solid #FFFFFF; }
#footer { background: #A4C32A; clear: both; margin-top: 10px; }
#footer a, #footer p { color: #FFFFFF; text-decoration: none; font-size: 12px; text-align: center; clear:both; padding-bottom: 10px; }
.floatright {
	float: right;
	margin-left: 8px;
}
.floatleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.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 a float */ clear:both; height:0; font-size: 1px; line-height: 0px; }
#nav li { background: #FFFF99; margin: 3px; padding: 5px; border-top: 2px solid #FFFFFF; border-right: 2px solid #666633; border-bottom: 2px solid #666633; border-left: 2px solid #FFFFFF; width: 110px; list-style: none; text-align: center; font-size: 13px; color: #556655; line-height: 1.2; }
#nav  { padding: 10px; background: #CC9933; width: 130px; float: right; margin: 15px; }
#nav #head { font-size: 15px; font-weight: bold; color: #FFFFFF; padding: 7px 5px; background: #663300; }


#nav #art { background: #CCFF99; }
#nav a { font-size: 13px; color: #556655; text-decoration: none; display: block; }

#nav #oth  { background: #99FF99; }
.hidden {
	margin-left: -999px;
	font-size: 1px;
	margin-top: 0px;
}
p { text-indent: 33px; margin: 0px; }
h3 { font-size: 20px; color: #993300; }
h1 { margin: 0px; }

h2, h3, h4, h5  { margin-top: 1.5em; margin-bottom: 0.25em; }

.H20Wht_Pink, .H20Wht_Blue, .H20Wht_Green, .H20Wht_Yellow, .H20Wht-Brn, .H18GB_Yellow , .H20Wht-V { font-size: 20px; color: #FFFFFF; background: url(images/pink-bg.jpg) no-repeat; line-height: 1.5; font-weight: bold; padding-top: 10px; padding-bottom: 10px; margin-top: 20px; margin-bottom: 0px; text-indent: 30px; }
.H20Wht_Blue { background: url(images/blue-bg.jpg) no-repeat; }
.H20Wht_Green { background: url(images/green-bg.jpg) no-repeat; }
.H20Wht_Yellow {
	background: url(images/yellow-bg.jpg) no-repeat;
	color: #663366;
}
.H20Wht-Brn {background:url(images/brn-bg.jpg) no-repeat; }
.H20Wht-V { background:url(images/violet-bg.jpg) no-repeat 3px; }
.H18Green_Yellow { font-size: 18px; color: #006666; background: url(images/yellow-bg.jpg) 2px; padding-bottom: 8px; }

#yoga td { font-size: 12px; text-align: center; }
#yoga p {
	font-size: 12px;
	text-indent: 0px;
}



.List-Heart {
	background: url(images/heart.gif) no-repeat 1px 3px;
	text-indent: 0px;
	padding-left: 22px;
	margin: 0px;
	font-weight: bold;
	color: #993366;
}

.List-GD, .List-GD-B, .List-GD30, .List-OrgD, .List-VD, .List-VD-B, .List-RedDot, .List-RedDot-B {
	background: url(images/g-dot16.gif) no-repeat 1px 3px;
	text-indent: 0px;
	padding-left: 18px;
	margin: 0px;
	clear: left;
}
.List-GD-B { font-weight: bold; }
.List-GD30 { text-indent: -33px; padding-left: 53px; }
.List-OrgD { background: url(images/OrgDot10.gif) no-repeat 1px 2px; color: #CC6600; }
.List-RedDot, .List-RedDot-B { color: #CC3366; background: url(images/red-dot.gif) no-repeat 0px 3px;  }
.List-VD, .List-VD-B { color: #660099; background: url(images/v-dot.gif) no-repeat 0px 3px; }
.List-RedDot-B, .List-VD-B { font-weight: bold; font-size: 16px; }

.O-line, .Lck-line { font-size: 20px; line-height: 1.3; font-weight: bold; color: #FF3333; background: url(images/O.jpg) no-repeat 2px 2px; text-indent: 5px; padding-left: 25px; margin-top: 1.4em; margin-bottom: 0.25em; }
.Lck-line { background: url(images/simple-life-20.gif) no-repeat 4px; }

.O-band { font-size: 28px; line-height: 1.3; font-weight: bold; color: #005555; background: #FFCC66 url(images/O.jpg) no-repeat 4px 12px; text-indent: 5px; margin: 1.4em 0px 0.25em; padding: 5px 0px 5px 25px; }
.O-list { margin-top: 10px; background: url(images/O.jpg) no-repeat 2px 0px; padding-left: 27px; text-indent: 0px; }

.head18o, .head18v, .head18g, .head18r { font-size: 18px; font-weight: bold; color: #FF6600; margin-top: 1em; margin-bottom: 0.1em; text-indent: 0px; }
.Head18V-RT, .Head18G-RT, .Head18R-RT {
	font-size: 18px;
	font-weight: bold;
	color: #660099;
	margin-top: -5px;
	margin-bottom: -5px;
	text-align: right;
	margin-right: 10px;
}
.clearRt { clear: right; }

.head18v { color: #660099; }
.head18g, .Head18G-RT { color: #336600; }
.head18r, .Head18R-RT { color: #CC0066; }

.head22r { font-size: 22px; font-weight: bold; color: #CC3300; letter-spacing: 0.08em; margin-top: 1.5em; margin-bottom: 0.25em; text-indent: 0px; }

.green { color: #006600; }
.org { color: #CC6600; }
.blue { color: #003399; }
.purple { color: #990099; }
.red { color: #CC3333; }
.brn { color: #663300; }

.Lblue { color: #006699; }
.violet { color: #660099; }
ul { margin: 0 0 0 51px; padding-left: 0px; }
ol { margin: 0 0 0 55px; padding-left: 0px; }
.flowRt {
	text-align: right;
	float: right;
	margin-right: 10px;
}
.act h1:first-letter { font-size: 56px; color: #660066; line-height: 1; }
.act h1 { color: #006699; }
.L-Line, .O-Line { background: url(images/simple-life-20.gif) no-repeat 1px 3px; text-indent: 0px; padding-left: 25px; }
.O-Line { background:url(images/O.jpg) no-repeat 1px 3px; }
#mainContent .div1, #mainContent .div2 { margin: 0px 0px 10px; padding: 20px 10px; border: 1px solid #999999; }
#mainContent .div1 { color: #660099; background: #DDFFDD; }
#mainContent .div2 { color: #660099; background: #FFFFCC; }
#mainContent #footbox { color: #FFFFFF; background: #666600; text-align: center; margin: 20px 20px 20px 70px; padding: 20px 50px; width: 500px; border: 2px solid #FFCC66; }
.Dot-list {
	text-indent: -22px;
	padding-left: 55px;
}
.rightbox {
	margin: 15px 0px 15px 15px;
	padding: 10px;
	float: right;
	width: auto;
	border: 5px solid #CCCCCC;
	background: #A4C32A;
	color: #FFFFFF;
	text-indent: 0px;
}