

/* CSS Style sheet created by 
 Version 3.2 Author: Dave Rich Updated: 1/10/09
 */

 

/* ------------   GLOBAL LAYOUT STYLES ----------------------------- *
/* --------------------------------------------------------------- */ 
 

body {
	min-width: 780px;
	background-color: #07348E;
	color: #000;
	font-family:Arial, Helvetica, sans-serif; /* Sets default font family options. */
	font-size: 100.01%;
	text-align: center; /* for WinIE5.x */
	margin: 0 0 0 0;	
	}
#wrapper {
   width: 800px;
	margin: 0 auto;
	text-align: left;
	background:url(../images/background.gif) repeat-y left top;
	}


	

/*XXXXXXXXXX Generic page styling rules XXXXXXXXXX*/


	
/* Navigation Bar and Navigation Links ----------------- */
/* --------------------------------------------------------- */

/*XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX*/

#nav {
	text-align:left;
	width:760px;
	margin:0 0 0 20px;
	background-color: #DFDFFF;
}

#nav ul, #nav li{
	margin:0;
	padding:0;
}

#nav a:link,#nav a:visited,#nav a:hover, a:active, a:focus{
		font-size:12px;
}

#nav a:hover{
	color:#ff3300;
	text-decoration:underline;
}
	

#nav a {
	color: #000066;
	font-weight: bold;
	text-decoration: none;
	padding: 6px 0 5px 10px; 
	display: block;
	/* makes the dividers between the top nav links; must be negated 
	for later links */ 
	border-right: 0; /* negates right border for dropdowns */
	/* border-bottom: 1px solid #88A6E1; 	 /* borders the bottoms of the dropdowns */
}





/*XXXXXXXXXXXX Primary dropdown rules XXXXXXXXXXX*/

