/* =================================== */
/* =====Design by RTBWizards.com====== */
/* =====Release Date: April 2012====== */
/* =================================== */

/*            GENERAL RULES 
=================================== */
html {height: 101%; margin-bottom: 1px;}

body {background: #ffffff url(../../../../themes/C5-3216/images/background.jpg) repeat-x; color: #000000; text-align: left; font: normal 0.80em Verdana, Verdana, Geneva, sans-serif;
padding: 0; margin: 0;}

hr {background-color: #8f6739; text-align: center; color: #8f6739; border: none; height: 1px;}

#wrapper img {border: none;}

#wrapper table {padding: 0; font-size: 100%; width: 100%; border-collapse: collapse;}

#wrapper ul {list-style-type: none; margin: 10px 0 20px 10px; padding: 0;}
#wrapper ul li {background: url(../../../../themes/C5-3216/images/bullet1.png) no-repeat 0 6px; padding: 1px 0 0 15px;}
#wrapper ul li a {color: #8f6739; text-decoration: none; font-weight: bold; padding: 0;}
#wrapper ul li a:hover {color: #707070; text-decoration: underline;}

/*            TYPOGRAPHY 
=================================== */
a {color: #8f6739; text-decoration: underline; outline: none; font-weight: bold;}
a:hover {color: #707070; text-decoration: underline; font-weight: bold;}

h1 {font: normal 30px 'Federo', Verdana, Helvetica, sans-serif; color: #543c21; margin: .3em 0; text-shadow: 1px 1px 2px #aaa; letter-spacing: 2px;}
h2 {font: normal 24px 'Federo', Verdana, Helvetica, sans-serif; color: #505050; margin: .3em 0; padding: 0;}
h3 {font: normal 22px 'Federo', Verdana, Helvetica, sans-serif; color: #543c21; margin: .3em 0; padding: 0;}
h4 {font: bold 16px "Century Gothic", Verdana, Helvetica, sans-serif; color: #505050; margin: .3em 0;}
h5 {font: bold 14px "Century Gothic", Verdana, Helvetica, sans-serif; color: #543c21; margin: .3em 0;}
h6 {font: bold 14px "Century Gothic", Verdana, Helvetica, sans-serif; color: #505050; margin: .3em 0;}

blockquote {background-color: #ededed; margin: 3% 5%; border: 1px dashed #707070; line-height: 1.3em; padding: 5px 10px;}

fieldset {border: 1px #505050 dashed; margin: 10px 0; text-align: center; line-height: 1.4em;}
legend {background-color: #ffffff; padding: 0 10px; color: #543c21; font: normal 20px "Century Gothic", Verdana, Helvetica, sans-serif;}
fieldset img {background-color: #ffffff; margin: 5px 10px; border: 1px #919191 solid;}
fieldset p { text-align: left; padding: 15px 15px 5px 15px;}

p.dropcap {overflow: hidden;}
p.dropcap:first-letter {color: #543c21; display: block; float: left; font: 60px/40px Georgia, Times, serif; padding: 6px 4px 0 0;}

.imageleft {float: left; margin: 0 10px 0 0;}
.imageright {float: right; margin: 0 0 0 10px;}

.center {text-align: center;}
.right {text-align: right;}
.small {font-size: 0.85em;}
.clear {clear: both;}
.clearsmall {height: 1px; line-height: 0; margin: 0; padding: 0; clear: both;}
.highlight {background-color: #FFFF00;}

/*            CONTAINER 
=================================== */
#wrapper {background: #ffffff; min-height: 100%; height: auto !important; height: 100%; color: #000000; width: 980px;
margin: 0 auto -350px; text-align: left;}

.push {height: 350px; clear: both;}

/*            HEADER AREA 
=================================== */
#header {background: #ffffff url('../../../../themes/C5-3216/images/header.jpg') repeat-x; position: relative; width: 980px; height: 140px;}

/*            LOGO AREA 
=================================== */
#nameplate {position: absolute; top: 0px; left: 0px; width: 400px; height: 100px; overflow: hidden;}

/*            HEADER SEARCH AREA 
=================================== */
#search {position: absolute; top: 50px; right: 10px; width: 480px; height: 20px; font-size: 0.85em; padding: 0; text-align: right;}
#search input {height: 20px; vertical-align:middle; border: none;}
#search .searchbox {margin: 0; padding: 2px; background-color: transparent; border: 1px #555555 solid !important; color: #bbbbbb;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}

/*            MAIN NAVIGATION AREA 
=================================== */
#mainnav {position: absolute; top: 100px; left: -30px; color: #ffffff; height: 40px; line-height: 40px; width: 1080px;
text-align: left; text-transform: uppercase; margin: 0;}

#mainnav ul {margin: 0; padding: 0; list-style-type: none;}
#mainnav ul li {display: inline-block; background: none; padding: 1px 0; margin: 0;}
#mainnav ul li a {color: #ffffff; font-weight: bold; text-decoration: none; margin: 0 5px; padding: 13px 5px;}
#mainnav ul li a:hover {background: transparent url(../../../../themes/C5-3216/images/triangle.png) no-repeat center top; color: #ffffff; font-weight: bold;}
#mainnav ul li .nav-selected {background: transparent url(../../../../themes/C5-3216/images/triangle.png) no-repeat center top; color: #ffffff; font-weight: bold;}

/*            TOP IMAGE BLOCK 
=================================== */

#topblock {clear: both; background: #ffffff url(../../../../themes/C5-3216/images/photoblock.jpg) no-repeat; position: relative; width: 980px; height: 200px;}
#image1 {position: absolute; top: 15px; left: 10px; width: 310px; height: 160px; overflow: hidden;}
#image2 {position: absolute; top: 15px; left: 335px; width: 310px; height: 160px; overflow: hidden;}
#image3 {position: absolute; top: 15px; left: 660px; width: 310px; height: 160px; overflow: hidden;}

/*            BANNER TOP AREA 
=================================== */
#bannerTop {margin: 5px 0 5px 0; text-align: left; line-height: 1.4em; font-size: 0.90em; padding: 10px 0;}
.bannerBox {float: left; width: 29.3%; text-align: left; background-color: #ffffff; color: #000000; padding: 0 1% 0 1%; margin: 0 1%;}
.bannerBox h3 {color: #543c21; font-size: 20px; border-bottom: 1px #543c21 solid; text-align: center; margin: 0; padding: 0;}

/*            SIDEBAR AREAS 
=================================== */
#sidebarLeft {float: left; width: 225px; text-align: left; font-size: 0.90em; line-height: 1.4em; padding: 10px; overflow: hidden;}
#sidebarRight {float: right; width: 225px; text-align: left; font-size: 0.90em; line-height: 1.4em; padding: 10px; overflow: hidden;}

/*            CONTENT AREAS 
=================================== */
#contentRight {float: right; width:715px; padding: 10px; line-height: 1.5em; overflow: hidden;}
#contentLeft {float: left; width:715px; padding: 10px; line-height: 1.5em; overflow: hidden;}
#contentMiddle {float: left; width: 470px; padding: 10px; line-height: 1.5em; overflow: hidden;}
#contentFull {width: 960px; padding: 10px; line-height: 1.5em; overflow: hidden;}

/*            BREADCRUMBS 
=================================== */
#breadcrumbs {color: #505050; text-align: left;}

/*            CONTENT INSIDE BLOCKS 
=================================== */
.contentInsideLeft {float: left; width: 48%; line-height: 1.4em;}
.contentInsideRight {float: right; width: 48%; line-height: 1.4em;}

/*            BLOG FORMATTING 
=================================== */
.pageSection {line-height: 1.3em; color: #333; padding: 5px; }
.meta {color: #707070; text-align: right; font-size: 0.85em; font-style: italic;}
.ccm-page-list h3 a {text-decoration: none;}
.entry h3 {font: normal 24px 'Terminal Dosis', Verdana, Helvetica, sans-serif; color: #505050; margin: .3em 0 0 0; padding: 0; text-decoration: none;}
.entry h3 a {font: normal 24px 'Terminal Dosis', Verdana, Helvetica, sans-serif; color: #505050; margin: .3em 0 0 0; padding: 0; text-decoration: none;}
.entry h3 a:hover {font: normal 24px 'Terminal Dosis', Verdana, Helvetica, sans-serif; color: #505050; margin: .3em 0 0 0; padding: 0; text-decoration: none;}
.title h4 {color: #707070; text-align: right; font-size: 0.85em; font-style: italic;}
hr.blog-entry-divider {background-color: transparent; color: #ffffff; border: none; height: 1px;}
.searchResult h3 a {text-decoration: none;}
.ccm-page-list-description {padding-bottom: 15px;}


/*            FOOTER AREA 
=================================== */
#footer {clear: both; background: #000000 ; height: 350px; text-align: center; font-size: 0.85em; color: #d0d0d0; 
padding: 2px 0 0 0; line-height: 1.3em; letter-spacing: 1px; border-top: 5px #8f6739 solid;}

#footerInside {width: 980px; margin: 0 auto;}

#footer a {color: #707070; text-decoration: none;}
#footer a:hover {color: #8f6739; text-decoration: underline;}
#footer p {padding: 0;}

.copyright {padding: 4px 0; text-align: center; color: #c0c0c0;}
.copyright a {color: #c0c0c0 !important; text-decoration: none !important;}
.copyright a:hover {color: #c0c0c0 !important; text-decoration: none !important;}

/*            FOOTER BLOCKS 
=================================== */
.bottomBox {float: left; width: 215px; margin: 5px 10px; padding: 5px; text-align: left;}

.bottomBox h3 {font: normal 22px 'Federo', "Century Gothic", Verdana, Helvetica, sans-serif; color: #8f6739 !important; margin: .5em 0; 
padding: 0; text-align: center; border-bottom: 1px #8f6739 solid !important;}

.bottomBox table {width: 100%; margin-top: 0 !important;}

/*            FOOTER SEARCH FORM 
=================================== */
.bottomBox input {height: 20px; vertical-align:middle; border: none;}
.bottomBox .searchbox {margin: 0; padding: 2px; background-color: transparent; border: 1px #505050 solid !important; color: #ffffff;}

/*            FOOTER NAVIGATION BLOCK 
=================================== */
#footer .bottomBox ul {list-style-type: none; margin: 0; padding: 0; line-height: 1.6em;}
#footer .bottomBox ul li {background: url(../../../../themes/C5-3216/images/bullet1.png) no-repeat 0 6px; display: block; padding: 0 0 0 10px;}
#footer .bottomBox ul li a {color: #707070; text-decoration: none; font-weight: bold; padding: 10px 0 0 4px; margin: 0;}
#footer .bottomBox ul li a:hover {color: #8f6739; text-decoration: underline;}