/* Customer CSS */
body {
background-color:#e1e1e1;
font-family:Verdana, Geneva, sans-serif;
}

.sbContainer {
background:url(../images/backgroundInt.jpg) repeat-x left top;
color:#000;
}

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

.sbContainer a:focus {
outline:none;
}

.sbContainer a:hover {
color:#022543;
}

.sbContainer h1 {
color:#022543;
}

.sbContainer h2 {
color:#a50202;
}

#container {
width:1000px;
margin:0 auto;
overflow:hidden;
}

#top {
width:1000px;
height:112px;
background:url(../images/index_01New.png) no-repeat left top;
}

#topInt {
width:1000px;
height:277px;
position:relative;
background:url(../images/int_01.png) no-repeat left top;
}

#header {
width:435px;
height:277px;
float:left;
background:url(../images/header.jpg) no-repeat;
}

#page-staff #header,#page-paul-bishop #header,#page-thomas-rappette #header,#page-our-physicians #header {
background:url(../images/staff-1.jpg) no-repeat;
}

#page-office #header,#page-offices #header,#page-yorkville-podiatrist #header,#page-morris-podiatrist #header,#page-sandwich-podiatrist #header {
background:url(../images/office.jpg) no-repeat;
}

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

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

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

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

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

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

#page-research-and-news #header {
background:url(../images/research.jpg) no-repeat;
}

#slot-requestAppt {
width:270px;
height:39px;
float:right;
overflow:hidden;
background:url(../images/apptButtonBack.jpg) repeat-x left top;
}

#slot-requestAppt a {
text-align:center;
padding:8px 0 0;
color:#fff;
font:normal 17px Georgia, "Times New Roman", Times, serif;
text-transform:uppercase;
text-decoration:none;
display:block;
}

#slot-address {
width:200px;
text-align:center;
height:55px;
color:#fff;
overflow:hidden;
float:right;
clear:right;
margin:10px 35px 0 0;
font-size:14px;
}

.highlight {
color:#a50202;
float:left;
}

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

#flash {
width:1000px;
height:165px;
position:relative;
}

#slot-navigation {
width:1000px;
height:30px;
position:absolute;
bottom:0;
left:0;
}

#page-index #slot-navigation {
width:910px;
left:45px;
}

#slot-navigation ul {
padding:0;
}

#slot-navigation li {
list-style:none;
display:inline;
}

#slot-navigation a {
text-decoration:none;
text-transform:lowercase;
font-weight:700;
}

#slot-navigation li.haschild a {
background:url(../images/arrow.png) no-repeat right 4px;
}

#slot-navigation li.haschild ul li a {
background:#FFF;
color:#A50202;
}

#slot-navigation li.haschild ul li a:hover {
background:#A50202;
color:#FFF;
}

#content {
width:1000px;
padding:30px 0 20px;
overflow:hidden;
}

#page-index #content {
width:910px;
padding:30px 45px 20px;
}

#left {
width:740px;
float:left;
}

#page-index #left {
width:241px;
border-top:8px solid #a50202;
}

#middle {
width:635px;
float:left;
margin:0 0 0 25px;
display:inline;
position: relative;
}

#right {
width:210px;
float:right;
background:url(../images/sidebarBack.jpg) no-repeat left top #111;
min-height:396px;
height:auto!important;
height:396px;
padding:0 0 0 13px;
overflow:hidden;
}

#page-index #right {
	display: none;
}

#pageTitle {
width:740px;
height:45px;
}

#page-index #pageTitle {
width:400px;
}

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

#page-index #slot-main {
width:635px;
}

#blueBar {
width:22px;
float:left;
min-height:403px;
height:auto!important;
height:403px;
background:url(../images/trends.jpg) no-repeat left top #01233F;
}

#slot-links {
width:219px;
float:right;
}

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

#slot-links li {
list-style:none;
margin: 0 0 5px;
}

#slot-links a {
color:#fff;
width:88px;
height:70px;
display:block;
text-decoration:none;
text-transform:uppercase;
padding:27px 24px 0 107px;
}

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

#links-1 a {
background:url(../images/links_01.png) no-repeat left top;
height:71px;
}

#links-2 a {
background:url(../images/links_02.png) no-repeat left top;
height:69px;
}