.dropdown { /* rules for dropdown div */
	width: 250px;
	position: absolute;		
	left: -3000px;
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */	
	/*background: url(images/bgfix.gif);*/
}
.dropdown ul { 
	width: 189px; /* tweaked so that dropdowns appear to "line up" with top links */
	border: 1px solid #88A6E1;
	border-width: 1px 1px 1px; /* borders for the sides and top of the dropdowns and flyouts; links 
	provide the bottom border */ 
	margin: 0 30px 30px 30px; /* creates "sticky hovering" zones for dropdowns */
} .dropdown li {vertical-align: bottom;} /* IE5/win bugfix */
.dropdown li:hover {background: #ECF2FF;} /* hover color effect on dropdown links */	
.last .dropdown ul {width: 190px;} /* modifies width for rightmost "visible" dropdown (tweak) */
.topnav:hover div.dropdown {left: -31px;} /* hover rule for dropdowns: the extra pixel makes 
dropdowns "line up" with top links */ 

#nav li {list-style: none;} /* removes list bullets */

.topnav {
	width:4.5em;
	float: left;
}
.floatfix {margin-right: -3px;}

.parent {position: relative;}
	
/*XXXXXXXXXX Secondary dropdown rules XXXXXXXXXXXX*/

/*    Dropdown navigation menu backgrounds */
	
.one {background: #DFDFFF;}
.one ul {background: #d79b00;}

.two {background: #DFDFFF;}
.two ul {background: #FFFFF0;}

.three {background: #DFDFFF;}
.three ul {background: #FFFFF0;}

.four {background: #DFDFFF;}
.four ul {background: #FFFFF0;}

.five {background: #DFDFFF;}
.five ul  {background: #FFFFF0;}

.six  {background: #DFDFFF;}
.six  ul {background: #FFFFF0;}

.seven{background: #DFDFFF;}
.seven ul {background: #FFFFF0;}

.eight{
background: #DFDFFF; 
border-right: 0;  /* removes right border on last top link */
}

.eight ul {background:#FFFFF0;}






/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/

/* This is to hide the following from IE/Mac. \*/
* html .topnav .dropdown li {
	height: 1%;
	margin-left: -16px;
	mar\gin-left: 0;
}

* html #nav a {height: 1%;}
/* */
/* The first 2 rules above fix "bullet region" problems in IE5.x/win, and the second is to make 
all links fully clickable. */    

.brclear { /* Use a break with this class to clear float containers */
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}

/* The following shows to IE5/Mac only */
/*\*/ /*/
#nav .dropdown {width: 189px;}
#nav .topnav .dropdown ul {margin: 0px;}
#nav .dropdown {position: static;}
#nav .dropdown ul {border: 0;}
/* this rule block "dumbs down" the nav for IEmac */


/* XXXXXXXXXXXXX   Skip Nav Styles XXXXXXXXXXXXXXX */


#blah:active { /* for IE, doesn't hurt others */
	}


#container{
	float: left; /* makes it contain children floats */
	width: 760px; /* needed for MacOpera and Safari */
	margin: 15px 0 0 20px;
	padding: 10px 0 0 0;
}

#home #container{
	margin-top:0;
	padding-top:0;
}


/* Div below "new" div which essentially operates as a single column Div across the page when looking to float minimal side bar content */
#single-column-content{
	width:760px;
	padding:10px 0 0 0;
	
}



/* Div below initial content div which creates "two column" effect */
#content {
	float: left;
	width: 435px;
	padding: 10px 0 0 0;
	}

	
#content-float{
	width:730px;
}
/*#content h1{

	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:Black;
	font-weight:bold;
	margin: 0px 90px 15px 90px;	
}*/

/*
#content li{
	margin: 0 20px 12px 20px; 
}
*/


/*  ---------------   TEXT styles ------------------------- */


p  {	
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 15px 20px;
	padding: 0 10px 0 20px;
}

.deadlink{
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #666666;
}



.image-link {
	background: transparent;
	}
.textbox {
	padding: 1px 1em;
	font-size: .9em;
}
.credits{
	font-style:normal;
}



.highlighted-text-box{	
background-color: #DFDFFF; 
margin:2em auto; 
padding: .9em 0; 
border:thin #333333 solid; 
font-size:1em;
width:430px;
}

.highlighted-text-box p{
	margin:0 12px 1.2em 0px; 
}

.highlighted-text{
	font-weight:bold;
	color: #003399;
	background-color: #DFDFFF; 
}

.bold-text{
	text-align:center;
	font-weight:bold;
	color:#000;
	background-color: #fff;
	margin: 2em auto;
}


	
/* XXXXXXXXXXXX  banner styles XXXXXXXXXXXXX */
#banner {
	width: 760px;
	background-color: White;	
	z-index: 1;	
	margin-left:20px;
	text-align:left;
	clear: both;
}

#banner h1{
	text-align:center;
	font: bold 26px "Times New Roman", Times, serif;
	color: #000066;
}

#banner h2{
	text-align:center;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #990000;
	margin: 2px 15px 2px 15px;
}

#banner h3{
	text-align:center;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 5px 15px 12px 15px;
}

#banner p{
	margin:5px 0 5px 0;
}







/*  Page title rules */

#pagetitle {
	color:navy;
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	margin: 0 0 20px 0;
}


#subpagetitle{
	color:navy;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	margin: 0 0 20px 0;
}

#pagetitle h1{
	color: #006699;
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	margin: 0 0 20px 0;	
	padding:0 20px;
}

#pagetitle h2{
	color: #330033;
	font-size:.8em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:center;
	margin: 0 0 20px 0;	
}

#pagetitle p{
	margin-left:0;
}
#pagetitle2 {
	color:navy;
	font-size:1.1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	margin: 0 0 20px 0;
}









/* XXXXXXX ------  Side bar construction  ------- XXXXXXX*/

#sidebar{
	float: right;
	margin:0 14px 20px 20px;
	width: 265px;	
	text-align:center;
	background-color:#DFDFFF;	
	padding-bottom:1.2em;
}

#sidebar_background-color{
	background-color:#DFDFFF;
	padding-top:15px;
	padding-bottom:1.4em;
}

#background-color{
	background-color:#DFDFFF;		
}

#sidebar p{
	margin:0;
}
#sidebar h2 {
	min-height: 18px;
	margin-top: 0;
	padding: 10px 3px 3px 33px;
	font-size: 100%;
	}
#sidebar ul {
	margin: 0; /* Removes default list margin added by some browsers. */
	padding: 0; /* Removes default list padding added by some browsers. */
	list-style-type: none; /* Removes default list bullets. */
	font-size: 13px;
	font-weight:bold;
}

#sidebar li {
	margin-top: 2px; /* Spaces list items out from each other. */
	text-align: center;
   display:block;
	}
	
#sidebar ul li a{
	/*display:block;*/
	width: 164px;
	height:47px;
	background-repeat: no-repeat;
	/*margin: 10px auto 0;*/
	padding:12px 0 0 0;
	text-decoration: underline;
}

