#shadow {
margin:0 auto;
width:787px;
border-left: 3px solid #792717;
border-right: 3px solid #792717;
}
#fixedWidth {
   margin:0 auto;
   width:781px;
   border-left: 3px solid #e1ad73;
   border-right: 3px solid #e1ad73;  /*  #792717  */
   border-bottom: 3px solid #e1ad73;
   text-align:left;
}
#header {
    /*position:relative;
    overflow:hidden;*/
	height:204px;
}
body {
	margin:0;
	padding:0;
	text-align:center;
	background: #9a402c url(../imgs/background-tile.jpg) repeat-x;
}

#container2 {
	float:left;
	width:781px;
	overflow:hidden;
	position:relative; /*  for IE, which did not respond to the overflow rule */
	background-color:#ac711b; /* column 2 background color */
}
#container1 {
	float:left;
	width:781px;
	position:relative;
	right:556px;
	background-color:#ad5139; /* column 1 background colour */
	background: #ad5139 url(../imgs/background-column-left.jpg) repeat-x;
	border-right: 1px solid #c0b271;
}
#col1 {
	float:left;
	width:225px;
	/*height:391px;*/
	position:relative;
	left:556px;
	margin-top:10px;
	overflow:hidden;
}
#col2 {
	float:left;
	width:556px;
	position:relative;
	left:557px;  /*  one pixel over to have container 1 right border show */
	margin-bottom:6px;
	overflow:hidden;
}

#col2 ul li, p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
    font-size: 11px;
    line-height:18px;
	margin-top:0px;
	margin-left:20px;
	margin-right:32px;
	margin-bottom:10px;
	/*color:#722313;*/
}
h1 { 
    color: #722313;
	font-family: Georgia, Arial, Helvetica, sans-serif;
    font-size: 18px;
	margin-left:20px;
	margin-top:0px;
    line-height: 24px;
	font-weight:bold;
}
h2 { 
    color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
	margin-top:26px;
	margin-left:20px;
	margin-bottom:0px;
    line-height: 24px;
}
hr {
    border:0px;
    color:#d8af83;
	background-color: #d8af83;
	height: 2px;
	width: 90%;
	margin-left:21px;
}
img {
    vertical-align:bottom; /* to eliminate spaces between pics */
}
.picture { background-color: #F9F9F9; border: 1px solid #CCCCCC; padding: 3px; font: 11px/1.4em Arial, sans-serif; text-align:center;} 
.picture img { border: 1px solid #CCCCCC; vertical-align:middle; margin-bottom: 3px; } 
.right { margin: 8px 20px 8px 13px; float:right; } 
.left { margin: 8px 13px 8px 20px; float:left; }
.pic {
    /*border:3px solid white;
    border-left: 2px solid #722313;
	border-top: 2px solid #722313;
    border-right: 2px solid #722313; 
	border-bottom: 3px solid #722313; */
	margin-left:15px;
	margin-top:18px;
}
.pic2 {
    border:3px solid white;
    /*border-left: 4px solid #ab711b;
	border-top: 4px solid #ab711b;
    border-right: 4px solid #ab711b; 
	border-bottom: 4px solid #ab711b; */
}
.picFloatLeft {
    /*border:3px solid white;*/
    float:left;
	margin-right:15px;
	margin-bottom:10px;
}
.picFloatRight {
    /*border:3px solid white;*/
    float:right;
	margin-left:15px;
	margin-bottom:10px;
}
.home-pageText { 
    color: #722313;    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px; 
    font-weight: normal;
    line-height:18px;
	text-align:justify;
	display:block;
}
.contentBlock {
    width:625px;
	margin-left:24px;
    margin-bottom:25px;
	border: .1em solid #CC9900; /* #d1a566;*/
	background-color:#dfb982;
	text-align: center;
}
/*.contentBlock {
    margin-top: 25px;
	background-image: url(/imgs/contentBlock.jpg);
	background-repeat: no-repeat;
	padding: 20px 0;
	text-align: center;
} */
.highlightBig {
    color: #C84D4D;
	font-weight:bold;
	font-size:13px;
}
.highlightMed {
    color: #C84D4D;
	font-weight:bold;
	font-size:11px;
}
.highlight {
    color: #C84D4D;
	font-weight:normal;
	font-size:9px;
}
.indentation {
    margin-left:14px;
}
.big { 
    color: #000000;    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px; 
    font-weight: bold;
    line-height: 18px;
}
.bigAlert { 
    color: #FF0000;    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px; 
    font-weight: bold;
    line-height: 10pt;
}
.medium { 
    color: #000000;    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; 
    font-weight: bold;
    line-height:16px;
}
.mediumNormalWhite { 
    color: #F3EAE4;    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; 
    font-weight: normal;
    line-height:16px;
	display:block
}
.bigBoldWhite { 
    color: #F3EAE4;    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px; 
    font-weight: bold;
    line-height:20px;
	display:block
}
.bigBoldBlack { 
    color: #000000;    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px; 
    font-weight: bold;
    line-height:20px;
	display:block
}
.mediumNormal { 
    color: #000000;    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; 
    font-weight: normal;
    line-height:16px;
	display:block
}
.small { 
    color: #000000;    
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 9px; 
    font-weight: normal;
    line-height: 10pt;
}
.formTable {
    margin:0;
	width:450px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height:18px;
    text-align:left;
    background-color:#eac897;
}
#officeHours {
    margin-left:20px;
	width: 350px;
}
a.Gallery:link {
    font-size: small;
	font-weight:bold; 
	color: #ffffff; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: underline;
}
a.Gallery:hover {
    font-size: small;
	font-weight:bold; 
	color: #ffffff; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: underline;
	background-color:#999999;
} 
a.Gallery:visited {
    font-size: small;
	font-weight:bold;
	color: #ffffff; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: underline;
}
#footer {
	clear:both;
	float: none;
	margin:0 auto;
	width:781px;
	padding-top:10px;
	padding-bottom:20px;
	border-top: 3px solid #792717;
}
#footer p {
	color: #ffffff;    
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 9px; 
    font-weight: normal;
    font-style: normal;
    line-height: 10pt;
	letter-spacing:.03em;
}
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/
A.bold:link { 
    color: #722313; 
	font-size: 11px; 
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
    text-decoration: underline;
}
A.bold:visited { 
    color: #C05545;
	font-size: 11px; 
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
    text-decoration: underline;
}
A.bold:hover { 
    color: #000000; 
	font-size: 11px; 
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
    text-decoration: none;
}
/********************************************************************/
A.footer:link { 
    color: #ffffff; 
	font-size: 9px; 
	font-weight: normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	border:none;
}
A.footer:visited { 
    color: #ffffff; 
	font-size: 9px; 
	font-weight: normal; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	border:none;
}
A.footer:hover { 
    color: #ffffff; 
	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:781px; height:28px; position:relative; z-index:100; background-image:url(../imgs/nav/background.jpg);}
