/* Customer CSS */
#comp-logo {
display:none;
}

.tealText {
font-size:16px;
color:#2bb8b5;
font-weight:700;
}

.whiteText {
font-size:16px;
color:#fff;
font-weight:700;
}

#slot-navigation a {
text-transform:capitalize!important;
}

#slot-links ul {
padding-top:12px;
}

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

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

.staffPhoto {
background-color:#BFBCB3;
border:1px solid #6F695A!important;
padding:10px;
}

.regPhoto {
float:right;
background-color:#BFBCB3;
border:1px solid #6F695A!important;
padding:10px;
margin:0 0 20px 20px;
}

#credits {
width:555px;
background-color:#238F8D;
padding:10px;
border:1px solid #177F7D;
}

#contentMain {
clear:both;
float:left;
padding-bottom:100px;
width:1000px;
}

.sbBlogPost {
border-bottom:1px dotted #403000;
}

.sbBlogPostContent {
margin-top:20px;
}

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

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

.sbBlogPostByLine {
background:url(../images/blog_icons_01.png) left no-repeat;
}

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

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

.sbBlogPostTags {
background:url(../images/blog_icons_04.png) left no-repeat;
}

.sbBlogPostCategories {
background:url(/../images/blog_icons_03.png) left no-repeat;
}

.sbBlogPostFooterComments {
background:url(../images/blog_icons_05.png) left no-repeat;
}

.sbBlogPostPermalink {
background:url(../images/blog_icons_06.png) left no-repeat;
}

#slot-navigation {
width:930px;
padding-left:70px;
}

#page-index #slot-navigation {
height:90px;
background-repeat:no-repeat;
}

#links-4 a {
background-image:url(../images/nabBullet.png);
}

#links-5 a {
background-image:none;
}

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

#slot-navigation a {
color:#332900;
text-decoration:none;
text-transform:lowercase;
padding:0 13px;
font-family:Verdana, Geneva, sans-serif;
border-right:1px solid #DBD8D3;
background-color:none;
}

#slot-navigation a:hover {
color:#fff;
background-color:none;
}

#slot-navigation #navigation-6 a {
border:none;
}

/*this is the css for the horizontal version*/
.horizontal ul {
margin:0;
padding:0;
}

.horizontal li {
}

.horizontal li a {
}

.horizontal ul ul {
}

/* Thix controls the first link in the first level us - no image */
.horizontal ul:first-child li:first-child a {
background-image:none;
}

.horizontal li a:hover {
}

.horizontal ul ul li a {
float:left;
display:block;
width:148px!important;
margin:0!important;
padding:8px 0 8px 10px!important;
border:1px #322600 solid!important;
border-top:none!important;
text-align:left;
}

.horizontal ul ul li a:hover {
background-image:url(../images/edBack.jpg)!important;
background-repeat:no-repeat;
background-position:top;
background-color:#67b3a7!important;
}

.horizontal li ul {
display:block;
position:absolute;
width:160px;
height:auto;
margin:27px 0 0!important;
margin:27px 0 0 -84px !important !ie;
padding:0!important;
border-top:1px #322600 solid!important;
background-color:#C6C2B7!important;
}

.horizontal li ul ul {
position:absolute!important;
margin-left:159px!important;
margin-left:-1px !important !ie;
margin-top:-1px!important;
}

/*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;
}

#page-index #comp-contactForm {
display:none;
}

#slot-address {
font-size:10px;
height:80px;
width:290px;
}