/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 13px;
	vertical-align: baseline;
	background: transparent;
	font-family: Arial, Verdana, sans-serif;
}
a, strong, em, span {font-size:100%;}
address {font-style:normal;}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*------------------------------------------------------------ clean clear method */
.clear:after, .clear-left:after {
   content : ".";
   display : block;
   height : 0;
   clear : both;
   visibility : hidden;
}
.clear-left:after {
   clear : left;
}
.clear, .clear-left {
   display : inline-block;
}
* html .clear, * html .clear-left {
   height : 1%;
}
.clear, .clear-left {
   display : block;
}
/*--------------------------------------------------------------------------- GLOBAL -----*/
h1 {font-size:160%;}
h2 {font-size:150%;}
h3 {font-size:140%;}
h4 {font-size:130%;}
h5 {font-size:120%;}
h6 {font-size:110%;}
p, div, li {color:#333;}
h1{color:#D75629} 
h2, h3, h4, h5, h6{color:#669B03}
p, h1, h2, h3, h4, h5, h6, ol, ul {margin:.6em 0}
ol, ul {
 margin-left:2em;
}
p {line-height:120%;}
a {color:#3F808D; text-decoration:none;}
a:hover {color:#669B03;}

li {padding:.1em 0;}
ul.flowers {
 list-style-image:url(images/extras/bullet_flower.jpg);
}
ul.flowers li {
 padding:0;
}
#main-container {
 width:1000px;
 margin:0 auto;
}
#main-column {
 float:right;
 width:730px;
 margin-top:1.5em;
}
#sidebar-left {
 float:left;
 margin-top:1.5em;
 width:220px;
 padding-left:30px;
}
.dotted-content-block {
 padding-bottom:1em;
 margin-bottom:2em;
 background:url(images/extras/line_dot.jpg) repeat-x left bottom;
}
/*--------------------------------------------------------------------------- SIDEBAR HEADERS -----*/
h3.health-tips, h3.start-today {
 text-indent:-9999em;
 display:block;
 margin:5px 0 8px;
 height:39px;
 background-repeat:no-repeat;
 border-bottom:1px solid #DDD;
}
h3.health-tips {
 background-image:url(images/left/header_free_health_tips.gif);
}
h3.start-today {
 background-image:url(images/left/header_start_today.gif);
}
/*--------------------------------------------------------------------------- BANNER COLORS -----*/
h1.banner {
 display:block;
 margin:0;
 text-indent:-9999em;
 width:1000px;
 height:158px;
 background:url(images/top/top_purple.jpg) no-repeat center;
}
h1#services-color {background-image:url(images/top/top_green.jpg);}
h1#store-color {background-image:url(images/top/top_red.jpg);}
h1#resources-color {background-image:url(images/top/top_teal.jpg);}
h1#events-color {background-image:url(images/top/top_orange.jpg);}
h1#meet-anne-color {background-image:url(images/top/top_blue.jpg);}
/*--------------------------------------------------------------------------- FOOTER -----*/
#footer {
 clear:both;
 height:47px;
 padding:0 40px;
 margin-bottom:1.5em;
 background:url(images/nav/nav_back.gif) no-repeat center;
}
#footer p {line-height:47px;}
/*--------------------------------------------------------------------------- FORM -----*/
form#health-tips {
 margin-top:1em;
 margin-left:15px;
}
form input {
 font-family: Arial, Verdana, sans-serif;
}
form#health-tips input {
 width:180px;
 margin:0 auto;
}
form#health-tips input.send {
 background:url(images/extras/button_go.gif) no-repeat top center;
 border:none;
 display:block;
 margin-left:142px;
 font-size: 0px;
 height:22px;
 width:42px;
 text-indent:-9999em;
 line-height: 25px;
}
form#health-tips input.send:hover {
 background-position:bottom center;
 cursor:pointer;
}
/*--------------------------------------------------------------------------- UPCOMING EVENTS -----*/
ul#upcoming-events, #previous-events {
 list-style-type:none;
 }

.vevent, #previous-events li {
 padding-bottom:1.5em;
 margin-bottom:.5em;
 background:url(images/extras/line_dot.jpg) repeat-x left bottom;
}
#previous-events li {
 padding:.2em 0 .6em;
 margin:0;
}
.vevent h4 {
 margin:.2em 0;
}
.add-event {
 padding-left:5px;
 font-size:70%;
 font-weight:normal;
}
li p {
 margin:.2em 0;
}
.vevent p.description-title {
 margin-top:1em;
}
.vevent strong, #previous-events strong {
 color:#C7346A;
}
/*--------------------------------------------------------------------------- MAIN NAVIGATION -----*/
ul#nav {
 margin:1em 0 0;
 padding:10px 0;
 background:url(images/nav/nav_back.gif) no-repeat center;
}
ul#nav li {
 float:left;
}
ul#nav li, ul#nav li a {
 margin:0;
 padding:0;
 display:block;
 height:27px;
 text-indent:-9999em;
 list-style-type:none;
 background:url(images/nav/nav.gif) no-repeat top left;
}
ul#nav .home a, ul#nav .home-active {width:132px; background-position:left top;}
ul#nav .services a, ul#nav .services-active {width:139px; background-position:-132px top;}
ul#nav .store a, ul#nav .store-active {width:114px; background-position: -271px top;}
ul#nav .resources a, ul#nav .resources-active {width:153px; background-position:-385px top;}
ul#nav .events a, ul#nav .events-active {width:204px; background-position:-538px top;}
ul#nav .meet a, ul#nav .meet-active {width:258px; background-position:-742px top;}
/*---HOVER EFFECTS --*/
ul#nav .home a:hover, ul#nav .home-active {width:132px; background-position:left bottom;}
ul#nav .services a:hover, ul#nav .services-active {width:139px; background-position:-132px bottom;}
ul#nav .store a:hover, ul#nav .store-active {width:114px; background-position:-271px bottom;}
ul#nav .resources a:hover, ul#nav .resources-active {width:153px; background-position:-385px bottom;}
ul#nav .events a:hover, ul#nav .events-active {width:204px; background-position:-538px bottom;}
ul#nav .meet a:hover, ul#nav .meet-active {width:258px; background-position:-742px bottom;}
