/* Customer CSS */
.sbContainer {
font-family:"Trebuchet MS", Arial, Verdana;
margin:0;
font-size:12px;
color:#666;
}

#backgroundImage {
background-image:url(/images/bg.jpg);
background-repeat:repeat-x;
}

#slot-main li {
list-style-image:url(/images/bullet.png);
margin:0 0 0 20px;
}

#container {
width:697px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}

#topImage {
float:left;
height:73px;
width:697px;
background-image:url(/images/top.jpg);
background-repeat:no-repeat;
}

#topImageInt {
float:left;
height:73px;
width:697px;
background-image:url(/images/top_int.jpg);
background-repeat:no-repeat;
}

#logoContainer {
float:left;
height:77px;
width:697px;
}

#logo {
float:left;
width:293px;
height:77px;
}

#slot-address {
float:right;
width:300px;
height:77px;
text-align:right;
}

#slot-address p {
margin:0;
padding:0;
}

#flash {
float:left;
width:697px;
height:288px;
_margin-top:-5px;
}

#header {
float:left;
width:697px;
height:210px;
_margin-top:-5px;
background-image:url(/images/int2.jpg);
background-repeat:no-repeat;
}

#page-staff #header {
background-image:url(/images/asian_family.jpg);
background-repeat:no-repeat;
}

#page-office #header,#page-offices #header {
background-image:url(/images/int2.jpg);
background-repeat:no-repeat;
}

#page-services #header {
background-image:url(/images/int7.jpg);
background-repeat:no-repeat;
}

#page-patients #header,#page-privacy #header {
background-image:url(/images/int5.jpg);
background-repeat:no-repeat;
}

#page-education #header,#page-library #header {
background-image:url(/images/int8.jpg);
background-repeat:no-repeat;
}

#page-contact #header {
background-image:url(/images/int3.jpg);
background-repeat:no-repeat;
}

#page-appointment #header,#page-disclaimer #header {
background-image:url(/images/int4.jpg);
background-repeat:no-repeat;
}

#nav {
float:left;
width:697px;
height:20px;
}

#slot-navigation ul {
margin:0;
padding:0;
text-align:center;
}

#slot-navigation li {
display:inline;
}

#slot-navigation a {
color:#789794;
font-size:12px;
font-family:"Times New Roman", Times, serif;
text-transform:uppercase;
padding:0 3px;
text-decoration:none;
}

#navigationBottom {
float:left;
background-image:url(/images/nav.jpg);
background-repeat:no-repeat;
height:45px;
width:697px;
margin-top:6px;
}

#left a,#right a,#slot-main a {
background-color:#f4f1f1;
text-decoration:none;
color:#59807C;
}

#left a:hover,#right a:hover,#slot-main a:hover {
background-color:#d9d9d9;
border-bottom:1px #59807c dashed;
}

#left {
width:397px;
padding-right:15px;
float:left;
}

#left_int {
width:497px;
_width:477px;
float:left;
min-height:500px;
_height:500px;
}

#toothImage {
background-image:url(../images/welcome2.gif);
background-repeat:no-repeat;
float:left;
width:51px;
height:55px;
}

#page-index #pageTitle {
padding:7px 0 0 5px;
float:left;
width:320px;
height:55px;
}

#pageTitle {
padding:0;
float:left;
width:497px;
_width:477px;
height:55px;
}

#page-index #slot-main {
float:left;
clear:both;
width:397px;
}

#slot-main {
float:left;
clear:both;
width:497px;
_width:477px;
}

.couponRight {
margin-left:5px;
}

#right {
width:285px;
float:right;
background-image:url(/images/right_top.jpg);
background-repeat:no-repeat;
background-position:top;
padding-top:35px;
}

#right_int {
width:200px;
float:right;
}

#topRight {
float:left;
background-image:url(/images/index_services.gif);
background-repeat:no-repeat;
width:218px;
height:40px;
margin:0 0 0 37px;
_margin:0 0 0 17px;
}

#inner_right {
width:285px;
background-image:url(/images/right_bot.jpg);
background-repeat:no-repeat;
background-position:bottom;
overflow:hidden;
float:left;
}

#page-index #slot-rsidebar {
float:left;
width:218px;
margin:0 0 0 20px;
_margin:0 0 0 8px;
}

#slot-rsidebar {
float:left;
width:200px;
margin:0;
}

