/* 960 Grid System  http://960.gs/  2009-12-20 */

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:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
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;}


/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
body {font:13px/1.5 'Arial', sans-serif; background:#ffe9fc; color:#333;}
a:link {color:#606; text-decoration:none;}
a:visited, a:active {color:#606; text-decoration:none;}
a:hover {color:#606; text-decoration:underline;}
a:focus {outline:1px dotted;}
hr {border:0 #ccc solid; border-top-width:1px; clear:both; height:0;}

/* `Headings
----------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {color:#97268f; font-weight:normal; margin-bottom:5px; margin-top:15px;}
h1 {font-size:22px;}
h2 {font-size:20px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px; color:#f60; font-weight:bold;}
h6 {font-size:12px;}

/* `Spacing
----------------------------------------------------------------------------------------------------*/
ol {list-style:decimal; margin-left:5px;}
ul {list-style-image:url(/images/bullet.png);}
li {margin-left:15px;}

dl, hr, ol, ul, pre, table, address, fieldset, p {margin-bottom:15px;}

/* `Containers
----------------------------------------------------------------------------------------------------*/
.container {margin:0 auto; width:810px;}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10 {display:inline; float:left; margin-left:15px; margin-right:15px; overflow:hidden;}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {margin-left:0;}
.omega {margin-right:0;}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container .grid_1 {width:51px;}
.container .grid_2 {width:132px;}
.container .grid_3 {width:213px;}
.container .grid_4 {width:294px;}
.container .grid_5 {width:375px;}
.container .grid_6 {width:456px;}
.container .grid_7 {width:537px;}
.container .grid_8 {width:618px;}
.container .grid_9 {width:699px;}
.container .grid_10 {width:780px;}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container .prefix_1 {padding-left:80px;}
.container .prefix_2 {padding-left:160px;}
.container .prefix_3 {padding-left:240px;}
.container .prefix_4 {padding-left:320px;}
.container .prefix_5 {padding-left:400px;}
.container .prefix_6 {padding-left:480px;}
.container .prefix_7 {padding-left:560px;}
.container .prefix_8 {padding-left:640px;}
.container .prefix_9 {padding-left:720px;}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container .suffix_1 {padding-right:80px;}
.container .suffix_2 {padding-right:160px;}
.container .suffix_3 {padding-right:240px;}
.container .suffix_4 {padding-right:320px;}
.container .suffix_5 {padding-right:400px;}
.container .suffix_6 {padding-right:480px;}
.container .suffix_7 {padding-right:560px;}
.container .suffix_8 {padding-right:640px;}
.container .suffix_9 {padding-right:720px;}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container .push_1 {left:80px;}
.container .push_2 {left:160px;}
.container .push_3 {left:240px;}
.container .push_4 {left:320px;}
.container .push_5 {left:400px;}
.container .push_6 {left:480px;}
.container .push_7 {left:560px;}
.container .push_8 {left:640px;}
.container .push_9 {left:720px;}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container .pull_1 {left:-80px;}
.container .pull_2 {left:-160px;}
.container .pull_3 {left:-240px;}
.container .pull_4 {left:-320px;}
.container .pull_5 {left:-400px;}
.container .pull_6 {left:-480px;}
.container .pull_7 {left:-560px;}
.container .pull_8 {left:-640px;}
.container .pull_9 {left:-720px;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
.clearfix:after {clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}

/* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */
* html .clearfix,
*:first-child+html .clearfix {zoom:1; overflow:hidden;}


.right {float:right;}
.left {float:left;}
img.frame, img.frame_lt, img.frame_rt {outline:1px solid #7c297f; border:1px solid #fff; overflow:hidden;}
	img.frame_lt {float:left; margin:0 15px 10px 1px;}
	img.frame_rt {float:right; margin:0 1px 10px 15px;}


#header_top, #sub_header_top {width:830px; height:72px; margin-top:20px;}
#header_bottom {width:100%; height:210px;}
	#sub_header_bottom {width:100%; height:120px;}
#print_logo {display:none;}

#shadow {margin:0 auto; background:url(/images/bg_shadow.png) repeat-y center; overflow:auto;}
#main {overflow:hidden; background:#fff; border-left:1px solid #7a4388; border-right:1px solid #7a4388;}

#nav_wrapper {padding:0 15px; background:#7c297f; overflow:hidden; height:35px; vertical-align:middle;}
#nav {float:left; margin:0; padding:0; list-style-type:none; list-style-image:none;}
	#nav li {float:left; margin:0 4px 0 0; padding:0;}
		#nav li a {display:block; padding:2px 10px; text-decoration:none; color:#fff; border:1px solid #af8eb8; border-bottom:none; margin-top:11px; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;}
		#nav li a:hover,
		#home #nav li a#nav_home,
		#health_library #nav li a#nav_health_library,
		#about #nav li a#nav_about,
		#community #nav li a#nav_community,
		#newsletter #nav li a#nav_newsletter,
		#events #nav li a#nav_events,
		#contact #nav li a#nav_contact {color:#7c297f; background:#fff url(/images/bg_nav_hover.png) repeat-x; border:1px solid #fff; border-bottom:none;}
#search {float:right; width:240px;}
	#search input.box {border:#e4d8e7; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px; vertical-align:middle; width:190px;}
	#search input#button {vertical-align:middle;}

#content {background:url(/images/border.png) repeat-y 243px; margin:15px 0;}
#home #content {background:url(/images/border.png) repeat-y center;}


.video_list {list-style-type:none; list-style-image:none; margin:0; padding:0;}
	.video_list li {margin:0 0 10px 0; padding:10px; border:1px solid #ccc; background:#fff6fe; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:hidden;}

ul#health_modules, ul#calculators {padding:10px; border:1px solid #ccc; background:#fff6fe; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:auto;}
	#health_modules li {float:left; width:45%;}

#side_nav {list-style-image:none; margin:0;}
	#side_nav li {border-bottom:1px solid #fff; margin:0;}
	#side_nav li a {background:#f1ecf3; display:block; padding:5px 10px; font-weight:bold; text-decoration:none; color:#606;}
		#side_nav li a:hover {background:#dad6dc;}
		#side_nav li a.on {background:#e8cbef;}
	#side_nav ul {margin:1px 0 0 20px; list-style-image:none;}

p.read_more {background:url(/images/bullet.png) no-repeat left 4px; padding-left:12px; overflow:hidden; margin-bottom:20px;}
li p.read_more {margin-bottom:0;}


#shadow_bottom {height:1px; margin:0 auto; text-align:center; top:-4px; position:relative;}
#footer {color:#666; font-size:.8em; margin:20px auto; overflow:hidden; text-align:center;}


#content h1:first-child, #content h2:first-child {margin-top:0;}

/** Homepage **/
div.hmpg_navi {width:200px; height:20px; position:relative; top:175px; left:12px; z-index:100;}
div.hmpg_navi a {width:8px; height:8px; float:left; margin:3px; background:url(/images/navigator.png) 0 0 no-repeat; display:block; font-size:1px;}
div.hmpg_navi a:hover {background-position:0 -8px;}
div.hmpg_navi a.active {background-position:0 -16px;} 	

.hmpg_scrollable_wrap {height:200px; width:537px; overflow:hidden;}
.hmpg_scrollable {position:relative; overflow:hidden; width:537px; height:200px; float:left; top:-20px;}
.hmpg_scrollable .items {width:20000em; position:absolute; clear:both;}
.hmpg_scrollable .item {float:left; cursor:pointer; width:537px; height:200px; text-align:center;}

#hmpg_scrapbook_content {background:#b48dba; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #999; height:178px; padding:10px;}
#hmpg_scrapbook_content h3 {color:#fff; text-align:center; margin:10px 0 0 0; line-height:1;}
#hmpg_scrapbook_content h3 a {color:#fff;}

ul.tabs {list-style-image:none; overflow:hidden; margin-bottom:0; position:relative; top:1px; margin-top:15px;}
	ul.tabs li {float:left; width:31%; margin:0 8px 0 0;}
	ul.tabs a {padding:5px; height:25px; display:block; background:#d7c5da; text-decoration:none; text-align:center; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; border:1px solid #ccc; border-bottom:0; line-height:1;}
		ul.tabs a.current {background:#fff6fe; font-weight:bold;}
	
	.panes {background:#fff6fe; height:200px; border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border:1px solid #ccc; padding:10px;}

#hmpg_photo, #hmpg_scrapbook {background:#fff; padding-bottom:20px;}
#hmpg_newsletter {padding-top:20px;}
#hmpg_story {background:#fff6fe; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #ccc; padding:10px; margin-top:25px;}

/** Health Library **/
.health_library_category {width:33%; float:left; margin-bottom:15px; text-align:center;}

/** Health Information **/
.hinfo_odd {float:left; width:48%; margin-bottom:15px;}
.hinfo_even {float:right; width:48%; margin-bottom:15px;}
	.hinfo_odd h4, .hinfo_even h4 {margin:0 0 3px 0; line-height:1.2;}
	.hinfo_odd p, .hinfo_even p {margin:0; line-height:1.2;}
	.hinfo_odd .frame_lt, .hinfo_even .frame_lt {margin-right:10px;}

/** Recipe **/
.recipe_listing {margin-bottom:15px;}
	.recipe_listing h4 {margin-bottom:0;}
.row_even { margin-bottom:20px; padding:0 15px;}
.row_odd {background:#f1ecf3; margin-bottom:20px; padding:15px; overflow:hidden;}
	.row_odd .frame_rt, .row_even .frame_rt {margin-bottom:0;}
	.row_odd h4, .row_even h4 {margin-top:0; margin-bottom:0;}

/** Video Library **/
a.video_player {display:block; width:320px; height:264px; margin-bottom:15px; border:1px solid #794288; padding:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f1ecf3;}
a.audio_player {display:block; width:320px; height:60px; margin-bottom:10px; border:1px solid #794288; padding:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f1ecf3;}

/** Ask The Experts **/
.askexperts_listing {margin-bottom:15px;}
	.askexperts_listing h4 {margin-bottom:0;}
	.askexperts_listing .frame_lt {margin-right:25px;}

/** Events **/
#events .event_details p {margin-bottom:0;}

/** Community **/
pre {font:13px/1.5 'Arial', sans-serif;}

/** Scrapbook **/
#triggers {text-align:center;}
#triggers img {background-color:#fff; padding:2px; border:1px solid #ccc; margin:15px 2px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#triggers a.active img {outline:1px solid #000; z-index:9999; position:relative;}

.simple_overlay {display:none; z-index:10000; background-color:#333; width:675px; min-height:200px; border:1px solid #666; -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow:0 0 90px #000;}
.simple_overlay .close {background-image:url(/images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;}
#img {border:1px solid #666;}

.next, .prev {position:absolute; top:40%; border:1px solid #666; cursor:pointer; display:block; padding:10px 20px; color:#fff; font-size:11px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.prev {left:0; border-left:0; -moz-border-radius-topleft:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -webkit-border-top-left-radius:0;}
.next {right:0; border-right:0; -moz-border-radius-topright:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; -webkit-border-top-right-radius:0;}
.next:hover, .prev:hover {text-decoration:underline; background-color:#000;}
.disabled {visibility:hidden;}
.info {display:none !important;}
.progress {position:absolute; top:45%; left:50%; display:none;}
.next, .prev, .info {background:#333 !important; background:rgba(0, 0, 0, 0.6);}

/** Contact **/
#contact th {text-align:left; font-weight:normal; padding-right:20px;}
#contact address p {margin:0;}







/** Forms **/
form ul {margin:0; padding:0; list-style-type:none; width:100%;}
form li {display:block; margin:0; padding:4px 0 2px 0; clear:both;}
form li:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html form li {height:1%;}
* html form li div {display:inline-block;}
*+html form li div {display:inline-block;}

form li div, form li span {margin:0 4px 0 0; padding:0 0 8px 0; color:#444;}
form li span {float:left;}

form li div.column {padding-bottom:0;}
form li div span.left, form li div span.right {width:47%; margin:0;}
form li div span.full input, form li div span.full select, form li div span.left input, form li div span.right input, form li div span.left select, form li div span.right select {width:100%;}

/* ----- LABELS ----- */
label.desc {line-height:150%; padding:0 0 1px 0; border:none; color:#222; display:block; font-size:95%; font-weight:bold;}
label.choice {font-size:100%; display:block; line-height:1.5em; margin:-1.65em 0 0 25px; padding:.44em 0 .5em 0; color:#222; width:88%; display:block;}

/* ----- FIELDS ----- */
input.text, input.file, textarea.textarea, select.select, input[type=text], input[type=password] {margin:0; font-size:100%; color:#333;}
input.text, textarea.textarea, select.select, input[type=text], input[type=password] {border:1px solid #a5c2c8; line-height:1.2em; font-weight:bold; font-size:1.1em;}
input.text, input.file, input[type=text], input[type=password] {padding:2px 0 2px 0;}
input[type=text], input[type=password] {width:96%;}
input.checkbox, input.radio {display:block; line-height:1.5em; margin:.6em 0 0 3px; width:13px; height:13px;}

textarea.textarea {font-size:1em; font-weight:normal;}

select.select {margin:1px 0; padding:1px 0 0 0;}
select.select[class] {margin:0; padding:1px 0 1px 0;}
*:first-child+html select.select[class] {margin:1px 0;}
.safari select.select {margin-bottom:1px; font-size:120% !important;}

/* ----- BUTTONS ----- */
input.btTxt {padding:0 7px; width:auto; overflow:visible;}
.buttons {clear:both; margin-top:10px;}
.buttons input {font-size:120%; margin-right:5px;}

/* ----- SIZES ----- */
.third {width:32% !important;}
.half {width:48% !important;}
.full {width:100% !important;}

input.small, select.small {width:25%;}
input.medium, select.medium {width:50%;}
input.large, select.large, textarea.textarea {width:100%;}

textarea.small {height:5.5em;}
textarea.medium {height:10em;}
textarea.large {height:20em;}

/* ----- ERRORS ----- */
.error {font-weight:bold;}
.error input {border:1px dotted red;}
.error .validationMessage {color:red;}

/* ----- REQUIRED ----- */
form .req {float:none; color:red !important; font-weight:bold; margin:0;}