body {
	margin:0px 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
		}
div, tr, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#header {
	padding:0px;
	margin: 0px;
	height: 80px;
	background-image: url(Images/DiagnoseMeFirst.jpg);
	background-repeat: no-repeat;
	background-position: left top;
		}
#headerlinks {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 2;
	text-align: left;
	padding: 5px 5px 5px 177px;
	background-image: url(Images/hdrbg.jpg);
	background-repeat: repeat-x;
/*	background-color: #990099;*/
	margin-top: 1px;
}
#headerlinks a:link, #headerlinks a:visited, #headerlinks a:hover {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#headerlinks a:hover {
	color: #00FFFF;
}
/* frame is wrapper for all the content except footer*/
#frame {
	width:100%;
	text-align:left;
	margin: 0px auto;
	background-color: #FFFFFF;
	}
/* leftcontent CSS from glish.com */
				 
#leftcontent {
	float:left;
	width:160px;
	background:#FFFFFF;
	padding: 0px;
	margin: 0px;
	height : 400px;
	color: #666666;
	text-align: left;
}
/* content is main column */
#content {
	color: #333333;
	background-color: #FFFFFF;
	padding: 10px 10px 20px 10px;;
	margin-top: 0px;
	margin-left: 161px;
	margin-right: 200px;
	min-height : 400px;
	font-family: Arial, Helvetica, sans-serif;
}
/* Home page is slightly different to other pages so has its own content CSS */
#HomePagecontent {
	color: #333333;
	width: 400px;
	margin: 0px 150px 0px 161px;
	text-align: center;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
	min-height : 400px; /* NN uses this to pad out  the height of the overall frame to fit the page where the content is short. IE6 ignores this */
}
#rightcontent {
	width:160px;
	float:right;
	position: static;
	color: #000000;
	text-align: left;
	}
	
/* Left column styles */
	
/* navlist CSS from http://www.projectseven.com/tutorials/css_menus/list_01/ */
#navlist ul {
	margin: 5px 0px 0px 0px;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}
#navlist li {
	margin-top: 1px;
	margin-right: 0;
	margin-left: 0;
}
#navlist a {
	display: block;
	padding: 2px 5px 2px 15px;
	width: 140px;
	background-color: #CCCCCC;
	background-image:   url(Images/up.gif);
	background-repeat: no-repeat;
	font-weight: normal;
}
#navlist a:link, #navlist a:visited {
	color: #333366;
	/*/*/color: #333366;
	text-decoration: none; /* */
}
#navlist a:hover {
	background-color: #0098cd;
	background-image:   url(Images/down.gif);
	color: #FFFFFF;
}
#navlist li.submenu a {
	/*/*/display: block;
	padding: 2px 0px 2px 20px;
	background-color: #DDDDDD;
	font-weight: normal;
}

/* end of navlist CSS */

.centeredbox {
	padding-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: center;

}

/* End of left content styles */

/* Right content styles */

#rightcontent h3, #leftcontent h3{
	background-image: url(Images/Sidebartop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #333333;
	padding: 5px 0px 5px 15px;
	margin: 5px 0px 0px 0px;
}
#rightcontent .textbox, #leftcontent .textbox {
	background-color: #d5f4ff;
	padding: 0px 0px 5px 15px;
	margin: 0px;
	color: #333333;
}

#rightlist ul {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	list-style-type: none;
	background-color: #d5f4ff;
}
#rightlist li {
	margin: 0;
}
#rightlist a {
	/*/*/display: block;
	padding: 2px 2px 2px 2px;
	font-weight: normal;
	font-size: 90%;
	width: 132px;
}
}
#rightlist a:link, #rightlist a:visited {
	color: #0099cc;
	/*/*/color: #0099cc;
	text-decoration: none; /* */
}
#rightlist a:hover {
	text-decoration: underline;
}

/* General styles */

a:link,  a:visited,  a:hover {
	color: #0099cc;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #cc00cc;
}
#content p {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
	margin:0px 0px 20px;
}
#content li {
	line-height: 120%;
	margin-bottom: 8px;
}
h2 {
	font-size: medium;
	text-align: left;
	color: #932680;
	margin:0px 0px 5px;

}
h3 {
	font-size: small;
	color: #333333;
	margin:0px 0px 1px;
	padding: 0px;
	border: none;
}
h4 {
	font-size: small;
	color: #333333;
	margin:20px 0px 1px;
	font-weight: normal;
}
.subhdr {
	color: #333333;
	font-weight: bold;

}


