/*  basics.css  */
/* -------------------------------------------- Layout */

div.main, div.main_noback {
	float: left;
	clear: left;
	margin-bottom: 12px;
	width: 490px;
	padding: 15px 25px 0;
}

div.main_noback {
	padding: 0px 25px 5px 25px;
}

div.main_long {
	float: left;
	clear: left;
	margin-bottom: 12px;
	width: 715px;
	padding: 0px 10px 25px 25px;
}

div.main_long_arc {     /* for archived surveys */
	float: left;
	clear: left;
	margin-bottom: 12px;
	width: 715px;
	padding: 0px 10px 25px 0px;
}

   div.main_long_arc img {
      margin: 0 0 15px 0;
   }
   
div.callout, div.subnav {
	float: right;
	clear: right;
	margin-left: -3px;
	width: 200px;
	
}

div.full{
	width: 710px;
	padding: 0 25px;
}

div#group_main, #div#group_main_noback {
	float: left;
	clear: left;
	width: 540px;
	padding: 0;
	margin: 0;
}

#group_main ul {	
	list-style: none;
	padding-bottom: 20px;
}
#group_main ul li {	
	padding: 10px 0 0 20px;
	font-size: 14pt;
}

div#group_main_long {
	float: left;
	clear: left;
	width: 750px;
	padding: 0;
	margin: 0;
}

div#group_callout{
	float: right;
	clear: right;
	width: 305px;
}

#home div.main {
	float: left;
	clear: left;
	margin-bottom: 12px;
	width: 386px;
	padding: 15px 25px;
}

#home div.main_dm {
	float: left;
	clear: left;
	margin-bottom: 12px;
	width: 690px;
	padding: 15px 25px;
}

#home div.callout, #home div.subnav {
	float: right;
	clear: right;
	margin-left: -3px;
	width: 305px;
	
}

#home div#group_main {
	float: left;
	clear: left;
	width: 436px;
	padding: 0;
	margin: 0;
}

#home div#group_main_dm {
	/*float: left;
	clear: left;*/
	width: 760px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

#home div#group_callout{
	float: right;
	clear: right;
	width: 305px;
}

/* -------------------------------------------- Basics */

#intro{
	background: #E0EBF2 url(/img/bg_intro.gif) bottom repeat-x; 	
	width: 760px;
	position: relative;
/* UNCOMMENT BELOW FOR INDEX BANNER */
/*	height:289px;*/
}


#intro .intromeat{ 
	float: left;
	clear: none;
	width: 540px;
	margin-left: 20px;
	margin-top: 17px;
}

#intro #rotated{
	float: left;
	position: relative;
	width: 191px;
	height: 15px;
	height: 195px;
}
/* UNCOMMENT BELOW FOR INDEX BANNER */
/*#intro #rotated,	#intro .member_greeting	{
	margin-top:94px;
}*/
#intro #rotated img{
	position: absolute;
}

#intronav, #intronavloggedin{
	background: #f5f5fd url(/img/bg_intronav.gif) top no-repeat;
}

p.not{
	margin-top: -20px;
	font-size: 11px;
}

#contentheader{
	background: url(/img/bg_contentheader.gif) top left repeat-x;
	padding: 20px; 
	padding-top: 14px;
	clear: both;
}

#contentheadersurvey {
	background: url(/img/bg_contentheader.gif) top left repeat-x;
	padding: 10px 20px 1px 20px;
	clear: both;
}

#group_main{
	background: #edf7f8 url(/img/round_main_bottom.gif) bottom right no-repeat;
}
#group_main_dm{
	background: #edf7f8 url(/img/round_main_bottom.gif) bottom right no-repeat;
}

#group_main_long{	
	/*background: #edf7f8 url(/img/round_main_bottom_long.gif) bottom right no-repeat;*/
}

#group_main_noback {	

}

.main{
	clear: left;
	float: left;	
	background: #edf7f8 url(/img/round_main_top.gif) top right no-repeat;
}

.main_long{
	clear: left;
	float: left;	
	/*background: #edf7f8 url(/img/round_main_top_long.gif) top right no-repeat;*/
}

.main_noback{
	clear: left;
	float: left;	
	/*background: #edf7f8 url(/img/round_main_top_long.gif) top right no-repeat;*/
}

.main p {
	margin: 10px 0 0px 0;
}

.main p img{
	float: right;
	margin-left: 10px;
}

.callout{
	background: #edf7f8 url(/img/round_callout_inside_bottom.gif) bottom left no-repeat;
	padding-bottom: 16px;
	color: #547174;
}

.callout p, .callout dl, .callout ul{
	width: 155px;
	padding: 5px 15px 0px 15px;
	margin-bottom: 8px;
	clear: left;
	display: block;
	float: left;
}