#slot-rsidebar img {
float:left;
}

#box {
width:218px;
line-height:1.3;
font-size:11px;
padding-bottom:10px;
margin-bottom:25px;
}

.boxContent {
margin-bottom:10px;
}

.box_head {
color:#59807C;
font-size:15px;
font-weight:700;
clear:both;
float:left;
width:218px;
}

.box_pic {
padding-right:10px;
}

#contact-form,#appointment-form {
width:497px;
_width:477px;
float:left;
clear:both;
}

#footer-content {
margin-left:auto;
margin-right:auto;
width:697px;
text-align:center;
margin-top:20px;
}

#slot-footer1 {
padding:0 0 0 5px;
min-height:16px;
_height:16px;
}

#slot-footer2 {
padding:0 0 0 5px;
min-height:16px;
_height:16px;
}

#slot-footer3 {
margin-top:5px;
}

#slot-footer2 ul,#slot-footer3 ul {
padding:0;
margin:0;
}

#slot-footer2 li,#slot-footer3 li {
display:inline;
}

#slot-footer2 a,#slot-footer3 a {
padding:0 5px;
background-color:#f4f1f1;
color:#59807C;
text-decoration:none;
}

#slot-footer2 a:hover,#slot-footer3 a:hover {
background-color:#d9d9d9;
border-bottom:1px #59807c dashed;
}

#bottom {
margin-left:auto;
margin-right:auto;
height:40px;
width:697px;
background-image:url(/images/bottom.jpg);
background-repeat:no-repeat;
}

/* menu styles */
#education_menu {
display:block;
position:relative;
float:left;
margin-left:0;
width:179px;
}

.mlmenu {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
text-align:left;
}

/*this is the css for the vertical version*/
.vertical ul {
list-style-type:none;
padding:0;
width:179px;
color:#0a2448;
border:none;
background:none;
}

.vertical li a {
display:block;
text-decoration:none;
height:15px;
padding:.1em 1px;
border:none;
color:#666;
background-image:url(bg.gif);
margin-left:12px;
_margin-left:0;
width:175px;
}

.vertical li a:hover {
background-image:url(bg2.gif);
background-color:#fff;
color:#59807c;
}

.vertical li ul li a {
/* to style sub levels */
background-image:none;
background-color:#FFF;
border:1px #59807c solid;
border-top:0;
margin-left:0;
color:#666;
text-align:left;
}

.vertical li ul li a:hover {
/* to style sub levels */
background-image:none;
background-color:#59807c;
color:#fff;
}

.vertical li ul li ul,.vertical li ul li ul {
}

.vertical li {
/*Needed for IE. Don't ask me why, It was a lucky guess.*/
display:inline;
}

.vertical li ul {
position:absolute;
margin-top:-1.3em;
margin-left:-175px;
text-align:right;
border-top:1px #666 solid;
}

.vertical .page,.vertical .page:hover {
background-image:none;
background-color:#59807c;
color:#fff;
}





/* blog styles */
#blogContainer {
	float: left;
	width:179px;
}

.sbBlogPost {
    float: left;
	width:477px;
    border-bottom: 1px dotted #005b7f;
    padding-bottom: 25px;
}

.sbBlogPost a, .sbBlogPostHeader a, .sbBlogPostFooter a {
background-color:#f4f1f1;
text-decoration:none;
color:#59807C;
}

.sbBlogPost a:hover, .sbBlogPostHeader a:hover, .sbBlogPostFooter a:hover {
background-color:#d9d9d9;
border-bottom:1px #59807c dashed;
}

#sbBlogNavbar {
	padding: 10px 0px 10px 0px;	
	clear: both;
	margin-bottom: 20px;
}

#sbBlogNavbar ul {	
	margin: 0px;
	padding: 0px;
}

#sbBlogNavbar li {
	list-style: none;
	float: left;
	font-weight: bold;
}

#sbBlogNavbar a {
	background: url(/sbtemplates/1207/images/blog_icons_06.gif) right no-repeat;
	padding-right: 18px;
	font-weight: normal;
	color:#666666;
}

.sbBlogPost #slot-main {
    float: left;
	width:477px;
}

.sbBlogPostHeader {
	float:left;
    padding-bottom: 15px;
}

.sbBlogPost {
	color:#666666;
	margin:10px 0 0 0;
}

.sbBlogPostTitle a {
    text-decoration: none;
}