#links-3 a {
background:url(../images/links_03.png) no-repeat left top;
padding: 5px 24px 22px 107px;
}

#links-4 a {
background:url(../images/links_04.png) no-repeat left top;
}

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

#edTitle {
width:200px;
height:25px;
margin:20px 0 0;
}

#searchForm {
width:200px;
clear:both;
}

#page-index #searchForm {
	width: 225px;
	position: absolute;
	top: 0;
	right: 11px;
}

#comp-contactForm .submit {
width:52px;
height:20px;
display:block;
text-indent:-5000px;
text-transform:uppercase;
_font-size:0;
border:none;
background-color:transparent;
background:url(../images/submitImage.png) no-repeat;
_background:url(../images/submitImage.gif) no-repeat;
cursor:pointer;
}

#librarySearchForm {
display:none;
}

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

#page-index .inputSearch2 {
	width: 160px;
}

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

.input1,.input3 {
width:170px;
}

.input2 {
width:40px;
}

#footerRepeater {
background:url(../images/footerRepeater.jpg) repeat-x left top #012442;
padding:20px 0;
}

#footer-content {
width:1000px;
text-align:center;
color:#fff;
padding-bottom:20px;
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:#fff;
}

#footer-content a:hover {
color:#999;
}

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

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

#slot-footer2 a,#slot-footer3 a {
padding:0 7px 0 5px;
border-right:1px solid #fff;
}

/*
*******************************Menu Styles***********************
*/
.mlmenu {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:200px;
clear:both;
}

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

.vertical li a {
display:block;
width:182px;
text-decoration:none;
height:auto;
padding:4px 5px 4px 11px;
color:#fff;
background:url(../images/arrow.png) no-repeat left 7px;
}

.vertical li a:hover {
background:none #A50202;
color:#fff;
}

.vertical li ul li a {
/* to style sub levels */
background:none;
border:1px solid #000;
border-top:none;
}

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

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

.vertical li ul {
position:absolute;
margin-top:-2em;
margin-left:-200px;
border-top:1px solid #000;
background:url(../images/edBack.jpg) no-repeat left top #111;
}

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

/*this is the css for the horizontal version*/
.horizontal ul {
list-style-type:none;
padding:0;
border-left:1px solid;
display:block;
margin:0;
text-align:center;
}

.horizontal li {
float:left;
display:inline;
position:relative;
}

.horizontal li a {
padding:0 14px 0 28px;
color:#fff;
}

.horizontal li a:hover {
color:#a50202;
}

#page-index .horizontal li a {
padding:0 18px;
}

.horizontal li ul li a,#page-index .horizontal li ul li a {
height:auto;
width:182px;
display:block;
padding:4px 5px 4px 11px;
border:1px solid #000;
border-top:none;
color:#a50202;
}

.horizontal li ul li a:hover,#page-index .horizontal li ul li a:hover {
color:#fff;
background-color:#a50202;
}

.horizontal li ul {
position:absolute;
top:28px;
width:200px;
border:none;
display:block;
height:auto;
border-top:1px solid #000;
background:none #fff;
text-align:left;
left:0;
}

.horizontal li li ul {
position:absolute;
top:0;
margin-left:200px;
}

/*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 styles*******************
*/
#blogContainer {
float:left;
clear:both;
width:200px;
}

.sbBlogPost {
float:left;
width:700px;
border-bottom:1px dotted #a50202;
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/icon_06.gif) right no-repeat;
padding-right:18px;
font-weight:400;
}

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

.sbBlogPostHeader {
padding-bottom:15px;
clear:both;
}

.sbBlogPostTitle {
clear:both;
}

.sbBlogPostTitle a {
text-decoration:none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sbTagList {
padding-top:20px;
}

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

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

#sbBlogCategoryList {
padding-top:20px;
}

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

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

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

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

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

.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 {
margin-bottom:10px;
}

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

#sbBlogFeed a:hover {
color:#a50202;
}

.dr_bg {
background-color:#C6CAD7;
border:1px solid #142767;
float:left;
margin:0 10px 20px 0;
padding:10px;
width:600px;
}

.dr_bio a {
background:url(../images/pdf_icon.png) no-repeat scroll left center transparent;
padding:4px 0 4px 25px;
}