html, body {
  margin: 0;
  padding: 0;
  text-align: center;
  background-color : White;
  font-family : Arial, Helvetica, sans-serif;
}


a {
}

hr.space {
	visibility: hidden;
	color: white;
}

.disabledLabel {
	color: silver;
}


#PrintHeader {
  float:left;
  visibility : hidden;
  margin-bottom: 0;
  padding-bottom: 0;
}


#pagewidth {
  width: 990px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}


#header {
  background : url(/layouts/images/mastheadTan.gif);
  position:relative;
  height:236px;
  background-color:#FFFFFF;
  width:990px;
}


/* NAVIGATION BETWEEN THE FOUR DIFFERENT SITES */


#MainNav ul {
  padding:0;
  margin:0;
}


#MainNav ul li {
  list-style-type : none;
}


#MainNav a {
  position: absolute;
  height: 50px;
  width: 50px;
  text-decoration: none;
  /* use next line for debugging/placement */
	/* border: thin solid blue;
  *.
	/*Transparent background so links are clickable in IE*/
	background : url(/layouts/images/empty.gif);
}


#MainNav a i {
  visibility: hidden;
  width:50px;
  height:50px;
}


/* TOP SUB NAVIGATION LINKS */


#TopSubNav {
  position:absolute;
  width:798px;
  top:140px;
  left:186px;
  text-align:center;
  font-size: .9em;
}


#TopSubNav ul {
  padding:0;
  margin:0;
  list-style-type : none;
  font-weight: bold;
  display: inline;
}


#TopSubNav ul li {
  display: inline;
  margin: 0 .7em 0 .7em;
  text-transform: uppercase;
}


/* Top nav buttons; used firefox web dev tool/ruler for placement, left minus 120px gets you close */


a#btnHome {
  top:22px;
  left:19px;
  width:105px;
  height:140px;
}


a#btnForPatients {
  top:5px;
  left:675px;
}


a#btnForPatients:hover {
  margin-top: -5px;
  width:81px;
  height:50px;
  background-image:url(/layouts/images/popForPatients.gif);
  background-repeat : no-repeat;
}


a#btnForMedicalProfessionals {
  top:10px;
  left:754px;
}


a#btnForMedicalProfessionals:hover {
  margin-top: -9px;
  width:170px;
  height:60px;
  background-image:url(/layouts/images/popForMedProf.gif);
  background-repeat : no-repeat;
}


a#btnAboutMhaus {
  top:14px;
  left:831px;
}


a#btnAboutMhaus:hover {
  margin-top: -10px;
  width:97px;
  height:60px;
  background-image:url(/layouts/images/popAboutMhaus.gif);
  background-repeat : no-repeat;
}


a#btnPlaceOrder {
  top:22px;
  left:908px;
}


a#btnPlaceOrder:hover {
  margin-top: -10px;
  width:79px;
  height:60px;
  background-image:url(/layouts/images/popPlaceOrder.gif);
  background-repeat : no-repeat;
}


/* End top nav buttons */


/* Left sidebar changes based on which site is being visited; 
	the following IDs (and any others) can be overriden in a separate css file:

	#wrapper 
	#leftColTop 
	#leftCol 

	The ones below are default (patient) styles
*/


#wrapper {
  background-image : url(/layouts/images/navRed.gif);
  background-repeat: repeat-y;
}


#leftColTop {
  background-image : url(/layouts/images/navRedTop.gif);
  width: 187px;
  height: 89px;
  margin-top:-89px;
}


#leftcol {
  width:186px;
  float:left;
  position:relative;
  background-color: #E3363D;
}


#leftNav {
  font-weight: bold;
}


#leftNav ul {
  padding:0;
  margin-left: .6em;
  list-style-type : none;
  text-transform : uppercase;
  font-size: .9em;
}


#leftNav ul li {
  margin-bottom: .6em;
}


#leftNav ul li ul {
  margin-top: .4em;
  margin-left: 1em;
  font-size: .8em;
  text-transform : none;
}


#leftNav ul li ul li {
  margin-bottom: .2em;
}


#leftNav a {
  color: black;
  text-decoration: none;
}


#leftNav a:hover {
  color: white;
  border-bottom: thin dashed white;
}


#maincol {
  background-color: #FFFFFF;
  float: right;
  display:inline;
  position: relative;
  width:804px;
}


#PageTitle {
  font-size: 1.5em;
  display:block;
  /* background-color:#D7C37E;
  */
	text-align: right;
  padding-right: 1em;
  margin-right:.8em;
  margin-bottom: 1em;
  background-image : url(/layouts/images/pageTitleTan.gif);
  height:32px;
}


#pageSubtitle {
  font-size: 1.2em;
  display:block;
  text-align: center;
}


#contentBody {
  margin-top: -50px;
  padding-left: 2em;
  padding-bottom:2em;
  padding-right: .8em;
  /* remove these two lines to eliminate "frames" style output */
	/* height: 500px;
  */
	/* overflow : auto;
  */
}

#contentBody ul li {
  margin-bottom: 1.5em;
}


#footer {
  width:990px;
  height:75px;
  clear:both;
  background-image : url(/layouts/images/footerTan.gif);
}


/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */


.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


.clearfix {
  display: inline-block;
}


.podcast {
  margin: 1em 0 1.4em 0;
  border: 2px outset blue;
  padding: 1em;
}


.podcastTitle {
  font-size: 1.2em;
  margin-bottom: .5em;
}


.podcastSummary {
  font-size: .9em;
  margin-bottom: .8em;
}


.compactFormField {
  font-size: .6em;
}

.hidden {
	display: none;
}

.error {
	color: white;
	background-color: red;
	font-size: .7em;
	font-weight:bold;
	padding: .2em;
	display: none;
}

/* Hides from IE-mac \*/


* html .clearfix {
  height: 1%;
  }.clearfix{display: block;
}/* End hide from IE-mac */


	
	
	#facebookLink {
						text-align: center;
						position: absolute;
						margin-top: -32px;
						width: 987px;
						font-size: 1.1em;
						padding: .3em;
						text-decoration:none;
					}
	
#ExamPage td {
			 border-top: 1px inset grey;
			 border-left: 1px inset grey;
			 border-right: 1px inset grey;

			}	
	


/*printer styles*/


@media print {


#pagewidth {
  width:900px;
}


#header {
  height:148px;
  background: none;
}


#PrintHeader {
  visibility:visible;
  clear:both;
}


#wrapper {
  background-image : url(/layouts/images/empty.gif);
}


#leftcol, #leftNav, #TopSubNav, #NewsletterPromo {
  display:none;
}


#twocols, #maincol {
  width:100%;
  float:none;
}


#PageTitle {
  background-image : none;
  font-size:2em;
  text-decoration:overline underline;
  clear:both;
}


#footer {
  display: none;
}



}