/* @override http://robinwoodortho.com/includes/_styles.css */

/* default css */

/*** IE6 Fix ***/
* html #left {
  left: 200px;           /* RC width */
}

html
{
	height: 100%;
}

* html div#container {
	height: 100%;
}

img, div
{
	padding:0px;
	margin:0px;
}

table
{
	padding:0px;
	margin:0px;
}

body
{	
	text-align:center;
	margin:0 auto; 
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: 12px;
	text-align:left;
	background:url(/images/common/BGRepeat.gif) left top repeat-x #a5b1b9;
}

.clear {
	clear:both;
	}

#wrapper
{
	height: auto !important;
	height: 100%;/**/
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
	width:800px;  /*1051 */
	position:relative;
	top:0;
	left:0;
	margin: 0 0 0px 0px;
	background:url(/images/common/contentBG.gif) left top repeat-y #fff;
}

#main
{
	position:relative;
	float:left;
	display:inline;
	margin:0;
	padding:0 0 0px 0px;
	width:800px;
}

#header
{
	width:800px;	
	height:1%;
	float:left;
	display:inline;
	margin:0;
	padding:0;
	background:url(/images/common/topHeaderBG.gif) left top repeat-x #c6d1e5;
}

#purpleLogo
{
	float:right;
	display:inline;
	margin:20px 0 0 0px
}

#grayTopNav
{
	float:right;
	display:inline;
	margin:20px 0px 0 0px;
	padding-right:20px;
	background-color:#dfe4ee;
}

#blueTopNav
{
	float:right;
	display:inline;
	width:780px;
	margin:0px 0px 0 0px;
	padding-right:20px;
	background-color:#005d97;
	border-bottom:solid 1px #fff;
	border-top:solid 1px #fff;	
}

#greenTopBar
{	
	background-color:#009b68;
	float:left;
	display:inline;
	width:800px;
	border-bottom:solid 1px #fff;
	height:10px;
}

#grayTopBarWrap
{	
	float:left;
	display:inline;
	width:800px;
	height:10px;
    background:url(/images/common/contentBG.gif) left top repeat-y #858d9a;
}

#grayTopBar
{
	width:800px;
	height:10px;
	background-color: #858d9a
}

#banner
{
	float:left;
	display:inline;
}



/* left side styles */

.leftShadow
{
	background:url(/images/common/leftShadow.jpg) right top no-repeat;
}



#leftCol
{	
	width:210px;
	min-height:650px; 
	margin:0px 20px 0px 20px;
	padding:0 0 0px 0 0px;
	float:left;
	display:inline;	
}

/* the following rule is recognized only by IE */
	
* html #leftCol	
{
	padding-bottom:192px;
 }
/* end left col styles */

#tdCenterCol
{
	background:url(/images/common/contentBG.gif) left top repeat-y #fff;
}



/* right col styles */
.rightShadow
{
	background:url(/images/common/rightShadow.jpg) left top no-repeat;
}


.clear, #clear
{
	clear:both;
	margin:0px;
	padding:0px;
}

#push
{
	clear:both;
	margin:0px;
	padding:0px;
	height:0px;
}

#footer
{
	clear:both;
	height:70px;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background:url(/images/common/contentBG.gif) left top repeat-y #fff;
	position:relative;
	left:0px;
	top:0;
	width:100%;
}

* html #footer
{
	margin: -20px 0 0 0px;
}

#footerNav
{
	 float:right;
	 display:inline;
	 width:509px;
	 margin:0px 40px 0 0px;
	 border-top:solid 1px #d6d6d8;
}

#footerNav #links
{
	margin:20px 0px 0 20px;
	line-height:18px;
}

#footer #design
{
	float:left;
	display:inline;
	width:230px;
	margin:0px 0px 0 20px;
	border-top:solid 1px #d6d6d8;
}

#design #text
{
	margin:20px 0px 0 30px;
}
/**********************************************************************************/

/* text styles */
#primaryContent
{
	float:left;
	display:inline;
	background:url(/images/common/contentBG.gif) left top repeat-y;
	background-color:#fff;
	vertical-align:top;
	width:800px;
	margin:0px 0px 0 0px;
	padding-top:20px;

}

#watermark
{
	position:absolute;
	left:0;
	bottom:0px;
}

* html #watermark
{
	left:20px;
}

#pageContent
{
	float:right;
	display:inline;
	background-color:#FFF;
	width:490px;
	margin:0px 40px 0 0px;
}

#subsection
{
	float:left;
	display:inline;
	margin:240px 0 0 0px;
}

#subsection #img
{
	float:left;
	display:inline;
	border:solid 1px #858d9a;
}

#subsection #services, #subsection 
{
	float:left;
	display:inline;
	margin:0 0 0 20px;
}


#conditions 
{
	float:left;
	display:inline;
	margin:0 0 50px 20px;
}

#officeItem
{
	float:left;
	display:inline;
	line-height:18px;
	margin:0px;
	padding:0px;
}

#officeItem #location
{
	float:left;
	display:inline;
	color:#005d97;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	height:1%;
	margin:0px;
	width:130px;
}

#officeItem #employment
{
	float:left;
	display:inline;
	color:#005d97;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	height:1%;
	margin:0px;
}

#officeItem #phone
{
	float:right;
	display:inline;
	color:#666;
	height:1%;
	margin:0px;
}

.button 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background:url(/images/buttonBG.gif) left top repeat-x #efefef;
	border: 1px solid #c2c2c2;
	vertical-align: text-bottom;
	color: #666;
	font-weight: normal
}