#sidebar li a{
	margin:0 0 0 0;
	height:50px;
	text-decoration: underline;
	margin: 0 0 0 0;
}
#sidebar ul a:link {
	padding:2px 4px; /* Creates space around links so that background color set in selector below does not so tightly enclose link text. */	
	text-decoration: underline;
}
#sidebar ul a:visited{
	color: #666666;
	text-decoration: underline;
}

#sidebar ul a:hover{
	color: #ff3300;
	text-decoration: underline;
}
#sidebar ul a:active, #sidebar ul a:focus {
	color: #ff3300;
   text-decoration: underline;
	}

.sublink {
	font-style:italic;
	font-weight:normal
}



#danny{
	text-align:left;
}










/* middle page UL  */

/* Below there is an alternative 15 px style for IE  */

#centered-text ul{
	font-size:0.9em;
	margin: 1em 10px 1em -10px;
	list-style-type:none;
}

#centered-text li{
	margin-left:0px;
}

#text-content{	
margin:2em 20px 0 0; 
padding:0 55px 0 0;
}

#bulleted-text ul{
	font-size:0.9em;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	margin: .2em 10px 1.2em 20px;
	list-style-type: disc;	
}

#bulleted-text li{
	margin-left:20px;
}








/*  Begining of footer styles   */

#credit {
	clear: both;
	width:725px;
	margin: 0 0 0 20px;
	padding: 3px 0 0px 0;
	border-top: 5px solid #fff;
	text-align: left;
}
	

#footer {
	clear: both;
	width:740px;
	margin: 0 0 0 20px;
	padding: 3px 0 15px 0;
	border-top: 5px solid #fff;
	text-align: center;
	font-size: 90%;
	}
	
	
#other-related-reviews, #other-related-articles, #other-related-news{
		text-align:left;
		margin: 1em 10px .6em 0px;
	}


#other-related-reviews p, #other-related-articles p, other-related-news p{
		margin-bottom:0;
	}
	
#related-reviews, #related-articles, #related-news{
	margin: .6em 0 0 25px;
	list-style-type: none;
}

#related-reviews li, #related-articles li, #related-news li{
	margin: .2em 0;
}


#bottom-nav{
	margin: 1.5em auto;
}
	
#footer-parenthood, #footer-greenliving{
		text-align:center;
	}

/*
a[target]:after{
content: url(../images/elements/page-icon.gif)
}

*/



body#low-carbs a#low-carbs-foot,
body#mad-eye a#mad-eye-foot,
body#baby-sitting a#baby-sitting-foot,
body#how-I-coped a#how-I-coped-foot,
body#tulsa-kids a#tulsa-foot,
body#diabetes-living a#diabetes-living-foot,
body#worcester-telegram a#telegram-foot,
body#sleep a#sleep-foot,
body#renewal-review a#renewal-foot,
body#livingwell-review a#livingwell-foot,
body#diabetesmine-review a#diabetesmine-foot,
body#diabetesincontrol-review a#diabetesincontrol-foot,
body#vineyard-gazette a#gazette-foot,
body#blood-sugar a#blood-sugar-foot,
body#healthy-eating a#healthy-eating-foot,
body#teen a#teen-foot,
body#close-call a#close-call-foot,
body#eight-ways a#eight-ways-foot,
body#emergency-visits a#emergency-visits-foot,
body#coming-of-age a#coming-of-age-foot,
body#eating-healthier a#eating-healthier-foot,
body#daily-item a#itemfoot,
body#reporter a#reporterfoot,
body#parenthood a#parenthoodfoot,
body#greenliving a#greenlivingfoot
{
	color: #006666;;
	background-color:#ffffff;
	text-decoration:none;	
}















body#low-carbs a#low-carbs-foot:before,
body#mad-eye a#mad-eye-foot:before,
body#baby-sitting a#baby-sitting-foot:before,
body#how-I-coped a#how-I-coped-foot:before,
body#tulsa-kids a#tulsa-foot:before,
body#diabetes-living a#diabetes-living-foot:before,
body#worcester-telegram a#telegram-foot:before,
body#sleep a#sleep-foot:before,
body#renewal-review a#renewal-foot:before,
body#livingwell-review a#livingwell-foot:before,
body#diabetesmine-review a#diabetesmine-foot:before,
body#diabetesincontrol-review a#diabetesincontrol-foot:before,
body#vineyard-gazette a#gazette-foot:before,
body#blood-sugar a#blood-sugar-foot:before,
body#healthy-eating a#healthy-eating-foot:before,
body#teen a#teen-foot:before,
body#close-call a#close-call-foot:before,
body#eight-ways a#eight-ways-foot:before,
body#emergency-visits a#emergency-visits-foot:before,
body#coming-of-age a#coming-of-age-foot:before,
body#eating-healthier a#eating-healthier-foot:before,
body#daily-item a#itemfoot:before,
body#reporter a#reporterfoot:before,
body#parenthood a#parenthoodfoot:before,
body#greenliving a#greenlivingfoot:before
{
	content: url(../images/elements/link-arrow-current-before.gif);
}