#home .callout p, #home .callout dl{
	width: 275px;	
}

#home .callout dl {
	margin-bottom: 8px;
	padding-bottom: 0px;
}

.callout dl{
	padding-bottom: 14px;
}

.callout dt{
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	width: 50px;
	float: left;
	clear: both;
	color: #547174;
}

#home .callout dd{
	float: left;
	clear: none;
	width: 200px;
	color: #000;
	margin-bottom: 10px;
	font-size: 11px;
}

.callout ul{
	padding-top: 0;
	padding-left: 30px;
	margin-bottom: 10px;
}

ul.nolist{
	list-style: none;
}

ul.InTheNews {
	margin: 10px 0 10px 30px;
	list-style-image: url(/img/bullet.gif);
}

ul.InTheNews li {
	margin-top: 4px;
	padding-top: 0;
	font-size: .9em;
}

ul.FavQuotes {
	margin: 10px 0 10px 30px;
	list-style-image: url(/img/bullet.gif);
}

ul.FavQuotes li {
	margin-top: 4px;
	font-size: .9em;
}

ul.MomTalkcallout {
	margin: 0px 0 2px 10px;
	list-style-image: url(/img/bullet.gif);	
   width: 75%;
}

	ul.MomTalkcallout li {
		margin-top: 2px;
		font-size: .9em;		
	}

.callout li{
	color: #000;
}

/* submit message button */
.submitmessage {
	background-image: url(/img/b_submit_message.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 40px;
}

/* for the activate page... some form styling */
.radio {
	border: 0px solid red;
	padding-top: 4px;
	vertical-align: top;
}

tr.ans:hover {
	background-color: #C9D5DF;
}
	
td label {
	display: block;
	padding: 1px 5px 4px 1px;
	margin: 0 0 0 5px;
}

.smaller {
	font-size: .9em;
	line-height: 1.6em;
}

/* for the login page */

	td.textlabel {
		text-align: right;;
		padding: 0 5px 0 0;
	}
		
	td.textbox {
		padding: 4px 3px;
	}
	
	p.error {
		/*background-color: yellow;
		border: 1px solid red;
		padding: 4px 4px 4px 6px;
		font-weight: bold;*/
		border-top: 2px solid  #FFD100;
		border-bottom: 2px solid  #FFD100;
		background-color: #FFF29F;
		padding: 5px 10px 4px 32px;
		background-image: url(/img/error_icon.gif);
		background-repeat: no-repeat;
		background-position: left;
	}

	p.msg	 {
		border-top: 2px solid  #24b300;
		border-bottom: 2px solid #24b300;
		background-color: #b2ff9f;
		padding: 5px 10px 4px 32px;
		background-image: url(/img/success_icon.gif);
		background-repeat: no-repeat;
		background-position: left;
	}
   
	div.msg	 {
		border-top: 2px solid  #24b300;
		border-bottom: 2px solid #24b300;
		background-color: #b2ff9f;
		padding: 5px 10px 4px 10px;
		/*background-image: url(/img/success_icon.gif);
		background-repeat: no-repeat;
		background-position: left;*/
	}

	tr.alt {
		background-color: #e6e6e6;
	}

	img.MADImg {
		border: 3px double silver;
		float: left;
		margin: 2px 10px 5px 0px;
	}
	
	p.MADDescrip {
		margin-bottom: 15px;
	}
	
	p.MADResults {
		margin-top: 0;
		margin-bottom: 6px;
		margin-left: 10px;
		padding-top: 0;
		padding-bottom: 0;
		
	}
	
ul.privacy { /* UL on the privacy policy page */
	margin: 10px 0 10px 20px;
}

/* -------------------------------------------- MomChat Help Page */

#MomChatHelp h3 {
   margin: 0 0 4px 0;
}

a.section_top_link {
   font-size: .9em;
   padding: 2px 3px 2px 17px; 
   margin: 8px 0 8px 0; 
   background-color: #B5DADF;
   color: white;
   background-image: url(/img/arrow_up.gif);
   background-repeat: no-repeat;
   background-position: 3px;
   display: block;
   clear: both;
}

/* -------------------------------------------- events landing page */

#events #eventlist {
   margin: 5px 0 0 0;
}

#events #eventlist li {
   margin: 0 0 8px 10px;
}

/* -------------------------------------------- Navigation */

#nav {
	width: 760px;
	clear: both;
	position: relative;
	padding: 4px 0;
	background: #fff
	}
	
#nav, #nav ul, #nav li, #nav li a {
	height: 45px;
	}
	
#nav ul {
	background: transparent url(/img/nav3.gif) top left no-repeat;
	position: relative;
	}
	
