body {
	margin: 0; padding: 0;
	text-align: center;
	font-size: 13px;
	line-height: 15px;
	font-family: "Trebuchet MS", trebuchet, Arial, Helvetica, sans-serif;
	color: #000;
	}

a {text-decoration: none; color: #000; font-weight: bold;}
a img {border: 0 none; background: none;}
a:hover {color: #c10a0a;}
a:focus, input:focus, input {outline: none;}
.clear {clear: both;}

h2 {color: #993333; font-size: 17px; margin-top: 0;}
h3 {color: #000; font-size: 15px;}

#wrapper {width: 920px; margin: 0 auto;}

#container {
	width: 888px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	}

#header {height: 87px; width: 888px; background: url('../images/menu-bg.gif') no-repeat bottom left; position: relative;}
	
	#sitewide {position: absolute; top: 19px; left: 23px; color: #FFF; font-size: 11px;}
	#sitewide a {color: #FFF; font-size: 11px; margin: 0 5px; font-weight: normal;}
	#sitewide a:hover {color: #c10a0a;}
	
	#changecolor {position: absolute; top: 19px; right: 176px; color: #FFF; font-size: 13px; display: block; background: url('../images/arrow-wht.gif') no-repeat right 3px; height: 16px; padding-right: 16px; text-align: right;}
	
	a#switchblue  		{width: 38px; height: 21px; position: absolute; top: 19px; right: 121px; display: block; background: url('../images/switchblue.gif') no-repeat top left;}
	a#switchred   		{width: 38px; height: 21px; position: absolute; top: 19px; right: 77px;  display: block; background: url('../images/switchred.gif') no-repeat top left;}
	a#switchblack 		{width: 38px; height: 21px; position: absolute; top: 19px; right: 33px;  display: block; background: url('../images/switchblack.gif') no-repeat top left;}
		a#switchblack:hover, a#hereblack, a#switchblue:hover, a#hereblue, a#switchred:hover, a#herered {background-image: none;}

	a#home 				{width: 135px; height: 41px; position: absolute; top: 46px; left: 25px; display: block; background: url('../images/menu-home.gif') no-repeat top left;}
	a#details  			{width: 189px; height: 41px; position: absolute; top: 46px; left: 164px; display: block; background: url('../images/menu-details.gif') no-repeat top left;}
	a#managediabetes 	{width: 189px; height: 41px; position: absolute; top: 46px; left: 356px; display: block; background: url('../images/menu-managediabetes.gif') no-repeat top left;}
	a#homework 			{width: 170px; height: 41px; position: absolute; top: 46px; left: 548px; display: block; background: url('../images/menu-homework.gif') no-repeat top left;}
	a#enewsletter 		{width: 138px; height: 41px; position: absolute; top: 46px; left: 721px; display: block; background: url('../images/menu-enewsletter.gif') no-repeat top left;}
		a#home:hover, a#details:hover, a#managediabetes:hover, a#homework:hover, a#enewsletter:hover, 
		#header a.here {background-image: none;}
		.textlink {display: none;}

#content {padding: 0 3px; width: 882px; background: url('../images/content-top.gif') no-repeat top left; position: relative;}
#content a {color: #0099cc;}
a.splashlink {background: url('../images/splash-1.gif') no-repeat top left; font-size: 13px; font-weight: bold; cursor: pointer; border: 0 none; padding: 19px 0 0 61px; height: 41px; display: block;}


#content a:hover {color: #c10a0a;}
#content-header {height: 143px; position: relative;}
a#simplylink {height: 142px; position: absolute; top: 0; left: 30px; width: 307px;}
#content-title {position: relative; left: 9px; top: 9px; color: #FFF; font-size: 18px; padding-bottom: 44px;} 
#content-left {float: left; width: 249px; position: relative;}
a#subheaderlink {position: absolute; width: 212px; left: 14px; top: 6px; height: 38px;}

#content-right {margin-left: 254px; width: auto; position: relative; padding-right: 29px; padding-bottom: 29px; font-size: 14px;}
#content-right .largeparagraph {/*font-size: 14px; line-height: 18px;*/}
#content-right li {padding: 12px 0;}
#content-right .condensed {margin: 0 0 0 14px; padding: 0;}
#content-right .condensed li {margin: 0; padding: 2px 0; height: auto;}

ul#submenu {margin: 0; padding: 0; list-style-type: none; position: absolute; top: 55px; left: 14px; width: 207px; font-size: 14px; font-weight: bold;}
ul#submenu li {padding: 7px 0 10px 44px; background: url('../images/arrow-red.gif') no-repeat 21px 10px; color: #993333;}
ul#submenu li.here {background: url('../images/arrow-splash.gif') no-repeat 0 0px;}


/* - - - - - - - - H I G H L I G H T   S T Y L E S - - - - - - - - */
#starstitle   {position: absolute; top: 50px;  left: 20px;  width: 258px; font-weight: bold; font-size: 14px;}
#starscontent {position: absolute; top: 90px;  left: 20px; width: 156px;}
#starslink    {position: absolute; top: 242px; left: 19px; width: 138px;}
#starslink a {display: block; padding-left: 57px; width: 58px; height: 47px; padding-top: 10px;}

#polltitle {width: 251px; position: absolute; top: 50px; left: 314px; font-weight: bold; font-size: 14px; height: 375px;}
.pollform {width: 230px; margin: 0; padding: 0; position: absolute; top: 90px; left: 324px; height: 295px;}
.pollform table {border-collapse: collapse; font-size: 13px; font-weight: bold; line-height: 14px;}
.pollform td {vertical-align: top; padding: 4px 0 4px 2px;}
	.pollform td.selecttop {width: 22px; background: url('../images/select-bg.gif') no-repeat top left; text-align: center; padding: 2px 0;}
	.pollform td.select    {width: 22px; background: url('../images/select-bg.gif') no-repeat center left; text-align: center; padding: 2px 0;}
	.pollform td.selectbot {width: 22px; background: url('../images/select-bg.gif') no-repeat bottom left; text-align: center; padding: 2px 0;}
	.pollform .submitbtnsplash {position: absolute; top: 149px; left: 54px; text-align: left;}
	img#pollsplash {position: absolute; top: 131px; left: 50px}

.pollchart {width: 224px; margin: 0; padding: 0; position: absolute; top: 50px; left: 324px;}
.pollchart td {width: 56px; vertical-align: top; padding: 4px; line-height: 12px; font-size: 10px; font-weight: normal;}

.pollchart td td {width: 56px;}

#popquiz {position: absolute; top: 50px; right: 26px; width: 261px; height: 250px;}
#popquiz strong {font-weight: bold; font-size: 14px;}
#popquiz .quizform {margin-left: 10px;}
#popquiz .quizform .submitbtnsplash {position: absolute; bottom: 0px; left: 34px; text-align: left;}
#popquiz .quizform img#quizsplash {position: absolute; bottom: 0; left: 36px;}

#highlights {clear: both; height: 300px; width: 888px; background: url(../images/highlights-bg.gif) no-repeat top left; position: relative; line-height: 16px;}
#highlights a {font-size: 14px; line-height: 15px;}

/* - - - - - - - - H I G H L I G H T   S T Y L E S - - - - - - - - */

input.radiobtn {margin: 0; padding: 0; position: relative; top: 2px;}
.submitbtn {background: 0 none; border: 0 none; font-size: 13px; color: #000; font-weight: bold; cursor: pointer;}
.submitbtn:hover {color: #c10a0a;}

.submitbtnsplash {background: url('../images/splash-1.gif') no-repeat top left; font-size: 13px; font-weight: bold; cursor: pointer; border: 0 none; padding: 0px 0 0 61px; height: 60px;}
.submitbtnsplash:hover {color: #c10a0a;}

#content-bottom {height: 22px; width: 888px; background: url(../images/content-bottom.gif) no-repeat bottom left;}

#footer-container {position: relative; height: 141px; width: 920px; color: #FFF; font-size: 11px;}
	#footer-top {position: relative; top: 17px; z-index: 2;}
	#footer-top a {margin: 0 5px; position: relative; color: #FFF}
	#footer-top a:hover {color: #c10a0a;}
	#footer-bottom {color: #dbd8d8; bottom: 47px; left: 0; position: absolute; text-align: left; z-index: 2;}
	#footer-bayerlogo {position: absolute; bottom: 47px; right: 0; width: 325px; height: 28px; display: block; background: url('../images/bayerfoot.png') no-repeat top left; z-index: 2;}
	#footer-bg {background: url('../images/bg-insideblack-bottom.png') no-repeat bottom center; height: 141px; position: absolute; top: 0; left: 0; z-index: 1; width: 920px;}