/*
Theme Name: CBBCS
Theme URI: http://www.cbbcs.com/
Author: Fasturtle
Author URI: http://www.fasturtle.com/
........................... */

/* Colors
#043B4C H1
#0B5571 Base Blue/Green
#31778C Complimentary Green
#F6EC10 Yellow
#E0D8CA Navigation Text
#000080 Purple for Headings
#006784 Body Text
........................... */

@import url(style-reset.css);
@import url(style-stickyfooter.css);

/* Begin Sections */
body { background: #fff url(images/shadow-top.jpg) top left repeat-x; color: #006784; font-family: "Hoefler Text", "Georgia", "Times New Roman", Times, serif; }

.container { margin: 0 auto; width: 910px; }

.access, .hidden { display: none; }

ul.logoAndSearch { margin: 20px 0 0;}

ul.logoAndSearch li { display: inline; }

li.logo { float: left; margin: 0 0 4px 20px; padding: 0; text-indent: -9999px; }

li.logo a { background: url(images/logo.gif) top left no-repeat; display: block; height: 86px; width: 174px; }

li.search-top { width: 220px; }

li.search-top form { margin: 15px 0 0 670px; padding: 35px 0 0; }

.navigationBox { background: #0B5571; border-top: 3px solid #F6EC10; border-bottom: 3px solid #F6EC10; color: #E0D8CA; text-align: center; }

.imageContainer { background: #31778C; text-align: center; }

.imageContainer img { border: 1px solid #000; margin: 12px 8px 0; }

.imageContainer p { font-style: italic; font-weight: lighter; margin: 0; padding: 10px; }

#page { background-color: #fff; margin: 0 auto; padding: 20px 0 0; text-align: left; width: 810px; }

.navigationBox ul { font-size: 13px; margin: 10px 0; }

.navigationBox li { display: inline; list-style: none; margin: 0; padding: 0; text-transform: uppercase; }

.navigationBox a, .navigationBox a:link, .navigationBox a:visited { color: #E0D8CA; margin: 0; padding: 5px 20px 12px; text-decoration: none; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; -khtml-border-radius-topleft: 7px; -khtml-border-radius-topright: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; border-top-right-radius: 7px; border-top-left-radius: 7px; }

.navigationBox a:hover, .navigationBox a:active, .navigationBox a.active { background: #31778C; text-decoration: none; }

#content.home, #content.about-us { width: 870px; padding: 20px; }

#content { font-family: "Lucida Grande", Verdana, sans-serif; font-size: 12px; line-height: 1.6em; padding: 0 40px 20px; text-align: left; width: 790px; }

#content p { padding-bottom: 1em; }

#content ul { list-style: square; margin: 5px 0 15px 15px; }

.box { border-right: 1px solid #ddd; font-size: 11px; float: left; margin: 0 0 30px; padding: 0 30px 10px; }

.home .box, .services .box { height: 300px; width: 249px; }

.about-us .box { height: 460px; margin: 30px 0; width: 249px; }

.services .box { height: 1000px; }

.first { padding-left: 0; }

.last { border-right: none; padding-right: 0; }

div#content.customers, div#content.contact-us, div#content.fourohfour { float: left; font-family: "Lucida Grande", Verdana, sans-serif; font-size: 12px; line-height: 1.6em; padding: 0 20px 20px 40px; text-align: left; width: 460px; }

div#content.fourohfour { float: left; font-family: "Lucida Grande", Verdana, sans-serif; font-size: 20px; line-height: 1.6em; padding: 20px; text-align: center; width: 870px; }

p.readMore { font-weight: bold; float: right; text-transform: uppercase; }

#sidebar > h2 { margin: 0 0 20px; }

#footer { background: url(images/shadow-bot.jpg) bottom left repeat-x; clear: both; color: #006784; font-size: 12px; height: 30px; padding: 70px 0 0; } /* Remember the Sticky Footer! */

#footer p { font-variant: small-caps; margin: 0; text-align: center; }

#footer p span.lowerCase { font-variant: normal; }

code { font: 11px 'Courier New', Courier, Fixed; }

#content acronym, #content abbr, #content span.caps { font-size: 1em; letter-spacing: .1em; }

#content a:link, #content a:visited { color: #843C00; text-decoration: underline; }

#content a:hover { color: #5C2A00; text-decoration: none; }

h2 a:hover, h3 a:hover { color: #0B5571; text-decoration: none; outline: none; }

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

small { font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif; font-size: 9px; line-height: 1.5em; }

dt { font-weight: bold; padding-top: 1em; }

dl { padding-bottom: 24px;}
/* End Sections */


/*	Begin Headers */
h1 { clear: both; color: #082C3B; font-size: 36px; font-variant: small-caps; padding: 20px 0 10px; text-shadow: #9cc 2px 2px 3px; }

h2 { color: #000080; font-family: serif; font-size: 18px; letter-spacing: 0px; margin: 20px 0 10px; padding: 0; text-transform: uppercase; }

#content.home h2 { font-size: 14px; font-weight: normal; }

h3 { font-size: 20px; padding: 10px 0 10px; }

h4 { font-size: 18px; margin: 18px 0 0; padding: 0 0 10px; }
/* End Headers */


/* Begin Images */
p img { padding: 0; max-width: 100%; }

img.centered { display: block; margin-left: auto; margin-right: auto; }

img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }

img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.alignright { float: right; }

.alignleft { float: left; }
/* End Images */


/* Begin Form Elements */
form { padding: 10px 0; }

.warning { color: #cc0000; }
.success {
    background:#D7FFD7;
    border:3px solid #339933;
    color:#000000;
    display:block;
    margin:0 0 1em;
    padding:10px;
    text-align:center;
}
input { margin: 5px; padding: 1px; }

textarea { margin: 0 0 28px; padding: 2px; width: 100%; }

#submit { margin: 20px auto; width: 150px; }

div.row { display: block; padding: 8px 0 0; }

div.formRight, #sidebar { font-family: "Lucida Grande", Verdana, sans-serif; font-size: 12px; line-height: 1.6em; margin: 0 0 0 520px; width: 350px; padding: 20px; }

div.formRight p { margin: 2em 0 0; }

blockquote { border-left: 1px dotted #31778C; font-family: "Hoefler Text", Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; font-weight: lighter; margin: 10px 20px 0 0; padding: 0 10px 0 20px; }

#content blockquote { background: #d9d9d9; margin: 10px 20px 2em 0; padding: 10px 10px 0 20px; }

blockquote p { margin: 0 0 1em; }

cite { display: block; font-size: 90%; font-weight: normal; margin: 5px 0 40px 35px; }

cite img { display: block; margin: 5px 0 20px 10px; }

/* End Form Elements */
/* Begin Various Tags & Classes */
/* End Various Tags & Classes*/

/* Extras */

/* .jsclass body .randomcontent { /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
/* display: none;
} */