#nav li {
	position: absolute;
	top: 0;
	background: transparent;
	list-style: none;
	}
	
#nav li a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	width: 100%;
	}	

#nav li#nav_ts 	{left: 0px;		width: 143px;}
#nav li#nav_sr 	{left: 143px;	width: 139px;}
#nav li#nav_m 		{left: 282px;	width: 159px;}
#nav li#nav_mc    {left: 441px;  width: 117px;}  
#nav li#nav_faq 	{left: 558px;	width: 82px;}
#nav li#nav_cu		{left: 640px;	width: 120px;}

li#nav_ts 	a:hover, 	#body li#nav_ts 	{background: url(/img/nav3.gif) -0px   -45px no-repeat;}
li#nav_sr	a:hover, 	#body li#nav_sr 	{background: url(/img/nav3.gif) -143px -45px no-repeat;}
li#nav_m 	a:hover, 	#body li#nav_m 	{background: url(/img/nav3.gif) -282px -45px no-repeat;}
li#nav_mc 	a:hover, 	#body li#nav_mc 	{background: url(/img/nav3.gif) -441px -45px no-repeat;}
li#nav_faq 	a:hover,	   #body li#nav_faq 	{background: url(/img/nav3.gif) -558px -45px no-repeat;}
li#nav_cu	a:hover,	   #body li#nav_cu 	{background: url(/img/nav3.gif) -640px -45px no-repeat;}

/* intro nav sprites */

#intronav {
	width: 545px;
	position: absolute;
	right: 0;
	bottom: 1px;
	padding: 12px 12px;
	}

html>body #intronav{
	bottom: 0;
}

html>body #intronav {
	padding: 13px 12px;
}
	
#intronav, #intronav ul, #intronav li, #intronav li a {
	height: 24px;
}
	
#intronav ul {
	background: #E0EBF2 url(/img/intronav.png) top left no-repeat;
	position: relative;
	width: 375px;
}
	
#intronav li {
	position: absolute;
	top: 0;
	background: transparent;
	list-style: none;
}
	
#intronav li a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	width: 100%;
}	

#intronav li#intronav_jt {left: 0px;	width: 93px;}
#intronav li#intronav_ms {left: 110px;	width: 125px;}
#intronav li#intronav_if {left: 252px;	width: 123px; }

li#intronav_jt 	a:hover {background: url(/img/intronav.png) -0px 	 -24px no-repeat;}
li#intronav_ms		a:hover {background: url(/img/intronav.png) -110px -24px no-repeat;}
li#intronav_if 	a:hover {background: url(/img/intronav.png) -252px -24px no-repeat; }

/* intro nav logged in sprites */

#intronavloggedin {
	width: 545px;
	position: absolute;
	right: 0;
	bottom: 1px;
	padding: 12px 12px;
	}

html>body #intronavloggedin{
	bottom: 0;
}

html>body #intronavloggedin {
	padding: 13px 12px;
}
	
#intronavloggedin, #intronavloggedin ul, #intronavloggedin li, #intronavloggedin li a {
	height: 24px;
	}
	
#intronavloggedin ul {
	background: #E0EBF2 url(/img/intronav_loggedin.png) top left no-repeat;
	position: relative;
	width: 375px;
	}
	
#intronavloggedin li {
	position: absolute;
	top: 0;
	background: transparent;
	list-style: none;
	}
	
#intronavloggedin li a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	width: 100%;
	}	

#intronavloggedin li#intronav_jt {left: 0px;	width: 93px;}
#intronavloggedin li#intronav_ms {left: 110px;	width: 75px;}
#intronavloggedin li#intronav_if {left: 200px;	width: 122px;}

#intronavloggedin li#intronav_jt 	a:hover {background: url(/img/intronav_loggedin.png)   -0px -24px no-repeat;}
#intronavloggedin li#intronav_ms		a:hover {background: url(/img/intronav_loggedin.png) -110px -24px no-repeat;}
#intronavloggedin li#intronav_if 	a:hover {background: url(/img/intronav_loggedin.png) -200px -24px no-repeat;}

/* header navigation */

#headernav_loggedin, #headernav {
	float: right;
}

#headernav_loggedin{
	float: right;
	padding: 0;
}

#headernav_loggedin ul,
#headernav ul {
	list-style: none;
}

#headernav ul {
}
	
#headernav_loggedin ul li, 
#headernav ul li {
	display: inline;
	border-left: 1px solid #8CAF36;
	padding: 0 0px 0 8px;
	margin: 0;
}

#headernav_loggedin ul li a,
#headernav ul li a {
	color: #8CAF36;
	font-weight: bold;
	font-size: .9em;
	margin: 0;
}

