/* Customer CSS */

#comp-banner {
background:url(../images/flash.jpg) top no-repeat;
}

.sbContainer {
background-image:url(../images/background.jpg);
background-repeat:repeat;
color:#fff;
}

.sbContainer a {
color:#BAA98D;
outline:none;
zoom:1;
}

.sbContainer a:focus {
outline:none;
}

.sbContainer a:hover {
color:#56482D;
}

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

#top {
width:993px;
height:140px;
background-image:url(../images/int_01new.jpg);
background-repeat:no-repeat;
}

#page-index #top {
background-image:url(../images/index_01new.jpg);
}

#slot-address {
width:200px;
float:left;
margin:10px 0 0 30px;
color:#a08d6a;
}

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

#flash {
width:993px;
height:426px;
}

#header {
width:1000px;
height:167px;
background-image:url(../images/int_02.jpg);
background-repeat:no-repeat;
}

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

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

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

#page-patients #header {
background-image:url(../images/patients_02.jpg);
}

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

#page-appointment #header {
background-image:url(../images/appointment_02.jpg);
}

#page-education #header {
background-image:url(../images/education_02.jpg);
}

#page-gallery #header {
background-image:url(../images/gallery_02.jpg);
}

#slot-navigation {
width:993px;
height:39px;
background-image:url(../images/int_03.jpg);
background-repeat:no-repeat;
}

#page-index #slot-navigation {
background-image:url(../images/index_03.jpg);
}

#slot-navigation ul {
margin:0;
padding:6px 0 0 35px;
height:32px;
}

#slot-navigation li {
float:left;
height:32px;
list-style:none;
background-image:url(../images/navBars.jpg);
background-position:right;
background-repeat:no-repeat;
}

#slot-navigation a {
display:block;
float:left;
height:32px;
color:#fff;
text-decoration:none;
text-transform:uppercase;
padding:9px 36px 0 28px;
}

#slot-navigation #navigation-6 a {
padding:9px 20px 0 10px;
}

#slot-navigation a:hover {
color:#56482D;
}

#slot-navigation #navigation-6 {
background-image:none;
padding-right:0;
}

#navigation-8 {
display:none;
}

#contentRepeat {
width:993px;
background-image:url(../images/int_05.jpg);
background-repeat:repeat-y;
}

#page-index #contentRepeat {
background-image:url(../images/index_05.jpg);
}

#contentBottom {
width:993px;
background-image:url(../images/int_07.jpg);
background-repeat:no-repeat;
background-position:bottom;
}

#page-index #contentBottom {
background-image:url(../images/index_06.jpg);
}

#contentTop {
width:993px;
background-image:url(../images/int_04.jpg);
background-repeat:no-repeat;
background-position:top;
min-height:644px;
height:auto!important;
height:644px;
overflow:hidden;
_overflow:visible;
}

#page-index #contentTop {
background-image:url(../images/index_04.jpg);
min-height:500px;
height:auto!important;
height:500px;
}

#left {
width:650px;
float:left;
margin:20px 0 0 40px;
display:inline;
}

#slot-main {
width:650px;
float:left;
clear:both;
}

#slot-main h1 {
font-size:1.4em;
}

#right {
width:230px;
float:right;
margin:20px 28px 0 0;
display:inline;
}

#apptReq a {
display:block;
width:230px;
height:52px;
background-image:url(../images/apptButton.jpg);
background-repeat:no-repeat;
}

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

#slot-links li {
list-style:none;
background-image:url(../images/linkLine.png);
_background-image:url(../images/linkLine.gif);
background-repeat:no-repeat;
background-position:bottom;
}

#slot-links a {
text-decoration:none;
text-transform:uppercase;
padding:7px 0;
display:block;
color:#fff;
}

#slot-links a:hover {
color:#BAA98D;
}

#slot-rsidebar {
width:210px;
margin:20px 0 0;
float:left;
clear:both;
}

#page-index #slot-rsidebar {
margin:20px 0 0 10px;
}

#bottom {
width:993px;
height:21px;
background-image:url(../images/int_08.jpg);
background-repeat:no-repeat;
}

#page-index #bottom {
height:23px;
background-image:url(../images/index_07.jpg);
}

#footer-content {
width:1000px;
text-align:center;
color:#56482D;
padding:20px 0;
margin-left:auto;
margin-right:auto;
}

#footer-content ul {
margin:0;
padding:0;
}

#footer-content li {
list-style:none;
display:inline;
}

#footer-content a {
color:#456183;
}

#footer-content a:hover {
color:#56482D;
}

#slot-footer2 {
padding:5px 0;
}

