
#fixedWidth {
   margin:0 auto;
   width:785px;
   border-top: 4px solid #dbcbaf;
   border-bottom: 4px solid #dbcbaf;
   border-left: 4px solid #dbcbaf;
   border-right: 4px solid #dbcbaf;  /*  #792717  */
   text-align:left;
}
#header {
    /*position:relative;
    overflow:hidden;*/
	height:172px;
	border-bottom: 1px solid #dbcbaf;
}
body {
	margin:0;
	padding:0;
	text-align:center;
	background: #ebe3d5; /* url(../imgs/background-tile.jpg) repeat-x; */
}
#container2 {
	float:left;
	width:785px;
	overflow:hidden;
	position:relative; /*  for IE, which did not respond to the overflow rule */
	background-color:#fbfbfb; /* column 2 background color */
}
#col2 {
    margin-left:50px;
	margin-right:50px;
	margin-top:56px;
}
#col2 p, li { 
    color: #4c4c4b;    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; 
    font-weight: normal;
    line-height:20px;
	text-align:left;
}
#col2 a {
    color: #a75227; 
	font-size: 12px; 
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
    text-decoration: underline;
}
#col2 a:hover {
    color: #000000;
    text-decoration: none;
}
h1 {
    color: #db7440;    
    font-family: "Times New Roman", Times, serif;
    font-size: 21px; 
    font-weight: bold;
    line-height:20px;
	text-align:left;
}
h2, h2 a {
    color: #000000;    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px; 
    font-weight: bold;
    line-height:20px;
	margin-top:25px;
}
h2 a:hover {
    text-decoration:none;
}
h3, h3 a {
    color: #000000;    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; 
    font-weight: bold;
    line-height:20px;
	margin-top:30px;
}
h3 a:hover {
    text-decoration:none;
}
li {
    list-style-type: disc;
}
hr {
    border:0px;
    color:#d8af83;
	background-color: #d8af83;
	height: 2px;
	width: 94%;
	margin-left:18px;
	margin-bottom:13px;
	margin-top:13px;
}
img {
    vertical-align:bottom; /* to eliminate spaces between pics */
}
.picFloatLeft {
    float:left;
	margin-right:15px;
	margin-bottom:10px;
	/*border: 4px solid #ffffff;*/
}
.picFloatRight {
    float:right;
	margin-left:15px;
	margin-bottom:10px;
	/*border: 4px solid #ffffff;*/
}
.formTable {
    margin:0;
	width:450px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height:18px;
    text-align:left;
    background-color:#E1D6B6;
}
.bottomArt {
    background-image:url('../imgs/footer-repeat.gif');
	background-repeat:repeat-y;
}
.bottomArtText {
    padding-top:20px;
	padding-bottom:20px;
    margin-left:60px;
	margin-right:60px;
    color: #4c4c4b;    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; 
    font-weight: normal;
    line-height:18px;
	text-align:left;
	display:block;
}
#footerBottom {
	clear:both;
	float: none;
	margin:0 auto;
	width:785px;
	padding-top:10px;
	padding-bottom:20px;
}
#footerBottom p {
	color: #666666;    
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 9px; 
    font-weight: normal;
    font-style: normal;
    line-height: 10pt;
	letter-spacing:.03em;
}
.small {
    color: #4c4c4b;    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; 
    font-weight: normal;
    line-height:20px;
	text-align:left;
}

/********************************************************************/
A.footer:link { 
    color: #666666; 
	font-size: 9px; 
	font-weight: normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	border:none;
}
A.footer:visited { 
    color: #666666; 
	font-size: 9px; 
	font-weight: normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	border:none;
}
A.footer:hover { 
    color: #000000; 
	font-size: 9px; 
	font-weight: normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	border:none;
}

/* ================================================================
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
Tested in IE6, IE7, Firefox, Opera, Netscape, Mozilla and Safari (PC) - NO JAVASCRIPT
=================================================================== */
#multi-level {width:785px; height:30px; position:relative; z-index:100; background-color:#fbfbfb;}
#multi-level .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:27px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists *********  WATCH :  I added "left" in an attempt to position these things directly  */
.menu li.p1 {width:128px; left:31px; background:url(../imgs/nav/meet_over.gif) no-repeat;}
.menu li.p2 {width:146px; left:30px; background:url(../imgs/nav/physician_over.gif) no-repeat;}
.menu li.p3 {width:145px; left:30px; background:url(../imgs/nav/about_over.gif) no-repeat;}
.menu li.p4 {width:74px; left:30px; background:url(../imgs/nav/services_over.gif) no-repeat;}
.menu li.p5 {width:112px; left:30px; background:url(../imgs/nav/contact_over.gif) no-repeat;}
.menu li.p6 {width:112px; left:30px; background:url(../imgs/nav/patient_over.gif) no-repeat;}

/* set up the normal unhovered images in the links */
.menu li a#Meet {width:128px; background:url(../imgs/nav/meet.gif) no-repeat;}
.menu li a#Physician {width:146px; background:url(../imgs/nav/physician.gif) no-repeat;}
.menu li a#About {width:145px; background:url(../imgs/nav/about.gif) no-repeat;}
.menu li a#Services {width:74px; background:url(../imgs/nav/services.gif) no-repeat;}
.menu li a#Contact {width:112px; background:url(../imgs/nav/contact.gif) no-repeat;}
.menu li a#Patient {width:112px; background:url(../imgs/nav/patient.gif) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker)  */
.menu li a#Meet:hover, .menu li:hover a#Meet,
.menu li a#Physician:hover, .menu li:hover a#Physician,
.menu li a#About:hover, .menu li:hover a#About,
.menu li a#Services:hover, .menu li:hover a#Services,
.menu li a#Contact:hover, .menu li:hover a#Contact,
.menu li a#Patient:hover, .menu li:hover a#Patient {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level ***************  WATCH! One line down I changed width from 95px to auto ******** WORKS for Firefox but not others SO I CHANGED BACK */
.menu :hover ul.sub {left:4px; top:22px; background: #fbfbfb; padding:2px 0; border:1px solid #dbcbaf; white-space:nowrap; width:128px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:110px;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:122px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fbfbfb; border-width:0px 0px 0px 3px;}
.menu :hover ul.sub li a.fly {background:#f3dfc5 url(../imgs/nav/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#fbeed3; color:#000000;}
.menu :hover ul.sub li a.fly:hover {background:#c7654a url(../imgs/nav/arrow_over.gif) 80px 7px no-repeat; color:#f3dfc5;}
.menu :hover ul li:hover > a.fly {background:#c7654a url(../imgs/nav/arrow_over.gif) 80px 7px no-repeat; color:#f3dfc5;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:180px; top:-4px; background: #f3dfc5; padding:3px 0; border:1px solid #b04932; white-space:nowrap; width:110px; height:auto; z-index:400;}

/***********************************************************************************/