/* to center any piece of text */
.center {
	text-align: center;
}
.imgright {
	clear: none;
	float: right;
	margin-left: 10px;
	margin-bottom: 20px;
	font-size: 80%;
}
.imgleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size: 80%;
	clear: left;
}

.imgcenter {
	clear: both;
	float: none;
	margin-left: 10px;
	margin-bottom: 20px;
}
.imgtop {
	vertical-align: top;
}
.feedbacksource {
	font-family: "Times New Roman", Times, serif;
	font-size: medium;
	font-style: italic;
}
/* End of general styles */

/* Footer styles */

/* Footer is outside frame to ensure it occurs at the bottom regardless of size of content */
#Footer {
	width:100%;
	margin-right:auto;
	margin-left:auto;
	background-color: #eeeeff;
	padding: 5px;
	font-size: xx-small;
	color: #333333;
	text-align: center;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#Footer a:link,  #Footer a:visited, #Footer a:hover {
	color: #333333;
	text-decoration: underline;
	font-weight: normal;
}

#copyright {
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
/* End of footer styles*/
table.GIvalues {
	border-collapse:collapse;
	table-layout: fixed;
	width: 95%;
	border: 4px solid #CCCCCC;
}
table.GIvalues td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-collapse:collapse;
	color: #333333;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	vertical-align: top;
	padding: 5px;
}
.GIlow {
	background-color: #99CC66;
}
.GImed {
	background-color: #FFFF66;
}
.GIhigh {
	background-color: #FF6666;
}
.GIlowhdr {
	background-color: #99CC66;
	font-weight: bold;
}
.GImedhdr {
	background-color: #FFFF66;
	font-weight: bold;
}
.GIhighhdr {
	background-color: #FF6666;
	font-weight: bold;
}
.GIhdrb {

	background-color: #ffffEE;
	font-weight: bold;
}
table.babies {
	border-collapse:collapse;
	table-layout: fixed;
	width: 99%;
}
table.babies td {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	vertical-align: top;
	padding: 0;
}
table.babies td p{
	font-size: 85%;
	width: 250px;
	}

.alt {
	background-color: #eeeeff;
}

.small {
	font-size: 80%;
}
em {
	font-weight: bold;
	font-style: normal;
}
li.arrowlist {
	list-style-position: outside;
	list-style-image: url(Images/bullet-arrow.gif);
}
#pageindex {
	background-color: #c0e5f3;
	padding: 1px;
	margin-bottom: 20px;

}
#pageindex a {
	color: #666666;
	text-decoration: none;
	white-space: nowrap;
	font-weight: normal;
}
#pageindex a:hover {
	color: #cc00cc;
}
.hidden {
	visibility: hidden;
}
.visible {
	visibility: visible;
}
.firstletter {
	font-size: 2em;
	color: #FF66CC;
	font-family: fantasy, serif;
	font-weight: bold;

}
div#ExerciseSelector p{
	background-color: #ffddff;;
	padding: 5px;
	margin: 2px;
	}
div#ExerciseSelector table {
	width: 90%;
}
div#ExerciseSelector td.inputlabel {
	width: 25%;
}
div#ExerciseSelector ul {
	list-style-type: none;
}
.caption {
	font-weight: bold;
}
table.contact {
	width: 92%;
}
table.contact td {
	padding: 5px;
	vertical-align: top;
	font-size: 90%;
}
.FeatureBox {
	border: 1px solid #6699FF;
	background-color: #F0FFFF;
	width: 95%;
	padding: 10px;
}
#content ul.ingredients{
	margin-left: 0px;
	padding-left: 0px;
}
#content ul.ingredients li {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
	line-height: 60%;
}
ul.plain{
	margin-left: 0px;
}
ul.plain li {
	list-style-type: disc;
	list-style-position: inside;
}
.insetFeature {
	font-size: 85%;
	background: #eeeeee;
	float: right;
	margin: 5px;
	padding: 10px 5px 5px;
	width: 40%;


}