#slot-footer2 a,#slot-footer3 a {
padding:0 5px;
}

.inputSearch2 {
width:125px;
margin:10px 0;
float:left;
}

.submitbutton {
width:53px;
margin:10px 10px 0 0;
float:right;
cursor:pointer;
}

/* Education menu styles */
#educationMenu {
width:210px;
padding-left:15px;
}

.mlmenu {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:left;
clear:both;
}

/*this is the css for the vertical version*/
.vertical ul {
list-style-type:none;
padding:0;
border-top:none;
width:200px;
color:#06F;
}

.vertical li a {
display:block;
width:184px;
text-decoration:none;
height:auto;
padding:.4em 5px .4em 11px;
border:none;
border-top:none;
color:#fff;
text-align:left;
background-image:url(../images/arrow.gif);
background-position:left;
background-repeat:no-repeat;
border-bottom:1px #789ac5 dotted;
}

.vertical li a:hover {
background-image:none;
background-color:#D2C2A9;
color:#456284;
}

.vertical li ul li a {
/* to style sub levels */
background-image:none;
background-color:#FFf;
border:1px #D2C2A9 solid;
border-top:0;
color:#000;
text-align:left;
}

.vertical li ul li a:hover {
/* to style sub levels */
background-image:url(../images/edBack.jpg);
background-repeat:no-repeat;
background-position:top;
background-color:#fff;
color:#456284;
}

.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:-205px;
border-top:1px #D2C2A9 solid;
}

.vertical .page,.vertical .page:hover {
background-image:none;
background-color:#CCC;
color:#000;
}

/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
/*Not sure if I recommend this or not*/
.inaccesible li ul {
display:none;
}

/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
.arrow a span {
padding-left:1em;
font-size:85%;
}

.arrow a:hover span {
padding-left:2em;
}

.arrow a span.noshow {
visibility:hidden;
}

/*Plus code*/
.plus a span {
padding-left:.5em;
}

/*colors for menu*/
.blackwhite li a {
background-color:#FFF;
color:#000;
border-color:#000;
}

.blackwhite li a:hover {
background-color:#000;
color:#FFF;
border-color:#000;
}

.blackwhite ul {
border-color:#000;
}

.bluewhite li a {
background-color:#FFF;
color:#003;
border-color:#003;
}

.bluewhite li a:hover {
background-color:#003;
color:#FFF;
border-color:#003;
}

.bluewhite ul {
border-color:#003;
}

/* -------- BLOG -------- */
#blogContainer {
float:left;
width:200px;
margin:15px 0 20px 10px;
}

.sbBlogPost {
float:left;
width:650px;
border-bottom:1px solid #998675;
padding-bottom:25px;
}

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

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

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

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

.sbBlogPost {
margin-bottom:20px;
}

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

.sbBlogPostHeader {
padding-bottom:15px;
}

.sbBlogPostTitle a {
text-decoration:none;
font-weight:400;
}

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

.sbBlogPostByLine {
float:left;
font-size:11px;
background:url(../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(../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(../images/blog_icons_04.gif) left no-repeat;
padding:0 0 0 20px;
margin-top:10px;
}

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

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

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

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

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

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

#sbBlogArchive h3,.sbTagList h3,#sbBlogCategoryList h3,#sbBlogComments h3 {
color:#cbb16b;
font-weight:700;
letter-spacing:0;
}

#sbBlogArchive {
float:left;
width:165px;
margin-top:10px;
}

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

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

#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:#362F2D;
margin:0;
}

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

#sbBlogArchive ul ul ul ul li a:hover {
color:#362F2D;
}

.sbTagList {
float:left;
width:165px;
padding-top:20px;
}

.sbTagList a,#sbBlogCategoryList a {
color:#fff;
}

.sbTagList a:hover,#sbBlogCategoryList a:hover {
color:#fff;
text-decoration:underline;
}

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

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

#sbBlogCategoryList {
float:left;
padding-top:20px;
}

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

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

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

#sbBlogComments h3 {
color:#fff;
}

.sbBlogComment {
margin-bottom:10px;
}

.sbBlogCommentTitle {
font-weight:700;
}

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

.sbBlogCommentPublishDate {
font-style:italic;
}

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

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

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

#sbBlogFeed {
float:left;
width:165px;
margin:0 0 15px;
}

#sbBlogFeed a {
background:url(/sbtemplates/sbcommon/images/feed.gif) left no-repeat;
padding:3px 0 3px 25px;
display:block;
color:#fff;
font-size:12px;
}

#sbBlogFeed a:hover {
color:#fff;
text-decoration:underline;
}