#headernav_loggedin #headernav_yp,	#headernav #headernav_jt,	#headernav #headernav_home,	#headernav_loggedin #headernav_home	{
	border: 0;
	padding: 0 4px 0 0;
}
#headernav #headernav_home,	#headernav_loggedin 	#headernav_home	{	
	border-right: 1px solid #8CAF36;
	margin-right:4px;
	padding-right:8px;
}

/* admin navigation */

#adminnav{
	background-color: #80ADDF;
	width: 750px;
	padding: 3px 0px 3px 10px;
	float:left;
	margin-bottom: 4px;
}

#adminnav li{
	float: left;
	list-style: none;
}

#adminnav li.admin {
	float: right;
	list-style: none;
}

#adminnav li.admin a{
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	padding: 4px 9px 3px 6px;
   background: red;
}

#adminnav li a{
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	padding: 4px 9px 3px 9px;
}

#adminnav li a:hover {
	background-color: #D8EDDD;
	color:black;
}

#adminnav li.admin a:hover {
   background: #FF6F6F;
}


/*#nextquestion a{
	text-indent: -9999px;
	background: url(/img/nextquestion.gif) top left no-repeat;
	height: 27px;
	width: 137px;
	display: block;
}

#nextquestion a:hover{
	background: url(/img/nextquestion.gif) 0 -27px no-repeat;
}*/

#header {
	background-image: url(/img/logo.gif);
	background-repeat: no-repeat;
	height: 105px;
	width: 100%;
	position: relative;
}

/* type.css */

body{
	font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

h1{
	font-size: 20px;
	margin-bottom: 19px;
	color: #1a3639;
}
p, .callout{
	font-size: 12px;
	line-height: 1.3em;
	margin-bottom: 12px;
}
.intromeat h1 {	margin-bottom: 0;}
.intromeat p {	color: rgb(84, 113, 116);}
.intromeat p, .intromeat a {	font-size: 13pt;}
.intromeat a {	padding: 0 15px 0 20px;}
.intromeat p.fine_print {	font-size: 10pt;}
.intromeat p.fine_print a{	padding: 0;}

div.main {	font-size:.9em;}
#home div.main {	padding-top: 6px !important;}

.main h2{
	color: #D35667;
	font-size:18px;
	font-weight: normal;
	margin-bottom: 6px;
   margin-top: 10px;
}

.main_dm h2{
	color: #D35667;
	font-size:18px;
	font-weight: normal;
	margin-bottom: 6px;
   margin-top: 10px;
}

.main h3{
	color: #547174;
	font-size: 14px;
}

#home div.main h3 {
   margin-top: 10px;
   margin-bottom: 0px;
}

#home .callout h4{
	background: url(/img/round_callout_top.gif) top left no-repeat;
	color: #fff;
	padding: 8px 15px;	
	margin-bottom: 6px;
	font-size: 14px;
}

.callout h4{
	background: url(/img/round_callout_inside_top.gif) top left no-repeat;
	color: #fff;
	padding: 8px 15px;	
	margin-bottom: 6px;
	font-size: 14px;
}


#contentheader h1{
	font-size: 20px;
	margin-bottom: 4px;
	color: #286ba3;
}

#contentheadersurvey h1{
	font-size: 20px;
	margin-bottom: 10px;
	color: #286ba3;
}

#contentheader h2{
	font-size: 12px;
	color: #285575;
}

.full p{
	font-weight: bold;
}

#footer p{
	font-size: 10px;
}

/* styles for the FAQ page */

	ul.faq {
		margin: 0 0 20px 20px;
	}
	
	ul.faq li {
		list-style-image: url(/img/bullet.gif);
		margin: 2px 0;
	}

	dt.faq {
		font-weight: bold; 
	}
	
	dd.answer p.ans {
		margin: 3px 0 10px 25px;
		line-height: 1.4em;
	}
	
	p.top {
		font-size: .8em; 
		padding: 2px 3px 2px 17px; 
		margin: 0 0 8px 0; 
		background-color: #B5DADF;
		color: white;
		background-image: url(/img/arrow_up.gif);
		background-repeat: no-repeat;
		background-position: 3px;
	}
	
	p.top a {
		color: white;
		text-decoration: none;
	}

/* styles for the Survey list page */
   
#Surveys dt {
   font-weight: bold;
   font-size: 1.1em;
   margin: 8px 0 2px 0;
}

#Surveys dd {
   margin: 0 0 0 20px;
}

/* styles for address book / white list instructions page  */

#AddrBook h3 {
   margin: 8px 0;
}

#AddrBook ol {
   margin: 7px 0 7px 35px;
}

#AddrBook .callout li {
   margin: 2px 0;
}