/*
---------------------------------------
Title: Healing Hormones
Author: Reachel Bagley, FiG Creative

Created: 9.12.06
Modified:
-------------------------------------*/

body {
   background-color: #FFFFFF;
   color: #666666;
   font: 10px Verdana, Arial, Helvetica, sans-serif; 
}

a {
   color: #000066;
}

a:visited {
   color: #CC99FF;
}


/* =Navigation Tabs
-------------------------------------*/
	#menu {
		background-image:   url("../Images/menu/box_lg_bg.gif");
		background-repeat: repeat-x;
		background-position: left top;
		margin: 0px;
		padding: 0px;
		width: 800px;
	}
	
	#nav {
		float: left;
		vertical-align: top;
		display: block;
		margin: 0px;
		padding: 0px;
	}
	
	#nav ul {
		list-style: none;
		float: left;
		display: block;
		margin: 0;
		padding: 0;
	}
	
	#nav li{
		text-align: left;
		float: left;
	   }
	
	#nav a {
		color: #666666;
		text-decoration: none;
		display: block;
		padding: 2px 0px 0px;
		}
		
	#nav .top{
		padding-left: .7em;
		font-size: 1.25em;
		text-transform: lowercase;
		line-height: 1em;
   }
   
   #nav .bottom {
		padding-left: .9em;
		font-size: 1em;
		text-transform: lowercase;
		line-height: .6em;
	}

		/* =Off State*/
		#nav #welcometab a{
			background-image: url(../Images/menu/tab_first_bg_off.gif);
			background-repeat: no-repeat;
			background-position: left top;
			height: 29px;
			width: 103px;
			color: #666666;
			text-decoration: none;
			display: block;
		}
		
		#nav #learningtab a, #testtab a, #therapytab a, #weightlosstab a, #scheduletab a{
			background-image: url(../Images/menu/tab_bg_off.gif);
			background-repeat: no-repeat;
			background-position: left top;
			height: 29px;
			width: 93px;
			display: block;
		}  
		
		#nav #abouttab a{
			background-image: url(../Images/menu/tab_last_bg_off.gif);
			background-repeat: no-repeat;
			background-position: left top;
			height: 29px;
			width: 93px;
			display: block;
		}  
	
		/* =Rollover State*/
		#nav #welcometab a:hover{
			background-image: url(../Images/menu/tab_first_bg_on.gif);
			background-repeat: no-repeat;
			background-position: left top;
			height: 29px;
			width: 103px;
			color: #666666;
			text-decoration: none;
			display: block;
	   }
	   
		#nav #learningtab a:hover, #testtab a:hover, #therapytab a:hover, #weightlosstab a:hover, #scheduletab a:hover{
			background-image: url(../Images/menu/tab_bg_on.gif);
			background-repeat: no-repeat;
			background-position: left top;
			height: 29px;
			width: 93px;
			display: block;
	   }
	   
	   #nav #abouttab a:hover{
			background-image: url(../Images/menu/tab_last_bg_on.gif);
			background-repeat: no-repeat;
			background-position: left top;
			height: 29px;
			width: 93px;
			display: block;
	   }   
	   
	    /* =Selected Tab*/
		body#welcome #welcometab a {
		   background-image: url(../Images/menu/tab_first_bg_on.gif);
		   text-decoration: none;
		}

		body#learning #learningtab a,
		body#test #testtab a,
		body#therapy #therapytab a,
		body#weightloss #weightlosstab a, 
		body#schedule #scheduletab a {
		   background-image: url(../Images/menu/tab_bg_on.gif);
		   text-decoration: none;
		}
			
		body#about #abouttab a {
		   background-image: url(../Images/menu/tab_last_bg_on.gif);
		   text-decoration: none;
		} 
		

/* =Subnav column
-------------------------------------*/
	#subnav {
		background-color: #ede7ec;
		color: #666;
		width: 128px;
		background-image:    url("../Images/menu/box_pu_b.gif");
		background-repeat: repeat-x;
		background-position: center bottom;
	}
   
   #subnav .t{
      background:  url("../Images/menu/box_pu_t.gif") repeat-x center top;
   }
   
   #subnav .b{
      background:    url("../Images/menu/box_pu_b.gif") repeat-x center top;
   }
   
   #subnav .tr{
      background:  url("../Images/menu/box_pu_tr.gif") no-repeat top right;
   }
   
   /* #subnav .br {
      background:    url("../Images/menu/box_pu_br.gif") no-repeat center right;
   }
   
   #subnav .bl {
      background:    url("../Images/menu/box_pu_bl.gif") no-repeat center left; */
   }
   
   #subnav .tl {
      background:  url("../Images/menu/box_pu_tl.gif") no-repeat top left;
   }
   
		   /* =Secondary Nav Link Display
		-------------------------------------*/
		
		#subnav ul.secondary {
			list-style: none;
			margin: 0px;
			padding: 0px;
		}
		
		#subnav .secondary li {
			list-style: none;
			margin: 0.5em 1em;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #FFFFFF;
			text-transform: lowercase;
			padding-bottom: 0.5em;
			letter-spacing: -.1em;
		 }

		#subnav .secondary li a {
			text-decoration: none;
			color: #666666;
			padding: 2px;
		}
				  
		#subnav .secondary li a:hover {
			color: #FFFFFF;
			background-color: #811788;
		}
		