.sbBlogPostSubTitle {
    margin: 0;
    padding: 0;
}

.sbBlogPostByLine {
    float: left;
    font-size: 11px;
    background: url(/sbtemplates/1246/images/blog_icons_01.gif) left no-repeat;
    padding: 0 0 0 20px;
    margin-right: 20px;
}

.sbBlogPostByLine img {
    background-color: #000;
}

.sbBlogPostPublishDate {
    float: left;
    font-size: 11px;
    background: url(/sbtemplates/1246/images/blog_icons_02.gif) no-repeat;
    padding: 0 0 0 20px;
    margin-right: 20px;
}

.sbBlogPostTags {
    float: left;
    clear: both;
    font-size: 11px;
    background: url(/sbtemplates/1246/images/blog_icons_04.gif) left no-repeat;
    padding: 0 0 0 20px;
    margin-top: 10px;
}

.sbBlogPostCategories {
    float: left;
    font-size: 11px;
    background: url(/sbtemplates/1246/images/blog_icons_03.gif) left no-repeat;
    padding: 0 0 0 20px;
}

.sbBlogPostContent {
    float: left;
    clear: both;
	width:497px;
	margin:10px 0;
}

.sbBlogPostFooter {
    float: left;
    clear: both;
	width:477px;
}

.sbBlogPostFooterComments {
    float: left;
    background: url(/sbtemplates/1246/images/blog_icons_05.gif) left no-repeat;
    padding-left: 18px;
    margin-right: 20px;
}

.sbBlogPostPermalink {
    float: left;
    background: url(/sbtemplates/1246/images/blog_icons_06.gif) left no-repeat;
    padding-left: 18px;
}

.sbBlogComments {
    float: left;
    clear: both;
	margin:10px 0;
}

#sbBlogArchive, .sbTagList h3, #sbBlogCategoryList h3 {
	color:#666666;
}

#sbBlogArchive ul {
    margin: 0;
    padding: 0;
}

/*year*/
#sbBlogArchive li {
    list-style-type: none;
    margin-bottom: 5px;
	color: #333333;
}

#sbBlogArchive ul ul {
    margin: 0;
    padding: 0;
}

#sbBlogArchive ul ul ul li {
    list-style-type: none;
    margin: 0;
}

/*month*/
#sbBlogArchive ul ul ul li a {
    text-decoration: none;
    color: #0482b4;
    margin: 0;
}

#sbBlogArchive ul ul ul ul {
    margin-bottom: 10px;
}

/*posts*/
#sbBlogArchive ul ul ul ul li a {
    text-decoration: underline;
    font-weight: normal;
    margin: 0 0 0 5px;
    color: #005B7F;
}

#sbBlogArchive ul ul ul ul li a:hover {
    color: #666666;
}

.sbTagList {
    padding-top: 20px;
}

.sbTagList ul {
    margin: 0;
    padding: 0;
}

.sbTagList li {
    list-style-type: none;
}

#sbBlogCategoryList {
    padding-top: 20px;
    padding-bottom: 20px;
}

#sbBlogCategoryList ul {
    margin: 0;
    padding: 0;
}

#sbBlogCategoryList li {
    list-style-type: none;
}

#sbBlogCategoryList a, .sbTagList a {
    color: #005B7F;
}

#sbBlogCategoryList a:hover, .sbTagList a:hover {
    color: #666666;
}

.sbBlogComments {
	float:left;
	clear:both;
	width:477px;
}

.sbBlogComment {
	margin-bottom:10px;
}

.sbBlogCommentTitle {
	font-weight: bold;	
}

.sbBlogCommentByLine {
	float: left;
	margin-right: 10px;
}

.sbBlogCommentPublishDate {
	font-style: italic;	
}

.sbBlogCommentContent {
	padding: 10px 0px 10px 10px;	
}

.sbBlogPager {
	clear: both;
	padding: 10px 0px 10px 0px;
}

.sbBlogPager a {
	padding: 0px 20px 0px 0px;
}

#sbBlogFeed {
	margin-bottom: 10px;	
}

#sbBlogFeed a {
color:#59807C;
	background: url(/sbtemplates/sbcommon/images/feed.gif) left no-repeat;
	padding: 0px 0px 0px 20px;
	font-weight: bold;
}

#sbBlogFeed a:hover {
color:#59807C;
}