body#low-carbs a#low-carbs-foot:after,
body#mad-eye a#mad-eye-foot:after,
body#baby-sitting a#baby-sitting-foot:after,
body#how-I-coped a#how-I-coped-foot:after,
body#tulsa-kids a#tulsa-foot:after,
body#diabetes-living a#diabetes-living-foot:after,
body#worcester-telegram a#telegram-foot:after,
body#sleep a#sleep-foot:after,
body#renewal-review a#renewal-foot:after,
body#livingwell-review a#livingwell-foot:after,
body#diabetesmine-review a#diabetesmine-foot:after,
body#diabetesincontrol-review a#diabetesincontrol-foot:after,
body#vineyard-gazette a#gazette-foot:after,
body#blood-sugar a#blood-sugar-foot:after,
body#healthy-eating a#healthy-eating-foot:after,
body#teen a#teen-foot:after,
body#close-call a#close-call-foot:after,
body#eight-ways a#eight-ways-foot:after,
body#emergency-visits a#emergency-visits-foot:after,
body#coming-of-age a#coming-of-age-foot:after,
body#eating-healthier a#eating-healthier-foot:after,
body#reporter a#reporterfoot:after,
body#parenthood a#parenthoodfoot:after,
body#greenliving a#greenlivingfoot:after
{
	content: url(../images/elements/link-arrow-current-after.gif);
}


	
	

	
	/*  End of footer styles  */
	
	




/* XXXXXX -----   INDIVIDUAL PAGE STYLES -------- XXXXXXXX */

/*  Home Page Styles */

#home #container h1{
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 15px 1.8em;
	padding: 0 10px 0 20px;
	font-weight:bold;
	color: #006666;
}

#home #container h2{
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 15px 2.6em;
	padding: 0 10px 0 20px;
	font-weight:bold;
	color: #006666;
}







/* -------------- Article Pages  ----------------*/


#articles h1{
	font-size:1em;
	font-weight:bold;
	margin:2.2em 0 1.7em 30px;
	}


#articles ul{
	margin-top: 0;
	
}

#articles li{
	margin-left:0px;
	margin-bottom:0.4em;
	font-size:0.9em;
}


#articles a{
	font-size:1em;
	margin-bottom:2em;
}



/* ---------------  Diabetic Teen --------------------*?




/* -------------- CALENDAR Page Styles ----------------*/
/*-----------------------------------------------------------*/

#calendar #content h3{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:Black;
	font-weight:bold;
	margin: 0px 15px 15px 50px;
}

/*
#calendar #content p{
	margin-left: 55px;
}

*/


/*  --------    Testimonial page styles  ----------  */

#testimonial{
	text-align:left;
}

#testimonial p{
	margin:1em 0;
}

.testimonial{
	color: #666666;
	font-weight:bold;
	font-size: .8em;
	margin: 0 10px 1em 10px;
}

#current{
margin:0 auto;
	
}

#previous{
	float:left;
	margin-left: 20px;
	margin-top: 1.4em;

}

#previous a{
	font-weight:normal;
}

#next{
	float:right;
	margin-right: 10px;
	margin-top: 1.4em;
	text-align:right;
}
#next a{
	font-weight:normal;
}










/*  --------    NEWS page  ----------  */


#news #content{
	padding-left: 5px;
}

#news #content h2 {
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:1.3em 0 0 1.1em;
	font-style: italic;
	font-weight:normal;
	color:black;	
}

#news #content p{
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 3px 10px 22px 35px;
	color:black;
	display:block;
	padding:0;
}

#news #content a:link {
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	display:block;
}

#news #content a:visited {
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	display:block;
}

#news #content a:hover {
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	text-decoration: underline;
	font-weight: bold;
	display:block;
}

#news #content a:active {
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	display:block;
}

#news #content a:focus{
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	display:block;
}


/*   ------------   Newsletters  styles ------------------- */


#newsletter-archives{
	background-color: #235f42;
}