/* =Column Controls
-------------------------------------*/
	#two {
	   clear: both;
	   margin: 0;
	   padding: 0;
	   width: 800px;
	}
	
	#three {
	   clear: both;
	   margin: 0;
	   padding: 0;
	}
	
	#promo-column {
	   float: left;
	   margin: 0;
	   width: 13em;
	}
	
	#content-column {
	   float: left;
	   width: 668px;
	   margin: 0 0 0 1em;
	   padding: 0;
	}
	
	#homeone {
		width: 325px;
		float: left;	
		margin: 1em .5em 0 0;
		padding: 0 .5em 0 0;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #999999;
	}

	#hometwo {
			padding: 0;
		}

	#subone {
		width: 425px;
		float: left;	
		margin: 1em 1em 0 0;
		padding: 0 .5em 0 0;
		border-right-width: 1px;
		border-right-style: solid;
		border-right-color: #999999;
	}

	#subtwo {
		margin: 1em .5em 0 0;
		padding: 0;
	}

/* =Headers
-------------------------------------*/
	#homeheader {
		clear: both;
		margin: 0;
		padding: 0;
		float: left;
		height: 213px;
		width: 668px;
		background:     url("../Images/headers/home_header.gif") no-repeat left top;
		display: block;
  	}
	
	#homeheader #text{
		padding: 7em 1.5em 3em;
		margin-right: 17em;
		text-align: justify;
		font-size: 12px;
		vertical-align: text-bottom;
		font-weight: lighter;
	}
	
	#homeheader #text .title {
		font-size: 20px;
		word-spacing: -.25em;
		text-transform: lowercase;
		text-align: justify;
	}
	
	#learnheader {
		clear: both;
		margin: 0;
		padding: 0;
		float: left;
		height: 213px;
		width: 668px;
		background:     url("../Images/headers/learn_main_header.gif") no-repeat left top;
		display: block;
  	}
	
	#learnheader #text{
		padding: 7em 1.5em 3em;
		margin-right: 17em;
		text-align: justify;
		font-size: 12px;
		vertical-align: text-bottom;
		font-weight: lighter;
	}
	
	#testheader {
		clear: both;
		margin: 0;
		padding: 0;
		float: left;
		height: 213px;
		width: 668px;
		background:     url("../Images/headers/test_main_header.gif") no-repeat left top;
		display: block;
  	}
	
	#testheader #text{
		padding: 7em 1.5em 3em;
		margin-right: 19.5em;
		text-align: justify;
		font-size: 12px;
		vertical-align: text-bottom;
		font-weight: lighter;
	}
	
	#scheduleheader {
		clear: both;
		margin: 0;
		padding: 0;
		float: left;
		height: 219px;
		width: 668px;
		background:     url("../Images/headers/schedule_main_header.gif") no-repeat left top;
		display: block;
  	}
	
	#scheduleheader #text{
		padding: 7em 1.5em 3em;
		margin-right: 17em;
		text-align: justify;
		font-size: 12px;
		vertical-align: text-bottom;
		font-weight: lighter;
	}
	
	#therapyheader {
		clear: both;
		margin: 0;
		padding: 0;
		float: left;
		height: 213px;
		width: 668px;
		background:     url("../Images/headers/therapy_main_header.gif") no-repeat left top;
		display: block;
  	}

	#therapyheader #text{
		padding: 7em 1.5em 3em;
		margin-right: 26em;
		text-align: justify;
		font-size: 12px;
		vertical-align: text-bottom;
		font-weight: lighter;
	}


	#therapywlheader {
		clear: both;
		margin: 0;
		padding: 0;
		float: left;
		height: 213px;
		width: 668px;
		background:     url("../Images/headers/therapy_wl_main_header.gif") no-repeat left top;
		display: block;
  	}

	
	#therapywlheader #text{
		padding: 7em 1.5em 3em;
		margin-right: 26em;
		text-align: justify;
		font-size: 12px;
		vertical-align: text-bottom;
		font-weight: lighter;
	}
	
	#aboutheader {
		clear: both;
		margin: 0;
		padding: 0;
		float: left;
		height: 213px;
		width: 668px;
		background:     url("../Images/headers/about_main_header.gif") no-repeat left top;
		display: block;
  	}
	
	#aboutheader #text{
		padding: 7em 1.5em 3em;
		margin-right: 22em;
		text-align: justify;
		font-size: 12px;
		vertical-align: text-bottom;
		font-weight: lighter;
	}
	
	#header {
		clear: both;
		margin: 0;
		padding: 0;
		float: left;
		height: 130px;
		width: 661px;
		display: block;
  	}

	#header #text{
		padding: 5.8em 1.5em 2em 1.4em;
		margin-right: 17em;
		text-align: justify;
		font-size: 12px;
		vertical-align: top;
		font-weight: lighter;
	}

	#header #about {
		background:    url("../Images/headers/about_header.gif") no-repeat left bottom;
  	}
	
	#header #learn {
		background:    url("../Images/headers/learn_header.gif") no-repeat left bottom;
  	}		
	
	#header #test {
		background:     url("../Images/headers/header_test.gif") no-repeat left bottom;
  	}		
	
	
	#header #therapy {
		background:    url("../Images/headers/therapy_header.gif") no-repeat left bottom;
  	}		

	   /* =Subheader
		-------------------------------------*/
		#hometwo #subheader {
			margin: 0;
			padding: 0;
			height: 50px;
			width: 310px;
			background:    url("../Images/headers/home_subheader_bg.gif") no-repeat left top;
  		}
		
		#hometwo #subheader #title {
			margin: 0;
			padding: .2em 0.3em 0.3em 0.8em;
			float: left;
			height: 43px;
			width: 310px;
  		}
		
		#subheader {
			margin: 0;
			padding: 0;
			height: 50px;
			width: 410px;
			background:       url("../Images/headers/subheader_bg.gif") no-repeat left top;
  		}
		
		#subheader #title {
			margin: 0;
			padding: .2em 0.3em 0.3em 0.8em;
			float: left;
			height: 43px;
			width: 410px;
  		}
		
