/******** home page styles *********/
#pageWrapper {
	width:968px;
	margin:0px auto;
  text-align: left; /* left aligns text as the default, over-rides body text-align */
	padding-left:6px;
	padding-right:6px;
	background-color:#FFFFFF;
}

.header tr.homeHeaderRow {
  height:50px;
}

#homeFooter {
	border-top:1px solid #E6E6E6;
	margin-top:1px;
	padding-bottom:10px;
}

.pageContent tr.homeMainRow td {
  padding:0px;
	margin:0px;
}	
	
.pageContent tr.homeBottomRow {
  height:90px;
}
.pageContent tr.homeBottomRow td {
	padding:15px;
	font-size:0.9em;
	color:#666666;
}

.pageContent tr.homeFeaturesRow td {
	padding:20px 5px 5px 10px;
	font-size:0.9em;
	color:#666666;
}

.pageContent tr.homeFeaturesRow table.homeLogIn td, .pageContent tr.homeFeaturesRow table.homeFindADoctor td {
  padding:2px;
	font-size:1.0em;
}

.pageContent tr.homeFeaturesRow td.homePageGutter, .pageContent tr.homeBottomRow td.homePageGutter {
	padding:0px;
	margin:0px;
}	

div.homehr {
  height: 1px;
  background: #FFFFFF url(../images/uichrome/hr.gif) no-repeat 0px center;
	margin:0px 0px 0px 0px;
}
div.homehr hr {
  display:none;
}

/*  clam shell menu classes  */

#clamShellMenu li{
	list-style-type:none;
	position:relative;
}
#clamShellMenu ul{
	margin:0px;
	padding:0px;
	position:relative;
}

#clamShellMenu div{
	margin:0px;
	padding:0px;
}
/* 	Layout CSS */
#clamShellMenu{    
	visibility:hidden;
	border:1px solid #AFBC21;
	padding:0px;
	margin:0px;
	
	width: 320px;  /* IE 5.x */
	width/* */:/**/320px;  /* Other browsers */
	width: /**/320px;  

	height/* */:/**/299px;  /* Other browsers */

}

/* All A tags - i.e menu items. */
#clamShellMenu a{
  padding:0px;
	margin:0px;
	color: #000;
	text-decoration:none;	
	display:block;
	clear:both;
	padding-left:0px;	
}

/*
A tags 
*/
#clamShellMenu .slMenuItem_depth1{  /* Main menu items */
margin-top:0px;
height:50px;
vertical-align:top;
}  


/* UL tags, i.e group of menu utems. 
It's important to add style to the UL if you're specifying margins. If not, assign the style directly
to the parent DIV, i.e. 

#clamShellMenu .slideMenuDiv1

instead of 

#clamShellMenu .slideMenuDiv1 ul
*/

#clamShellMenu .slideMenuDiv1 {
	padding:0px;
	background-color:#D6DE79;
}
#clamShellMenu .slideMenuDiv2 {
	padding:0px;
	height:140px;
	background-color:#D6DE79;
}

.clamShellContent  {
	line-height:10px;
	height:149px; 
	background-color:#D6DE79;
}

.clamShellContent p {
	margin:0px; 
	padding:0px;
}

#clamShellMenu .slideMenuDiv2 a:link, #clamShellMenu .slideMenuDiv2 a:visited {
	margin:0px; 
	padding:0px;
	color:#0067AC;
	line-height:14px;
}

#clamShellMenu .slideMenuDiv2 a:hover, #clamShellMenu .slideMenuDiv2 a:active {
	margin:0px; 
	padding:0px;
	color:#DB7200;
	text-decoration:underline;
	line-height:14px;
}

table.clamShellContentTable {
 width:318px;
 font-size:0.9em;
 line-height:0.2em;
}

table.clamShellContentTable h3 {
 margin:4px 0px 6px 0px;
 color:#4A601C;
 font-size:1.0em;
 font-weight:bold;
}