#newsletter-wrapper{
	width: 800px;
	margin: 0 auto;
	text-align: left;	
}

#newsletter-banner{
	width:760px;
	margin-left:20px;
	background-color: #fff;
	padding-top:10px;
}

#newsletter-container{
	/* float: left; makes it contain children floats */
	width:760px;
	margin-left:20px;
	background-color:#fff;
}

#newsletter-main-content{
	float: right;
	margin:0 0 20px 0px;
	padding:0 20px 0 0;
	width: 460px;	
	text-align:left;
	background-color: #ffffff;
}

#newsletter-main-content p{
	margin-left:0;
}

#newsletter-left-column{
	float:left;
	width:260px;
	text-align:left;	
}

#newsletter-left-column-background{
	background-color: #AFCBBE;
	margin-top:0;
	padding:1em 0 1em 0;
}

#newsletter-archives h1{
	line-height: 110%; 
	font-family: arial; 
	font-weight: bold; 
	font-size: 20px; 
	color:#235f42;
	margin-left:20px;
	margin-top:2em;
}

#newsletter-archives h3{
	color:#000;
	margin:.5em 0 1em 20px;
	font-style:normal;
	font-size:1em;
	font-weight:normal;
}

#newsletter-archives h5{
	color:#000;
	margin:1.4em 0 .9em 20px;
	font-weight:bold;
	font-size:1em;	
}

#newsletter-archives p{
	font-size:.9em; 
	color:#000000; 
	line-height:150%; 
	font-family:Arial; 
	margin-top:.6em;	
}

#newsletter-archives a{
	font-weight:normal;	
	font-size:1em; 
}

#newsletter-left-column h1{
	color:#000;
	font-weight:bold;
	font-size:1em;
	margin: 1em 0 1em 25px;	
}

#newsletter-left-column h2{
	color:#000;
	font-weight:bold;
	font-size:.9em;
	margin: 1em 10px 1em 25px;	
}

#newsletter-left-column ol{
	color:#000;
	font-weight:normal;
	font-size:.9em;
	margin: 1em 10px 1em 0px;	
	padding:0 0 0 35px;
}

#newsletter-left-column p{
	color:#000;
	font-weight:normal;
	font-size:.9em;
	line-height:120%;
	margin: 1em 10px 1em 15px;	
}

#newsletter-left-column ol{
	color:#000;
	font-weight:normal;
	font-size:.9em;
	margin: 1em 15px 1em 10px;	
}

#newsletter-left-column li{
	color:#000;
	font-weight:normal;
	font-size:.9em;
	margin: .5em 15px .5em 0px;	
}

.green-font {color: #002F00;}


#newsletter{
	text-align:left;
}

#newsletter p{
	font-size:0.9em;
	font-weight:normal;
}

#newsletter a{
	font-size:0.9em;
	font-weight:normal;
}

/* Over view page styles   */

#over_view #content p{
	font-size:1em;
}

#over_view li{
	margin:.6em 0;
}




/*  --------    RECIPES page  ----------  */


#recipes h3{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: Maroon;
}

	
	
/*   ----------   REVIEW pages   ---------- */

#parenthood,#green-living{
	
}


.highlight{
	color: #003366; 
	font-weight: bold;
}

#excerpt p{
	font-size:0.8em;
	font-weight:bold;
	color: #666666;	
}




#author{
	text-align:center;
	background-color: #DFDFFF;
	padding: 10px 0 0 0;
}
#author p{
	margin:0;
}

#laurasbiolink{
	text-align:center;
	background-color: #DFDFFF;
	width:260px;	
}

#references{	
}

#orderbook{	
	text-align:center;
}

#orderbook p{
	margin:0;
}

#links{
	text-align:center;
	padding: 1em 0 0 0;	
}


#resources-list{
	margin-left:55px;
	padding-left:20px;
	width:530px;
}

#resources-list li{
	margin-bottom: 1.2em;
	font-size:.9em;
}


/*  SITE MAP links   */


#sitemap #leftcolumn{
	float: left;
	width: 340px;
	padding: 0 0 1.4em 20px;	
}

#sitemap #rightcolumn{
	float: right;
	width: 380px;	
	text-align:left;
	padding: 0 5px 0 15px;	
}

.directoryTop{
	margin: 1em 0 1em 40px;
	color:#000;
	font-size:1em;
	font-weight:bold;
}

.indentedLinks{
	margin: 1em 20px 1em 30px;
}

#sitemap #container ul{
	margin-left: 30px;
}

