* {
	padding:  0;
	margin: 0;
}
p { margin: 1.12em 0 }

.offers {margin-left:20px; margin-top:10px;}
.posted {border-bottom: 1px solid #dcdcdc; padding-bottom:5px;}
h2 {font-size: 20px; margin-bottom:-20px;}
h2.title {color:#696969; font-size:16px; margin-bottom: -10px;}
.date {font-style: italic; font-size: 11px; color: #000;}
h1.underline2 {border-bottom: 1px dashed #afafaf; clear: both;}

a:link {color: #0a5390; text-decoration:none;}
body {
	background: url(images/bg.jpg) #d3ba97 repeat-x;
	font-size: 12px;
	color: #3e3e3e;
	font-family: arial;
	text-align: left;
	letter-spacing: 1px;
	line-height: 13px;

}

a.newpatient {height: 200px; width: 200px; margin: 0 auto;}
.offer {margin-left: 30px;}

.contactinfo {float: left; width: 270px; margin-left: 25px;}
.contactform {float: left; width: 420px; margin-top:40px; margin-bottom:20px;}

#nav {z-index:9999;}

ul {
	list-style-position: inside;
	margin-left: 0px;
	font-size: 13px;
	line-height: 16px;
	
	
}

#innerbody ol, ul {
       line-height:3px !important;
       list-style-image:none;
       list-style-position:inside;
       list-style-type:disc;
}
h1 {
	font-family:  helvetica, arial;
	font-size: 18px;
	margin-bottom: 5px;
	padding-top: 20px;
	color: #172b5c;
}
#wrapper {
	width: 980px;
	margin: 0 auto;
}
#topper {
	background: url(images/topper.jpg) no-repeat right;
	height: 45px;
	width: 801px;
	margin:  0 auto;
	
}


a:hover {color: #87acee;}


ul#menu2 {
	list-style: none;
	margin: 0 auto;
	width: 801px;
	padding: 0px;
	height: 42px;
	background: url(images/lightpost.jpg) right bottom no-repeat;
        z-index: 999;	
}

ul#menu2 a {color:#fff; font-size:10px;}
ul#menu2 a:hover {color:#2c8fc8;}

ul#menu li {
	float: left;
	display: inline;
	height: 42px;
	margin: 0;
        z-index: 1000

}
ul#menu ul li a {color: #fff;
}

ul#services li a {color: #0a5390;}
ul#services li a:hover {color: #696969;}

.home a {background: url(images/home1.jpg) 0 0 no-repeat; width: 61px;}
.home a:hover {background: url(images/home2.jpg) 0 0 no-repeat; width: 61px;}
.services a {background: url(images/services1.jpg) 0 0 no-repeat; width: 100px;}
.services a:hover {background: url(images/services2.jpg) 0 0 no-repeat; width: 100px; height:500px;}
.about a {background: url(images/about1.jpg) 0 0 no-repeat; width: 78px;}
.about a:hover {background: url(images/about2.jpg) 0 0 no-repeat; width: 78px;}
.faq a {background: url(images/faq1.jpg) 0 0 no-repeat; width: 60px;}
.faq a:hover {background: url(images/faq2.jpg) 0 0 no-repeat; width: 60px;}
.financing a {background: url(images/financing1.jpg) 0 0 no-repeat; width: 109px;}
.financing a:hover {background: url(images/financing2.jpg) 0 0 no-repeat; width: 109px;}
.news a {background: url(images/news1.jpg) 0 0 no-repeat; width: 66px;}
.news a:hover {background: url(images/news2.jpg) 0 0 no-repeat; width: 66px;}
.contact a {background: url(images/contact1.jpg) 0 0 no-repeat; width: 97px;}
.contact a:hover {background: url(images/contact2.jpg) 0 0 no-repeat; width: 97px;}
.contact a:active {background: url(images/contact2.jpg) 0 0 no-repeat; width: 97px;}
.home a:hover, ul#menu li.locations a:hover,
.about a:hover, ul#menu li.contact a:hover {background-position: bottom left;}

ul#menu li#selected a {background-position: bottom left; outline: none;}

/*Drop downs*/

ul#menu li ul li a {
	background-image: none;
	text-indent: 0;
	padding: 0 0 0 5px;
	height: auto;
	width: auto;
	text-decoration: none;
	color: #fff !important;
	font-size: 10px;
	font-weight: 100;
       z-index: 999;
}
ul#menu li ul li {
	float: none;
	height: auto;
	display: block;
	margin: 0 0 10px 0;
        z-index: 1000;
}
ul#menu li ul li a:hover {
	color: #dcdcdc;
        z-index: 1001;
}

ul#menu li ul {
	display: none;
	position: absolute;
	top: 1em;
	width: 179px;
	padding: 15px 10px 15px 10px;
	background: url(images/dropdown.png) left bottom no-repeat;
	left: 0;
	margin: 0;
       z-index: 1002;
}

ul#menu li>ul {
	top: auto;
	left: auto;
       z-index:1003;
}