#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:58px; left:40px; background:url(../imgs/nav/home.jpg) no-repeat;}
.menu li.p2 {width:97px; left:58px; background:url(../imgs/nav/about.jpg) no-repeat;}
.menu li.p3 {width:206px; left:72px; background:url(../imgs/nav/office.jpg) no-repeat;}
.menu li.p4 {width:162px; left:92px; background:url(../imgs/nav/dental.jpg) no-repeat;}
.menu li.p5 {width:108px; left:112px; background:url(../imgs/nav/contact.jpg) no-repeat;}

/* set up the normal unhovered images in the links */
.menu li a#Home {width:58px; background:url(../imgs/nav/home.jpg) no-repeat;}
.menu li a#About {width:97px; background:url(../imgs/nav/about.jpg) no-repeat;}
.menu li a#Office {width:206px; background:url(../imgs/nav/office.jpg) no-repeat;}
.menu li a#Dental {width:162px; background:url(../imgs/nav/dental.jpg) no-repeat;}
.menu li a#Contact {width:108px; background:url(../imgs/nav/contact.jpg) 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#Home:hover, .menu li:hover a#Home,
.menu li a#About:hover, .menu li:hover a#About,
.menu li a#Office:hover, .menu li:hover a#Office,
.menu li a#Dental:hover, .menu li:hover a#Dental,
.menu li a#Contact:hover, .menu li:hover a#Contact {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:27px; background: #f1ce9a; padding:3px 0; border:1px solid #b04932; border-top:0; white-space:nowrap; width:190px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:180px;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:180px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #f1ce9a; border-width:0px 0px 0px 3px;}
.menu :hover ul.sub li a.fly {background:#f1ce9a url(../imgs/nav/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#b04932; color:#f1ce9a;}
.menu :hover ul.sub li a.fly:hover {background:#c7654a url(../imgs/nav/arrow_over.gif) 80px 7px no-repeat; color:#f1ce9a;}
.menu :hover ul li:hover > a.fly {background:#c7654a url(../imgs/nav/arrow_over.gif) 80px 7px no-repeat; color:#f1ce9a;} 

/* 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: #f1ce9a; padding:3px 0; border:1px solid #b04932; white-space:nowrap; width:190px; height:auto; z-index:400;}
/****************************************************************/
/*  Vertical sliding menu #1 using jQuery  */
#nav {padding:0; margin:0; font-family:Verdana,Arial,sans-serif; background:#fff;}
#nav a:hover {text-decoration:underline;}
#nav dt b, #nav dt a {display:block; font-weight:normal; font-size:16px; color:#060; height:25px; line-height:25px; padding-left:10px; /*cursor:pointer;*/ width:195px;}
#nav dt b {background:url(arrow.gif) no-repeat left center;}
#nav dt a {color:#000; text-decoration:none;}
#nav dd {padding:0; margin:0;}
#nav dd ul {padding-top:0px; padding-right:0px; padding-bottom:10px; padding-left:0px; margin:0; list-style:none;}
#nav dd ul li {padding-left:30px;}
#nav dd ul li a {font-size:11px; color:#000; text-decoration:none;}

/****************************************************************/
/*   Rounded corners with shadow:  */

#liquid-round {
width:99%;
margin:0px auto;
background:#eac897 url(../imgs/rc/leftside.gif) repeat-y left top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:18px;
}
.topRC {
width:100%;
height:66px;
background:url(../imgs/rc/top.gif) no-repeat left top;
}
.topRC span {
display:block;
position:relative;
height:66px;
background:url(../imgs/rc/top-right.gif) no-repeat right top;
z-index:3;
}
.center-content {
position:relative;
background:url(../imgs/rc/rightside.gif) repeat-y right top;
padding:32px 42px 1px 50px;
margin:-40px 0 0 0;
z-index:2;
}
.bottom {
width:100%;
height:50px;
background:url(../imgs/rc/bottom.gif) no-repeat left bottom;
}
.bottom span {
display:block;
position:relative;
height:50px;
background:url(../imgs/rc/bottom-right.gif) no-repeat right bottom;
}