#sitemap #container li{
	margin: 0 0 .2em 0;
}

#sitemap a{
	font-size:.9em;
}




#in-the-news{
	padding-left:15px;
	margin-top: .6em;
	list-style: none;
}
#in-the-news li{
	margin-left:30px; 
	font-size:.9em;
}


/* LISTS --------------------------------------------------- */
/* --------------------------------------------------------- */
dt {
	margin: 1em 0 0 0;
	font-weight: bold;
	}
dd {
	margin: 0;
	}

/* TABLES -------------------------------------------------- */
/* --------------------------------------------------------- 
table {
	margin: 0 0 1.5em 0;
	border-collapse: collapse;
	}
th, td {
	padding: 7px 15px 7px 5px;
	border-bottom: 1px solid #2A567F;
	}
th {
	background: #72C0FF;
	color: #2A567F;
	text-align: left;
	} 
	
	*/

#print{
	display:none;
}

.print{
		display:none;
	}
	
.print-only{
	display:none;
}

hr{
	color: #D6D6D6; 
	margin: 1.5em .5em 1.5em 3.5em;	
}


.textdecoration{
	text-decoration: none;
}




/*   ------------   New Email Form Styles   ---------------- */
#email-form {
	background-color:#FFFFF0; 
	width:370px; 
	border:1px solid #000066; 
	padding:5px 10px 15px 10px; 
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;	
}
#email-form p {
	line-height:1.2em; 
	font-size:0.9em;
}

#email-form .pageTitle {
	background-color:#FFFFF0; 
	padding:8px; 
	font-size:1em; 
	font-weight:bold; 
	color:#ff3300; 
	text-align:center;
}
#email-form .pageTitleAlert {
	background-color:#FF0000; 
	padding:8px; 
	font-size:16px; 
	font-weight:bold; 
	color:#FFFFFF; 
	text-align:left;
}
#email-form .pageTitleSuccess {
	background-color:#33CC00; 
	padding:8px; 
	font-size:16px; 
	font-weight:bold; 
	color:#FFFFFF; 
	text-align:left;
}
#email-form .formLabel {font-size:13px;}
#email-form .error {color:#FF0000; font-weight:bold; font-size:11px;}
#email-form .small {font-size:.8em;}

/*  Subscribe - unsubscribe link */


/*  ------------    Email form styles   --------------------*/

form {
	margin: 0; /* zeros the margin for a level playing field */
	padding: 0 0 0px; /* creates 10px of padding at the bottom of the form */
  	width: 370px; /* this is set to avoid float drop  */
  	float: none; /* floating this form element keeps the internal clearing BR's within the form from clearing the external floated side column. */
}	
fieldset {
	border: none; /* defines a border around each fieldset */
	margin: 0 0 10px 0px; /* keeps the fieldset's bottom border 10px off the next element */
	padding: 15px 0 15px 5px; /* creates padding to keep the elements inside away from the edge of the fieldset */
}


legend {
	border: 1px solid #BE9E6F; /* creates a defined box/border around the legend */
	color: #fff; /* contrasting text color */
	/* background: #ffffff url(/images/elements/optional.jpg) repeat-y;  can gives the legend a background */
	padding: 1px 5px 2px; /* keeps the borders away from the text by these specified amounts */
	margin-bottom: 5px; /* creates 5px of space from the bottom of the legend */
	font: normal 1em "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;  /* styles the text within */
}
label {
	float: left; /* Form labels are floated left, and the text inside is right aligned. */
 	width: 100px; /* All the labels have the same width, so their right edges line up vertically. */
  	clear: both; /* They are all cleared so that they always start a new line below previous form element floats. */
	font-size: .8em;
	color: #330033;
	font-weight:bold;
	text-align: right;
	margin-top: 3px; /* Moves the text/label down away from the top of the input */
	}
	
select{
	color: Black; /* creates the text color */
	border-top: 2px ridge #666666; /* gives the input and textarea a border */
	border-left: 2px ridge #666666;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background: #FFFFFF; /* creates a background color */
	margin: .3em 5px .2em; /* this creates the space around the inputs and textarea so they don't stack on top of each other */
	width: 70px; /* border*/
	}	
option{

	/*  NA */		
	}