/* =Form box
-------------------------------------*/
	#frame {
		background-image: url(../Images/menu/box_form_bg.gif);
		background-color: #DBC5D2;
		background-repeat: repeat-x;
		background-position: center top;
		float: left;
		margin: 0em 0.5em 0px 0px;
	}
	
	
	#frame a:visited {
	   color: #999999;
	}
	
	#form {
		color: #999;
		padding: 1em;
		text-align: justify;
		font-size: 12px;
	}

   
   #frame .tr{
      background:  url("../Images/menu/box_form_tr.gif") no-repeat top right;
   }
   
   #frame .br {
      background:    url("../Images/menu/box_form_br.gif") no-repeat bottom right;
   }
   
   #frame .bl {
      background:    url("../Images/menu/box_form_bl.gif") no-repeat bottom left;
   }
   
   #frame .tl {
      background:  url("../Images/menu/box_form_tl.gif") no-repeat top left;
   }

/* =News 
-------------------------------------*/
	#news {
		float: left;
		margin: 1em 0 0 .5em;
		padding: 0;
	}
	
	#news ul.list {
		float: left;
		vertical-align: text-top;
		margin: 0.5em 0em 0em;
		padding: 0px 0px 0px 2.5em;
  	}

	.list li {
		margin: 0em 0em 0.3em;
		text-transform: lowercase;
		padding: 0px 0px 0em 10px;
	 }
	 
	.list li.video{
		list-style-image:   url(../Images/bullet-video.gif);
	 }
	 
	 .list li.sound{
		list-style-image:   url(../Images/bullet-sound.gif);
	 }

	.list li.press{
		list-style-image:   url(../Images/bullet-press.gif);
	 }
	 
/* =Testimonial
-------------------------------------*/
	#testimonial {
	margin: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #811788;
	padding: 1em 0 0 0;
	}
	
	#sub {
		margin: 0;
		padding: 0;
		float: left;
		height: 123px;
		width: 220px;
		background:     url("../Images/test_yourself.gif") no-repeat left top;
		display: block;
	}

	#sub #text {
	margin: 2em .5em 0em 8em;
	padding: 0;
	font-style: normal;
	text-decoration: none;
	}
	

/* =Footer 
-------------------------------------*/

	#footer {
		float: left;
		width: 668px;
		padding: 0;
		margin-top: 5em;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #999999;
	}

/* =Test
-------------------------------------*/
	#testresults {
		background-color: #E9E0E8;
		border: thin solid #CCCCCC;
		padding: 1em 1em 1em 1em;
		vertical-align:top;		
	}
	
   input.score {
	background-color: #FFFFFF;
	color: #666666;
	font-size: 1.8em;
	font-weight: bold;
	padding: 0em;
	width: 2em;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	text-align: center;
   }acronym {
}