h1
{
	font-family:Arial, Helvetica, sans-serif;
	color:#82683b;
	font-size:15px;
	font-weight:normal;
}





#services ul, #conditions ul
{
	margin:0px 0 0px 5px;
	padding:0px;
	list-style:none;
}

#services ul li, #conditions ul li
{
	background:url(/images/common/blueArrow.gif) left center no-repeat;
	vertical-align:top;
	padding-right:15px;
	float:left;
	width:100%;
	padding-left:10px;
}

#services ul a, #conditions ul a
{
	font-family:Arial, Helvetica, sans-serif;
	color:#005d97;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
}



a {
	font-family:Arial, Helvetica, sans-serif;
	color:#005d97;
	font-weight:normal;
	text-decoration:underline;
}





.addressSmall
{	
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size: 10px;
	
}


/* - NAVIGATION SECTION - */

#mainNav ul {
	float: left;
	margin: 0 0 0 0px;
	padding: 0px;
	list-style-type: none;
	width: 800px;
	}

#mainNav ul.grayNav {
	height: 20px;
	width: 433px;
	margin: 0 0 0 367px;
	padding: 0px;
	}

#mainNav ul.blueNav {background: #005d97; border-top: solid 1px #ffffff; border-bottom: solid 1px #ffffff;}


#mainNav ul li {
	float: left;
	margin: 0px;
	padding: 0 0px 0 0px;
	height: 20px;
	border: none;
	background: none;
	text-align: center;
	line-height: 20px;
	}

#mainNav ul.grayNav li {background: #dfe4ee;}
#mainNav ul.blueNav li {background: #005d97;}


#mainNav ul li a {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 20px;
	display: block;
	background-position: 0px 0px;
	cursor: pointer;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -5000px;
	}

#mainNav ul li.last {padding-right: 20px;}

#mainNav ul.grayNav li a {color: #6f7581;border-right: solid 1px #c6d1e5;}
#mainNav ul.blueNav li a {color: #ffffff;border-right: solid 1px #80aecb;}

#mainNav li.requestAppointment {
	margin: 0 174px 0 20px;
	border-left: solid 1px #80aecb;
	background: #0488da;
	width: 171px;
}

#mainNav ul li.requestAppointment a {width: 171px;background: #0488da url(../images/nav/appointment.gif);}
#mainNav ul li.hipaa a {width: 136px;background: url(../images/nav/hippa.gif);}
#mainNav ul li.patientCare a {width: 91px;background: url(../images/nav/patientCare.gif);}
#mainNav ul li.contact a {width: 91px;background: url(../images/nav/contact.gif);}
#mainNav ul li.home a {width: 91px;background: url(../images/nav/home.gif);}
#mainNav ul li.ourStaff a {width: 135px;background: url(../images/nav/ourStaff.gif);border-left: solid 1px #80aecb;}
#mainNav ul li.services a {width: 91px;background: url(../images/nav/services.gif);}
#mainNav ul li.conditions a {width: 91px;background: url(../images/nav/conditions.gif);}
#mainNav ul li.forms a {width: 91px;background: url(../images/nav/forms.gif);}

#mainNav ul li a:hover {background-position: 0px -20px;	cursor: pointer;}
#mainNav ul li:hover a {background-position: 0px -20px;	cursor: pointer;}


/* SUBMENU STYLES AND FUNCTIONALITY */
	
	.blueNav, .blueNav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 1;
		position: relative;
		z-index: 999;
		}

#mainNav ul.blueNav li.services ul {
	width: 90px;
}

	.blueNav li ul { /* second-level lists */
		position: absolute;
		top: -1px;
		left: 502px;
		display: none;
		width: 90px;
		z-index: 999;
		text-indent: 0;
		background-image: none;
		padding: 0px 0 0px 0px;
		}
		
		.blueNav li ul li { 
			display: inline;
			text-indent: 0; 
			padding: 0 0 0px 0px;
			width: 91px;
			height: 20px;
			background-image: none;
			z-index: 999;
			clear:both;
			}

	.blueNav li:hover ul ul, 
	.blueNav li:hover ul ul ul, 
	.blueNav li.sfhover ul ul, 
	.blueNav li.sfhover ul ul ul {
		display: none; 
		}

	.blueNav li:hover ul, 
	.blueNav li li:hover ul, 
	.blueNav li li li:hover ul, 
	.blueNav li.sfhover ul, 
	.blueNav li li.sfhover ul, 
	.blueNav li li li.sfhover ul {
		display: block;
		top: 20px;
		z-index: 999;
		text-indent: 0;
		}
	
	
	#mainNav ul.blueNav li ul li a {
		width: 91px;
		height: 20px;
		display: block;
		text-decoration: none;
		color: #dfe4ee;
		font-size: 10px;
		text-align: center;
		line-height: 20px;
		padding: 0;
		text-indent: 0px;
		background-image: none;
		background: #237ab0; 
		z-index: 999;
		border-top: solid 1px #80aecb;
		border-left: solid 1px #80aecb;
		font-weight: normal;
		clear:both;
		}

	#mainNav ul.blueNav li ul li.last  {margin: 0px; padding: 0px;}
	#mainNav ul.blueNav li ul li.last a {border-bottom: solid 1px #80aecb;}
	
	#mainNav ul.blueNav li ul a:hover {background: #80aecb;}	
		
		
	
		
	* html ul li { float: left; }
	* html ul li a { height: 1%; }