ul#menu li:hover ul, ul#menu li.over ul {
	display: block;
	left: auto;
       z-index: 1004;
}
*:first-child+html ul#menu li:hover ul,
*:first-child+html ul#menu li.over ul {
	position: static;
        z-index:1005;
}

#logo {
	background:  url(images/logo.jpg) no-repeat;
	height:  98px;
	width: 801px;
	margin: 0 auto;
}
#mainimg {
	background: #1E305E;
	height: 200px;
	width: 856px;
	margin: 0 auto;
       z-index: 1
}

#mainimg ul, ol {
list-style-type: none;
list-style-image: none;
}

#imgfooter {
	background: url(images/imgfooter.jpg) no-repeat;
	height: 22px;
	width: 856px;
	margin:  0 auto;
}
#mainbody {
	background: url(images/bridgebg.gif) bottom right no-repeat #fff;
	width: 779px;
	margin:  0 97px;
        border-left: 4px solid #1e305e;
        border-right: 4px solid #1e305e;
	}

#mainbody img {padding: 5px;}
#innerbody {
        margin-right: 4px;
        height: auto;
min-height: 220px;

}

#offers {float:right; margin-right: 20px;}


#contentleft {
	width: 400px;
	float: left;
	margin-left: 25px;
	
}

#maincontent {
width: auto;
margin-left:25px;
margin-right:25px;

}

#contentright {
	
	margin-right: 25px;
       float: right;
}

#buttoncontainer {clear: both; height: 200px; width: 330px;}
#newpatientoffer {float: left; background: url(images/newpatientoffer.jpg) center no-repeat; height: 68px; width: 320px; padding-top:30px;}
#appointmentrequest {float: left; background: url(images/appointmentrequest.jpg) center no-repeat; height: 68px; width: 320px;}

.mediaplayer {
	float: left;
}
#contentbottom {
	width: auto;
	clear: both;
	margin-left: 25px;
	margin-right: 25px;
        margin-bottom: 25px;

	
	
}
#footer{
	width: 779px;
	background: url(images/yourbridge.gif) right bottom no-repeat #0a5390;
	height: 50px;
        border-bottom: 4px solid #1e305e;
	clear: both;
	
}



#multi-level {height:30px; position:relative; z-index:100;}
#multi-level .pad {float:left;}

/* The menu2 styling */
/* Remove the padding, margins and bullets from the lists */
.menu2, .menu2 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 */
.menu2 li.top {display:block; float:left; position:relative;}

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

/* Default top link link styling */
.menu2 li.top a.top_link {display:block; float:left; height:35px;}
.menu2 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 */
.menu2 li.p1 {width:61px; background:url(images/home2.jpg) no-repeat;;}
.menu2 li.p2 {width:100px; background:url(images/services2.jpg) no-repeat;;}
.menu2 li.p3 {width:78px; background:url(images/about2.jpg) no-repeat;;}
.menu2 li.p4 {width:60px; background:url(images/faq2.jpg) no-repeat;;}
.menu2 li.p5 {width:109px; background:url(images/financing2.jpg) no-repeat;;}
.menu2 li.p6 {width:66px; background:url(images/news2.jpg) no-repeat;;}
.menu2 li.p7 {width:97px; background:url(images/contact2.jpg) no-repeat;;}

/* set up the normal unhovered images in the links */
.menu2 li a#home {width:61px; background:url(images/home1.jpg) no-repeat;}
.menu2 li a#products {width:100px; background:url(images/services1.jpg) no-repeat;}
.menu2 li a#services {width:78px; background:url(images/about1.jpg) no-repeat;}
.menu2 li a#contacts {width:60px; background:url(images/faq1.jpg) no-repeat;}
.menu2 li a#shop {width:109px; background:url(images/financing1.jpg) no-repeat;}
.menu2 li a#privacy {width:66px; background:url(images/news1.jpg) no-repeat;}
.menu2 li a#contact {width:97px; background:url(images/contact1.jpg) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu2 a:hover {visibility:visible;} /* for IE6 */
.menu2 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) */
.menu2 li a#home:hover, .menu2 li:hover a#home,
.menu2 li a#products:hover, .menu2 li:hover a#products,
.menu2 li a#services:hover, .menu2 li:hover a#services,
.menu2 li a#contacts:hover, .menu2 li:hover a#contacts,
.menu2 li a#shop:hover, .menu2 li:hover a#shop,
.menu2 li a#privacy:hover, .menu2 li:hover a#privacy,
.menu2 li a#contact:hover, .menu2 li:hover a#contact {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :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 */
.menu2 :hover ul.sub {left:0; top:35px; background: #2c8fc8; padding:3px 0; white-space:nowrap; width:200px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:200px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:193px; line-height:20px; text-indent:5px; color:#2c8fc8; text-decoration:none; border:3px solid #2c8fc8; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#fff; color:#2c8fc8;}
.menu2 :hover ul.sub li a.fly:hover {background:#37a237 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#37a237 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

/* set up the flyout levels when hovering */
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:93px; z-index:200; height:auto; z-index:300;}