#emailForm input, textarea {
	color: Black; /* creates the text color */
	border-top: 2px ridge #666666; /* gives the input and textarea a border */
	border-left: 2px ridge #666666;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding: 1px; /* this keeps the text from touching the edges of the input and textarea */
	background: #FFFFFF; /* creates a background color */
	margin: .3em 5px .2em; /* this creates the space around the inputs and textarea so they don't stack on top of each other */
	width: 200px; /* creates a consistent width */
 /* These inputs and the textarea are floated next to the labels. */

}

/*\*/ /*/
#input, #textarea {
	float: none;
}
/* End show to IE Mac */
/* IEmac must not see these elements floated or it is buggy. That browser, however, is good without floating. The above hack can be read only by IEmac. Be sure you do not add any comments INSIDE the hack or it will close. */

#emailForm input.submit{
cursor:pointer;
border:none;
width:100px;/* Changed from 130px to 110px */
height:26px;
color:#3366cc;
font-weight:bold;
margin:10px auto;
padding: 0 2px 0px 0;
/*background: url(../images/elements/joinus.jpg);*/
 background-repeat: no-repeat;
 
}

/* input button style for dp thank you.html */
input.takeme{
cursor:pointer;
border:none;
width:210px;/* Changed from 130px to 110px */
height:33px;
color:#3366cc;
font-weight:bold;
margin:10px auto;
padding: 1px 2px 10px 0;
/*background: url(../images/submit-take-me.jpg);*/
background-repeat: no-repeat;
}


input.medinp{
	width: 190px; /* for shorter input boxes. */
	margin-right: 0px;	
}

input.radio{
	border: none; /* Sets border to navy blue. */
	background: #c6d2c6; /* Sets background color to gray. */
	padding: 0px; /* this keeps the text from touching the edges of the input and textarea */
	background: #FFFFFF; /* creates a background color */
	margin: 0px 0px 0px 12px; /* this creates the space around the inputs and textarea so they don't stack on top of each other */
	width: 12px; /* creates a consistent width */
 /* These inputs and the textarea are floated next to the labels. */
}

label.questions, input.questions {
	/* Form labels are floated left, and the text inside is right aligned. */
	display:block;
 	width: 116px; /* All the labels have the same width, so their right edges line up vertically. */
  	/* They are all cleared so that they always start a new line below previous form element floats. */
	font-size: .8em;
	font-weight:bold;
	text-align: right;
	margin: 10px 0; /* Moves the text/label down away from the top of the input */
	float:left;
	}

input.sminp {
	width: 110px; /* for shorter input boxes. */
	margin-right: 160px; /* this keeps the shorter boxes aligned on the left with the wider ones. */
}

input.checkbox2 {
	width: 20px;
	border:none;
	margin-top:1em;
}

/* this selector changes the inputs and textareas when the cursor is inside in supported browsers */
input:focus, input:active, textarea:focus, textarea:active {
	color: #000;
	background: #FFFFFF;
}



/*  ---------------    Links styles ----------------------   */


a:link { 
	/* font-size: .9em; */
	color: #000066;
	text-decoration: underline;
	font-weight: bold; 
}

a:visited {
		/* font-size: .9em; */ 
		color: #666666;
		text-decoration: underline;
		font-weight: bold;
}

a:hover {
	/* font-size: .9em; */
	color: #FF3300;
	text-decoration: underline;
	font-weight: bold;
}

a:active { 
	/* font-size: .9em; */
	color: #000066;
	text-decoration: underline;
	font-weight: bold; 
}

a:focus { 
	/* font-size: .9em; */
	color: #000066;
	text-decoration: underline;
	font-weight: bold; 
}

#archived-articles a{
	color:#ff3300;
}

#bottom-nav a{
	font-size:.8em;
}

/*   -----------------   Important Button styles ----------  */

#purchase_btn {
position: relative;
font-family: arial, helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
font-size:13px;
background: url(overbtn.jpg) no-repeat;
white-space: nowrap;
display: block; 
width: 144px;
height: 32px;
padding: 0;
z-index:1;
}

#purchase_btn span{
	position: absolute;
	left: 8px;
	top: 8px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	width: 130px;
}



#purchase_btn  a:link{
font-size: 13px;
width: 144px;
display: block; 
float: left;
color: #FFFFFF;
}


#purchase_btn a{
		color:#FFFFFF;
		text-decoration:none;
}

#purchase_btn a:visited {
	color: #FFFFFF;
	text-decoration:none;
}

#purchase_btn a:hover {
	color: #FFB08A;
	text-decoration:none;
}

#purchase_btn a:active { 
	color: #FFB08A;
	text-decoration:none;

}

#purchase_btn 
{ 	
	color: #FFB08A;
	text-decoration:none;;
}

#purchase_btn img {
width: 144px;
height: 32px;
border: 0
}

* html a:hover
{
visibility:visible;
}

#purchase_btn a:hover img
{
visibility:visible;
}



/* -------------------------   */

#comments {
position: relative;
font-family: arial, helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
font-size:13px;
background: url(overbtn.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 144px;
height: 32px;
padding: 0;
}

#comments span{
	position: absolute;
	left: 1px;
	top: 9px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	width: 144px;
}

#comments a:link{
font-size: 13px;
width: 144px;
display: block;
float: left;
color: #FFFFFF;
}


#comments a{
		color:#FFFFFF;
		text-decoration:none;
}

#comments a:visited {
	color: #FFFFFF;
	text-decoration:none;
}

#comments a:hover {
	color: #FFB08A;
	text-decoration:none;
}

#comments a:active { 
	color: #FFB08A;
	text-decoration:none;

}

#comments { 	
	color: #FFB08A;
	text-decoration:none;;
}

#comments img {
width: 144px;
height: 32px;
border: 0;
}

/* ----------------    */

#newsletter_btn {
position: relative;
font-family: arial, helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
font-size:13px;
background: url(overbtn.jpg) no-repeat;
white-space: nowrap;
display: block;
width: 144px;
height: 44px;
padding: 0;
}

#newsletter_btn span{
	position: absolute;
	left: 1px;
	top: 6px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	width: 142px;
}

#newsletter_btn a:link{
font-size: 13px;
width: 144px;
display: block;
float: left;
color: #FFFFFF;
}


#newsletter_btn a{
		color:#FFFFFF;
		text-decoration:none;
}

#newsletter_btn a:visited {
	color: #FFFFFF;
	text-decoration:none;
}

#newsletter_btn a:hover {
	color: #FFB08A;
	text-decoration:none;
}

#newsletter_btn a:active { 
	color: #FFB08A;
	text-decoration:none;

}

#newsletter_btn { 	
	color: #FFB08A;
	text-decoration:none;;
}

#newsletter_btn img {
width: 144px;
height: 44px;
border: 0;
}










/*  ---------------    Image Styles  ----------------------   */

img{
	border:none;
}

/*
#order-book-link{
	background-image: url(../images/elements/order_book_BG_button.gif);
	background-repeat: no-repeat;
}

*/




/*  ---------------   Email styles ------------------------- */

#laura-email, #linda-email, #nancy-email{
	margin:3px 0 0 37px;
}
	
	
#header {
	width: 710px; /* needed for MacOpera and Safari */
	padding: 20px 0 0 0; /* IE ignores top margin, so padding is used instead */
	}
#logo {
	float: left;
	margin: 0 0 15px 0;
	}


/* Headers */
h1 {
	margin: 0 0 1em 0;
	font-size: 150%;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

	
h3{
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #330033;
	margin: 30px 0 15px 20px;	
}

#quote{
float:right; 
width:250px; 
text-align:right; 
margin:1em 0 2em 25px;	
}




#speaker-credit h1 {

	}
#speaker-credit h2 {
	font-size: 18px;
	color:#276246
	}
	
#speaker-credit h3 {
	font-size: 14px;
	color:#276246;
}
	
#speaker-credit h4 {
	color:#7F1b48;
	font-size:13px;
	}
	
#speaker-credit h5 {
	margin:10px 0 20px 0;
	color:#7F1b48;
	font-size:12px;
	}

#brochures{
	margin:0 auto 3em; 
	text-align:center; 
	width:300px;
	padding:1em 0; 
	border:solid #990000 thin;
	font-size:.9em; 
	background-color:#F0F0F0;	
}	

	
#brochures a{
	font-size:.9em;
}

#brochures h2{
	font-size: 0.8em;
	margin:0 auto;
	color:#330033;
}

/*  Link styles for video caption text above still image of video */

#Diabetes_Health_Video a:link{
	color:#990000;
	text-decoration: underline;
}

#Diabetes_Health_Video a:visited{
	color:#333333;
	text-decoration: underline;
}

#Diabetes_Health_Video a:hover{
	color: #FF3300;
	text-decoration: underline;
}

#handout{
	text-align:center;
	background-color: #FFFF99;  
	font-size:0.9em; 
	width:400px;
	margin: 1em 10px 1em 40px;
	padding:.25em 0;
}

/* ------------    Order Book Div                 ----------------*/

#orderbook p{
	font-size:1em;
}
