/*  Stylesheet for [[CLIENT NAME HERE]]

Credits:

Website Design by SpinWeb (http://www.spinweb.net)
Designer: [[DESIGNER NAME HERE]]
Builder: Sam McKinney
Developer: Chris Antoine

*/

/* --------------- Global Styles --------------- */

body#public {
    margin: 0;
    }

body {
    font-family: 'Source Sans Pro', sans-serif;
    background: url(graphics/images/bg-body.jpg) repeat-x left top #fff;
    color: #4a4a4a;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.4em;
    }

a, a:visited {
   color: #3495B0; 
   text-decoration: none;
   /* -moz-transition: all 0.2s ease-in-out 0s;
   -webkit-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s; */
   }

a:hover, a:active {
   color: #20829b; 
   text-decoration: underline;
   }

h1 {
    font-size: 1.6em;
    margin: 0 0 20px 0;
    }

h2 {
    font-size: 1.467em;
    font-weight: 300;
    margin: 0 0 20px 0;
    line-height: 1.267em;
    }
    
.main-heading {
    font-size: 2.667em;
    color: #4D4D4D;
    font-family: 'Open Sans', 'Source Sans Pro';
    font-weight: 700;
    line-height: 1em;
}

.heading {
    font-size: 1.333em;
    color: #000;
    font-weight: 300;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px dotted #D28B1E;
    line-height: 1.267em;
    }

h3 {
    font-size: 1.133em; 
    margin: 0 0 20px 0;
    font-weight: 300;
    color: #28989f;
    line-height: 1.267em;
    }

.sub-heading {
    font-size: 1.133em; 
    margin: 0 0 15px 0;
    font-weight: 300;
    color: #2f889f;
    line-height: 1.267em;
}

.paragraph, p {
    float: none;
    border: 0;
    margin: 0 0 20px 0;
    }

.left {
    float: left;  
    margin: 0 20px 5px 0;
    }

.right {
    float: right; 
    margin: 0 0 5px 20px;
    }

.border {
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    -moz-box-shadow: 0px 0px 2px #ccc;
    -webkit-box-shadow: 0px 0px 2px #ccc;
    box-shadow: 0px 0px 2px #ccc;
    }

.center {
    float: none; 
    margin: 0 auto 20px; 
    text-align: center; 
    display: block;
    }

a.button, #form input[type="submit"] {
    font-size: 1em;
    padding: 3px 20px;
    margin: 10px 0;
    background: #D7463C;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
    font-weight: normal;
    border: 0;
    }

a.button:hover, #form input[type="submit"]:hover {
    background: #F7AE33;
    cursor: pointer;
    text-decoration: none;
    }
    
button.button {
    font-size: 1em;
    padding: 3px 20px;
    margin: 0 0 0 15px;
    background: #D7463C;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
    font-weight: normal;
    border: 0;
    }

button.button:hover {
    background: #F7AE33;
    cursor: pointer;
    text-decoration: none;
    }
    
input.button {
    font-size: 1em;
    padding: 3px 20px;
    margin: 0 0 0 15px;
    background: #D7463C;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
    font-weight: normal;
    border: 0;
    }

input.button:hover {
    background: #F7AE33;
    cursor: pointer;
    text-decoration: none;
    }

#form input[type="checkbox"], form input[type="checkbox"] {
    border: none;
}

.mc-field-group {
    margin-bottom: 10px;
}

a img {
    border: 0; 
    margin: 0;
    padding: 0;
    }
    
/*.errorMessage {
    font-weight: bold; 
    color:#f00;
    }*/

.webpage-wrapper ul {
    margin:0 0 20px 10px;
    padding:0 0 0 10px;
    list-style:disc;
    }

.webpage-wrapper ol {
    margin:0 0 20px 10px;
    padding:0 0 0 10px;
    list-style-type: decimal;
    }

.pdf, .word {
    padding: 25px 20px 20px 70px;
    display: block;
    float: left;
    clear: both;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
    }

.pdf {
    background: url("graphics/images/pdf.png") no-repeat scroll 20px 50% #f5f5f5;
    text-shadow: 1px 1px 0 #fff;
    }

.pdf:hover {
    background: url("graphics/images/pdf.png") no-repeat scroll 20px 50% #efefef;
    text-decoration: none;
    }

.word {
    background: url(graphics/images/doc.png) no-repeat scroll 20px 50% #f5f5f5;
    text-shadow: 1px 1px 0 #fff;
    }

.word:hover {
    background: url(graphics/images/doc.png) no-repeat scroll 20px 50% #efefef;
    text-decoration: none;
    }

hr {
    color: none;
    background: none;
    border-top: 1px dotted #DEA95A;
    height: 1px;
    margin: 15px 0;
    clear: both;
   }
   
.clear {
    clear: both;
    }
	
table {
    width: 100%;
    }

::selection {
    background: #517d8d; /* Safari */
    color: #fff;
    }

::-moz-selection {
    background: #517d8d; /* Firefox */
    color: #fff;
    }
    
.mobile-hide {display: block;}
.desktop-hide {display: none;}


/* --------------- Header --------------- */
 .social-container {
    float: left;
    margin: 40px 0 0 90px;
}

.facebook, .facebook:visited {
    display: block;
    float:left;
    height: 33px;
    margin-right:5px;
    width: 33px;
    background: url(graphics/images/social-sprite-2.png) no-repeat 0 0;
}

.facebook:hover {
    background: url(graphics/images/social-sprite-2.png) no-repeat 0 -43px;
}

.facebook:active {
    background: url(graphics/images/social-sprite-2.png) no-repeat 0 -86px;
}

.twitter, .twitter:visited {
    display: block;
    float:left;
    height: 33px;
    margin-right:5px;
    width: 33px;
    background: url(graphics/images/social-sprite-2.png) no-repeat -38px 0;
}

.twitter:hover {
    background: url(graphics/images/social-sprite-2.png) no-repeat -38px -43px;
}

.twitter:active {
    background: url(graphics/images/social-sprite-2.png) -38px -86px;
} 
.pintrest, .pintrest:visited {
    display: block;
    float:left;
    height: 33px;
    width: 33px;
    background: url(graphics/images/social-sprite-2.png) no-repeat -76px 0;
}

.pintrest:hover {
    background: url(graphics/images/social-sprite-2.png) no-repeat -76px -43px;
}

.pintrest:active {
    background: url(graphics/images/social-sprite-2.png) no-repeat -76px -86px;
}
.instagram, .instagram:visited {
    display: block;
    float:left;
    height: 33px;
    width: 33px;
    background: url(graphics/images/social-sprite-2.png) no-repeat -114px 0;
}

.instagram:hover {
    background: url(graphics/images/social-sprite-2.png) no-repeat -114px -43px;
}

.instagram:active {
    background: url(graphics/images/social-sprite-2.png) no-repeat -114px -86px;
}
header, footer {
    display: block;
    }

header {
    width: 100%;
    /* background: url(graphics/images/top-bar.png) repeat-x left top; */
    }

header .logo {
    margin: 50px 0 30px -10px;
    display: block;
    float: left;
    }
    
.font-selector {
    width: 72px;
    height: 23px;
    float: right;
    margin: 50px -10px 10px 0;
}

.font-selector a, .font-selector a:visited {
    height: 13px;
    width: 23px;
    display: block;
    float: left;
    padding: 5px 0;
    margin: 0 1px 0 0;
    color: #4a4a4a;
}

.font-selector a:hover {
    text-decoration: none;
    color: #DA4637;
}

.font-selector a.font-small {
    margin: 1px 1px 0 0;
}

.font-medium {
    font-size: 1.133em;
}

.font-large {
    font-size: 1.267em;
}
    
.utilityNav {
    float:right;
    border-top: 1px solid #C8C8C8;
    list-style-type: none;
    padding: 10px 0px 0 0px;
    margin: 0 -10px 0 0;
}
    
.utilityNav li {
    float:left;
}
    
.utilityNav a {
    border-left: 1px solid #B9B9B9;
    padding: 0 12px;
    float: left;
    display: block;
    height: 13px;
    line-height: 13px;
    color: #777777;
    font-size: 0.867em;
}

.utilityNav a:hover {
    color: #3fabc7;
    font-weight: 400;
    text-decoration: none;
}

.utilityNav a.first {
    border-left: none;
}

#nav-wrapper {
    margin: 0 auto 3px;
    width: 960px;
    position: relative;
}

.search {
    position: absolute;
    bottom: -8px;
    right: 0;
    padding: 0px 0 0 25px;
    width: 215px;
    height: 102px;
    background: url(graphics/images/search-bg.png) no-repeat center top;
}

.search .button, .search .button:visited {
    display: block;
    float: none;
    margin: 34px 0 0 5px;
    padding: 8px 0px;
    width: 190px;
    text-align: center;
    border-radius: 5px;
    font-size: 18px;
}

.search .button .fa {
    margin: 0 0 0 7px;
}

.search h2 {
    text-transform: uppercase;
    color: #fff;
    margin: 13px 0 1px;
    font-size: 1em;
}

.search ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.search li {
    margin: 0 0 5px 0;
    display: block;
}

#searchBoxInput {
    padding: 2px 30px 2px 5px;
    width: 159px;
    font-weight: 300;
}

#dropSearch  {
    width: 200px;
    padding: 2px 5px;
    font-weight: 300;
    border-radius: 0px;
    background: #fff;
}

.search .submit {
    border: none;
    height: 14px;
    width: 14px;
    background: url(graphics/images/search.png) no-repeat center top;
    position: absolute;
    right: 24px;
    top: 39px;
}

.kids-search, .kids-search:visited {
    background: url(graphics/images/kids-catalog.png) no-repeat center top;
    height: 22px;
    width: 114px;
    position: absolute;
    bottom: -14px;
    right: 0;
    color: #fff;
    font-size: 0.867em;
    text-align: center;
}

.kids-search:hover {
    color: #fff;
    text-decoration: underline;
}


/* ----------------- Slideshow ---------------- */

.feature {
    padding: 50px 0 0 0;
    margin: 0 0 30px 0;
}

#slideshow {
    position: relative;
    height: 375px;
}

.slide {
    height: 375px;
    width: 960px;
    position: relative;
}

.cycle {
    position: relative;
    width: 960px;
    height: 375px;
}

/* ---------------- Red Slide --------------- */

.slide-title {
    width: 205px;
    height: 275px;
    padding: 45px 10px 0 35px;
    background: url(graphics/images/slide-headline.png) no-repeat center top;
    float: left;
    margin: -15px 0 0 0;
}

.slide-content {
    margin: 40px 0 0 0;
    float: right;
    background: url(graphics/images/slide-content.png) no-repeat center top;
    padding: 15px 20px 30px;
    width: 230px;
    height: 152px;
    color: #fff;
    font-size: 0.867em;
    line-height: 1.333em;
}

/* -------------- Yellow Slide ------------ */

.slide-title-yellow {
    width: 205px;
    height: 275px;
    padding: 45px 10px 0 35px;
    background: url(graphics/images/yellow-square.png) no-repeat center top;
    float: left;
    margin: -15px 0 0 0;
}

.slide-content-yellow {
    margin: 40px 0 0 0;
    float: right;
    background: url(graphics/images/slide-content.png) no-repeat center top;
    padding: 15px 20px 30px;
    width: 230px;
    height: 152px;
    color: #fff;
    font-size: 0.867em;
    line-height: 1.333em;
}

/* -------------- Green Slide ------------ */

.slide-title-green {
    width: 222px;
    height: 253px;
    padding: 35px 0 0 30px;
    background: url(graphics/images/green-square.png) no-repeat center top;
    float: right;
    margin: 30px 0 0 0;
}

.slide-content-green {
    margin: 0px 0 0 0;
    position: absolute;
    left: 0;
    bottom: -17px;
    background: url(graphics/images/slide-content-small.png) no-repeat center top;
    padding: 15px 20px 30px;
    width: 230px;
    height: 123px;
    color: #fff;
    font-size: 0.867em;
    line-height: 1.333em;
}

/* -------------- Blue Slide ------------ */

.slide-title-blue {
    width: 225px;
    height: 203px;
    padding: 25px 10px 0 37px;
    background: url(graphics/images/blue-square.png) no-repeat center top;
    float: left;
    margin: -25px 0 0 0;
}

.slide-content-blue {
    margin: 0px 0 0 0;
    position: absolute;
    left: 0;
    bottom: -17px;
    background: url(graphics/images/slide-content-small.png) no-repeat center top;
    padding: 15px 20px 30px;
    width: 230px;
    height: 123px;
    color: #fff;
    font-size: 0.867em;
    line-height: 1.333em;
}

.slide-title h2, .slide-title-green h2, .slide-title-yellow h2, .slide-title-blue h2 {
    text-transform: uppercase;
    color: #fff;
    font-weight: normal;
    font-size: 4.000em;
    line-height: .875em;
    margin: 0;
    font-family: 'Bebas', 'Source Sans Pro';
}

.slide-content h3, .slide-content-green h3, .slide-content-yellow h3, .slide-content-blue h3 {
    font-weight: normal;
    margin: 0 0 5px 0;
    max-height: 18px;
    overflow: hidden;
}

.slide-content p, .slide-content-green p, .slide-content-yellow p, .slide-content-blue p {
    margin: 0;
    max-height: 105px;
    overflow: hidden;
}

.slide-link {
    height: 375px;
    width: 960px;
    display: block;
    z-index: 500;
}

.slide-button, .slide-button:visited {
    font-weight: normal;
    color: #fff;
    padding: 0 0 0 20px;
    margin: 8px 0 0 0;
    display: block;
    background: url(graphics/images/slide-arrow.png) no-repeat left 50%;
}

.slide-button:hover {
    text-decoration: none;
    color: #4EC3E1;
    background: url(graphics/images/slide-arrow.png) no-repeat left 60%;
}

#pager {
    position: absolute;
    bottom: -8px;
    right: 0;
}

#pager a {
    display: block;
    height: 13px;
    width: 13px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    text-indent: -9999px;
    background: #C4C4C4;
    float: left;
    margin: 0 3px 0 0;
}

#pager a:hover {
    background: #909090;
}

#pager a.activeSlide {
    background: #57C3DF;
}


/* ---------------- Home Content -------------------- */

.home {
    padding: 0 0 50px 0;
}

.started {
    float: left;
    width: 210px;
    border-top: 4px solid #90B537;
    min-height: 335px;
    background: url(graphics/images/shadow-sprite.png) no-repeat 188px top;
}

.started h2 {
    margin: 40px 0 20px 0;
    color: #4C4C4C;
    text-transform: uppercase;
    font-size: 1.867em;
}

.getStarted {
    list-style-type: none;
    margin: 0 25px 0 0;
    padding: 0;
}

.getStarted li {
    display: block;
}

.getStarted a, .getStarted:visited {
    display: block;
    padding: 3px 10px;
    border-bottom: 1px solid #DFDFDF;
    color: #181818;
}

.getStarted a:hover {
    color: #fff;
    background: #9DBE4C;
    text-decoration: none;
}

.home-events {
    width: 426px;
    float: left;
    padding: 25px 20px 0px 25px;
    border-top: 4px solid #57C3DF;
    margin: 0 2px 20px;
    background: url(graphics/images/home-events-bg.png) no-repeat 25px 25px;
}

a.home-all, a.home-all:visited {
    display: block;
    float: right;
    color: #fff;
    margin: 9px 10px 0 0;
    font-size: 1.600em;
}

a.home-all:hover {
    color: #fff;
    text-decoration: underline;
}

.events-heading {
    color: #FFFFFF;
    font-size: 3.2em;
    font-weight: 600;
    line-height: 1em;
    margin: 2px 0 0px;
    text-align: left;
    padding: 0 0 0 80px;
    text-transform: uppercase;
}

.home-events ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.event-left {
    background: url("graphics/images/events-li-bg.png") repeat scroll left top transparent;
    color: #FFFFFF;
    display: block;
    line-height: 1.267em;
    padding: 10px;
    position: relative;
    width: 292px;
    float: left;
    border-bottom: 1px solid #3C3C3C;
}

.event-left h3 {
    color: #fff;
    margin: 0 0 0px 0;
    font-weight: 600;
    font-size: 1em;
}

.event-left p {
    margin: 0;
}

.event-left p.home-date {
    color: #9EEAFE;
    margin: 0 0 8px 0;
    font-size: 0.867em;
}

.home-events .event-right {
    width: 100px;
    float: right;
}

.home-events .event-right p {
    text-align: center;
    margin: 30px 0 0 0;
    font-size: 1em;
}

.home-events li a:hover .event-left {
    background: #49A0B6;
    text-deocration: none;
}

.home-events li a:hover .event-left span {
    display: block;
    position: absolute;
    width: 8px;
    height: 43px;
    background: url(graphics/images/events-hover-span.png) no-repeat center top;
    top: 25%;
    left: 310px;
}

.events-bottom {
    margin: 20px 0 0 0;
    padding: 15px 0 0 0;
    border-top: 3px solid #57C3DF;
}

.calendar, .calendar:visited {
    float: right;
    margin: 5px 0 0 0;
    padding: 0 35px 0 3px;
    background: url(graphics/images/calender-ico.png) no-repeat right top;
}

.calendar:hover {
    background: url(graphics/images/calender-ico.png) no-repeat right -42px;
}

.events-bottom p {
    font-size: 0.867em;
}

.events-bottom p span {
    font-weight: 600;
}

.home-blog {
    width: 270px;
    float: left;
    border-top: 4px solid #F7A829;
    background: url(graphics/images/shadow-sprite.png) no-repeat -35px top;
    min-height: 330px;
}

.question, .question:visited {
    display: block;
    width: 243px;
    height: 86px;
    margin: 26px 0 20px 0;
    float: right;
    clear: both;
    background: url(graphics/images/subscribe-news.png) no-repeat center top;
}

.question:hover {
    /* background: url(graphics/images/question.png) no-repeat center bottom; */
    opacity: .85;
}

.feature-blog {
    padding: 0 0 0 75px;
}

.feature-blog ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.feature-blog li {
    border: 1px solid #F2F2F2;
    padding: 7px 7px 7px 10px;
    box-shadow: 1px 1px 1px #B7B7B7;
    margin: 0 0 8px 0;
}

.event-date {
    margin: 0;
    color: #B5B5B5;
    font-size: 0.933em;
    font-style: italic;
}

.feature-blog li p {
    margin: 0;
    line-height: 1.200em;
}

.feature-blog li a {
    color: #727272;
    margin: 0;
    font-size: .933em;
}

.visit-blog, .visit-blog:visited {
    float: right;
    margin: 15px 0 0 0;
    padding: 3px 40px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    background: #D6463C;
    color: #fff;
}

.visit-blog:hover {
    background: #F7AE32;
    color: #fff;
    text-decoration: none;
}

.visit-blog:active {
    background: #D79526;
    color: #fff;
    text-decoration: none;
}
    
    


/* --------------------- Interior ------------------ */


#content-area {
    width: 690px;
    margin: 0 23px 0 0;
    border-right: 1px solid #C6C6C6;
}

#sidebar {
    width: 240px;
    margin: 0;
    padding: 40px 0 0 0;
}

.module {
    margin: 0 0 30px 0;
    display: block;
}

.module ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.module li {
    display: block;
    float: none;
}

.module li a, .module li a:visited {
    padding: 4px 20px;
    background: url(graphics/images/right-subnav.png) no-repeat 96% 50% #757575;
    color: #fff;
    margin: 0 0 1px 0;
    display: block;
}

.module li a:hover, .module li a.current {
    background: url(graphics/images/down-subnav.png) no-repeat 96% 50% #4E4E4E;
    text-decoration: none;
}

.module ul li ul {
    display: none;
}

.module ul li.menuItemHighlight ul {
    display :block;
}

.module li li a, .module li li a:visited, .module li li a.current {
    padding: 4px 20px 4px 25px;
    background: none;
    background-color: #9DBE4C;
}

.module li li a:hover, .module li li.menuItemHighlight a.current {
    background: none;
    background-color: #8FAD43;
    text-decoration: none;
}

.webpage-wrapper {
    padding: 25px 20px 80px 0;
    min-height: 670px;
}

.webpage-wrapper h1 {
    display: none;
}

.subnav-corner {
    position: absolute;
    right: -12px;
    bottom: -12px;
}


/* -------------- Sidebar ------------- */

.catalog-search, .catalog-search:visited {
    width: 243px;
    display: block;
    height: 131px;
    margin: 0 0 0 -3px;
    background: url(graphics/images/catalog-search.png) no-repeat center top;
}

.catalog-search:hover {
    background: url(graphics/images/catalog-search.png) no-repeat center bottom;
}

.events-int {
    margin: 30px 0 30px 0px;
    width: 230px;
    float: right;
    background: url(graphics/images/events-bg-int.png) no-repeat center 30px;
}

.calendar-int, .calendar-int:visited {
    display: block;
    text-align: right;
    margin: 0 3px 0 0;
    padding: 0 35px 3px 0;
    color: #3495B0;
    font-size: .933em;
    background: url(graphics/images/calender-ico.png) no-repeat right top;
}

.calendar-int:hover {
    background: url(graphics/images/calender-ico.png) no-repeat right -42px;
    text-decoration: none;
}

.events-heading-int {
    color: #fff;
    line-height: 1em;
    font-size: 3.200em;
    margin: 7px 0 2px 0;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}

.questions-int, .question-int:visited {
    display: block;
    width: 243px;
    margin: 0 0 0 -3px;
    height: 86px;
    margin: 15px 0 20px 0;
    background: url(graphics/images/question.png) no-repeat center top;
}

.questions-int:hover {
    background: url(graphics/images/question.png) no-repeat center bottom;
}

.events-int ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.events-int li {
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    border-top: 1px solid #3C3C3C;
}

.events-int li a, .events-int li a:visited {
    background: url(graphics/images/events-li-bg.png) repeat left top;
    padding: 10px;
    color: #fff;
    line-height: 1.267em;
    display: block;
    position: relative;
}

.events-int li a .home-date, .events-int li a:visited .home-date {
  color: #9EEAFE;;
}

.event-right h3 {
    font-size: 1.067em;
    margin: 0 0 2px 0;
    color: #fff;
    font-weight: 600;
}

.event-right p {
    margin: 0;
    font-size: .933em;
}

.events-int li a:hover {
    text-decoration: none;
    background: #499FB6;
}

.events-int li a:hover span {
    display: block;
    position: absolute;
    width: 8px;
    height: 43px;
    background: url(graphics/images/events-hover-span.png) no-repeat center top;
    top: 25%;
    left: -8px;
}

.events-bottom-int {
    border-top: 3px solid #6ACAE2;
    margin: 15px 0 0 0;
    padding: 10px 0 0 0;
}

.events-bottom-int p {
    color: #353535;
    font-size: 0.800em;
    line-height: 1.200em;
    text-align: right;
}

.events-bottom-int p span {
    font-weight: 600;
}

.subscribe-blog {
    display: block;
    margin: 0 0 0 -10px;
    opacity: 1;
}

.subscribe-blog:hover {
    opacity: .85;
}
    

/* ------------------- Blog Styles ----------------- */


.blog ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 25px 0;
}

.blog li {
    padding: 20px 0;
    border-bottom: 1px dotted #868686;
    margin: 0;
}

.blog li a {
    display: block;
}

.blog-left {
    width: 230px;
    float: left;
    margin: 0 20px 0 0;
    padding: 0 0 40px 0;
    position: relative;
    min-height: 85px;
}

.blog-left h2 {
    font-size: 1.6em;
    margin: 0;
}

.blog-left h2 a {
    color: #000;
    text-align: right;
    margin: 0 0 0px 0;
}

.blog-meta {
    text-align: right;
    font-style: italic;
    color: #41ABC7;
    position: absolute;
    right: 0;
    bottom: -25px;
}

.blog-meta span {
    color: #fff;
    font-size: 2em;
    padding: 0 9px;
    font-style: normal;
    background: #F7AE32;
    margin: 0 0 0 10px;
    position: relative;
    top: -7px;
}
    
.blog-right {
    float: left;
    width: 420px;
    padding: 5px 0 0 0;
}

.blog-right p {
    margin: 0;
}

.side-heading, .cats h2 {
    text-transform: uppercase;
    font-size: 1.600em;
    margin: 0 0 13px 0;
}

.tags ul, .blog-archive ul, .cats ul {
    list-style-type: none;
    margin: 0 0 30px 0;
    padding: 0;
}

.tags li a, .tags li a:visited, .blog-archive li a, .blog-archive li a:visited, .cats li a, .cats li a:visited {
    display: block;
    border-bottom: 1px solid #DBDBDB;
    padding: 4px 10px;
    color: #000;
}

.tags li a:hover, .blog-archive li a:hover, .cats li a:hover {
    background: #9DBD4B;
    color: #fff;
    text-decoration: none;
}

.tags li a span, .blog-archive li a span {
    float: right;
}

.tags {
    margin: 0 0 20px 0;
}

.searches div {
    margin: 0 0 20px 0;
}

.basic {
    margin: 0 0 20px 0;
}

.basic th {
    border-bottom: 1px dotted #D28B1E;
    color: #000000;
    font-size: 1.333em;
    font-weight: 300;
    line-height: 1.267em;
    margin: 0 0 15px;
    padding: 10px 20px 15px 0;
    text-align: left;
}

.basic td {
    padding: 5px 20px 5px 0;
    text-align: left;
    border-bottom: 1px solid #D2D2D2;
}

.blank {
    padding: 75px 0 0 0;
}

.fifty td {
    width: 50%;
}

.webpage-wrapper ul.staff-list {
    margin: 20px 0;
    padding: 0;
    list-style-type: none;
}

.staff-list li {
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px dotted #D28B1E;
}

.staff-list li.last {
    border-bottom: none;
    padding: 0;
}

.staff-list .left {
    margin: 0 20px 15px 0;
}

.staff-list h3 {
    font-size: 1.267em;
    margin: 0;
}

.staff-list p {
    margin: 0;
}

.staff-list p.office {
    margin: 0 0 10px 0;
}

.office span {
    font-style: italic;
    font-weight: 600;
}

#freedom_calendar { position: absolute; left: 100px; top: 100px; width: 200px; z-index: 100; visibility: hidden; clip:rect(0px 200px 145px 0px); height:145px; background: #DBDBDB; color: #fff;}
    


/* ------------- Footer ---------------- */


footer {
    width: 100%;
    padding: 23px 0;
    border-top: 1px solid #CFCFCF;
    background: #F1F1F1;
    color: #6e6e6e;
    font-size: .8em;
    clear: both;
    display: block;
}

footer .container_12 {
    position: relative;
}

footer a, footer a:visited {
    color: #6e6e6e;
}

footer a:hover {
    color: #373737;
    text-decoration: none;
}

 /*.facebook, .facebook:visited {
    display: block;
    height: 33px;
    width: 33px;
    background: url(graphics/images/social-sprite-1.png) no-repeat left top;
    position: absolute;
    top: -70px;
    left: 0;
}

.facebook:hover {
    background: url(graphics/images/social-sprite-1.png) no-repeat left -43px;
}

.facebook:active {
    background: url(graphics/images/social-sprite-1.png) no-repeat left bottom;
}

.twitter, .twitter:visited {
    display: block;
    height: 33px;
    width: 33px;
    background: url(graphics/images/social-sprite-1.png) no-repeat center top;
    position: absolute;
    top: -70px;
    left: 38px;
}

.twitter:hover {
    background: url(graphics/images/social-sprite-1.png) no-repeat center -43px;
}

.twitter:active {
    background: url(graphics/images/social-sprite-1.png) no-repeat center bottom;
} 
.pintrest, .pintrest:visited {
    display: block;
    height: 33px;
    width: 33px;
    background: url(graphics/images/social-sprite-1.png) no-repeat right top;
    position: absolute;
    top: -70px;
    left: 76px;
}

.pintrest:hover {
    background: url(graphics/images/social-sprite-1.png) no-repeat right -43px;
}

.pintrest:active {
    background: url(graphics/images/social-sprite-1.png) no-repeat right bottom;
}*/

.footerMainNav {
    float: left;
    margin: 1px 0 0 0;
    padding: 0;
    list-style-type: none;
}

.footerMainNav li {
    float: left;
}

.footerMainNav a {
    float: left;
    display: block;
    margin: 0 40px 0 0;
    text-transform: uppercase;
}

.copyright {
    float: right;
    margin: 0;
}

.copyright span {
    color: #2f2f2f;
}


/* --------------- Lister --------------- */

.webpage-wrapper .lister, .lister {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

.lister li {
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    clear: both;
    border-bottom: 1px solid #C6C6C6;
    }

.lister h2 {
    margin-bottom: 10px;
    }

.lister h3 {
    margin: 0;
    font-weight: normal;
    }

.lister p {
    margin: 0;
    }

.meta {
    font-size: smaller;
    }

.eventDate {
    background: #f2f2f2;
    border-top: 1px solid #e2e2e2;
    padding: 5px;
    display: block;
    margin: 0 0 20px 0;
    }

.eventLocation .button {
    font-size: .8em;
    }

.gPlus {
    float: left;
    margin: 2px 5px 0 0;
    }

.linkedin-addthis {
   float: left;
   margin: 0 15px 0 0;
}

.addthis_toolbox {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    padding: 10px 0 10px 0;
    margin-bottom: 30px;
    height: 20px;
    }

.addthis_toolbox .button {
    float: left;
    font-size: 0.8em;
    height: 10px;
    line-height: 10px;
    margin: 0px 20px 0 0;
}

	
/* --------------- Navigation --------------- */

nav ul {
    list-style-type: none;
    }

nav li {
    float: left;
    }

header ul ul, footer ul ul {
    display: none;
    }

header nav ul {
    float: left;
    width: 940px;
    border-top: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
    height: 42px;
    }

header nav a, header nav a:visited {
    color: #000;
    text-transform: uppercase;
    margin: 0 25px;
    padding: 0 2px;
    height: 42px;
    line-height: 42px;
    display: block;
    }

header nav a:hover, header nav a.current {
    color: #20829b;
    text-decoration: none;
    border-bottom: 7px solid #49B4D0;
    height: 39px;
    line-height: 42px;
    }

.horizontal {
    margin: 0 0 20px 0;
    padding: 8px 10px;
    background: #49B4D0;
    width: 650px;
    position: relative;
    clear: both;
    display: block;
	}

.horizontal li {
    float: left;
    display: block;
    margin: 0;
	}

.horizontal a {
    display: block;
    color: #fff;
    padding: 1px 10px;
    margin: 0 3px;
    font-size: 0.933em;
    float: left;
	}
    
.horizontal a:hover, .horizontal a.current {
    background: #3191AA;
    text-decoration: none;
    border-radius: 15px;
}

      

    

 
/* ---------------General Module Styles--------------- */

/* --------------- Testimonials --------------- */

.testimonials p {
    padding: 20px;
    margin: 10px 0;
    background: #222;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    color: #fff;
    font-weight: normal;
    border: 0;
    }
	
/* --------------- Search --------------- */

.searchModule {
    padding: 10px;
    background: #efefef;
    height: 18px;
    border-bottom: 1px solid #ccc;
    margin: 0 0 5px 0;
    }

.searchModule h2 {
    margin: 0;
    float: left;
    }

.searchModuleMore {
    float: right;
    }

.searchItem {
    padding: 20px 0;
    border-bottom: 1px solid #efefef;
    }

.searchTopMatches {
    padding: 20px;
    background: #efefef;
    border: 1px solid #ccc;
    }

/* --------------- Forms --------------- */

#form input, select, #form input[type="file"] {
    padding: 4px 5px;
    border: 1px solid #a7a9ac;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #FFFFFF; /* old browsers */
    background: -moz-linear-gradient(top, #D3D3D3 0%, #FFFFFF 17%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D3D3D3), color-stop(17%,#FFFFFF)); /* webkit */
    }

#form textarea {
    height: 100px;
    padding: 5px;
    width: 95%;
    border: 1px solid #a7a9ac;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #FFFFFF; /* old browsers */
    background: -moz-linear-gradient(top, #e1e1e1 0%, #FFFFFF 3%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(3%,#FFFFFF)); /* webkit */
    }

.formtext, .formtextRequired {
    margin: 0px 0px 5px 0px;
    }

.formtextRequired {
    font-weight: bold;
    }

#form p {
    margin: 0 0 10px 0;
    }

#form td {
    padding: 0 0 5px 0;
    }

/* --------------- FAQ --------------- */

.faqQuestions {
    background: #fcfcfc;
    padding: 20px;
    margin: 0;
    list-style-type: disc;
    border: 1px solid #efefef;
    }

.faqQuestions li {
    margin: 10px 0 10px 30px;
    }

.faqAnswers {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

.faqAnswers li {
    margin: 40px 0;
    }

.top {
    border-top: 1px solid #efefef;
    display: block;
    padding: 10px 0 0 0;
    }

/* --------------- Photo Album ----------------- */


.albumLister ul {
    list-style-type: none;
    }

.albumLister img {
    width: 214px;
    }

.albumLister li {
    float: left;
    width: 240px;
    height: 330px;
    }

.albumLister li div {
   width: 214px;
   height: 135px;
   overflow: hidden;
   border: 3px solid #fff;
   background: #fff;
   -moz-box-shadow: 0px 0px 2px #ccc;
   -webkit-box-shadow: 0px 0px 2px #ccc;
   box-shadow: 0px 0px 2px #ccc;
   }

.albumLister h2 {
   margin: 10px 0;
   }

#photoAlbum, .photoLister {
      list-style-type: none;
      margin: 0;
      padding:
      }

#photoAlbum li {
      margin: 0;
      padding: 0;
      float: left;
      margin: 0 20px 20px 0;
      }

#photoAlbum li a {
    width: 214px;
    height: 135px;
    overflow: hidden;
    float: left;
    padding: 2px;
    border: 1px solid #ccc;
    }

#photoAlbum li a:hover {
    border: 1px solid #0055a5;
    }

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

.photoLister li {
    margin: 0;
    padding: 0;
    float: left;
    width: 240px;
    height: 300px;
    }

.photoLister img {
    border: 1px solid #ccc;
    height: 140px;
    margin: 0 20px 20px 0;
    width: 214px;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
    -moz-box-shadow: 0px 0px 2px #ccc;
    -webkit-box-shadow: 0px 0px 2px #ccc;
    box-shadow: 0px 0px 2px #ccc;
    display: none;
    }

.photoLister img:hover {
    border: 1px solid #0055a5;
    }

/* --------------- Staff ----------------- */


.staff ul {
    list-style-type: none;
    }

.staff li {
    float: left;
    width: 240px;
    height: 330px;
    }

.staff li div {
   width: 214px;
   height: 214px;
   overflow: hidden;
   border: 3px solid #fff;
   background: #fff;
   -moz-box-shadow: 0px 0px 2px #ccc;
   -webkit-box-shadow: 0px 0px 2px #ccc;
   box-shadow: 0px 0px 2px #ccc;
   }

.staff h2 {
   margin: 10px 0;
   }

.staff em {
   clear: both;
   display: block;
   }

.staffDetail h1 {
   margin-bottom: 3px;
   }

.staffDetail img {
   max-width: 300px;
   }

.contactInfo {
   float: right;
   clear: both;
   background: #f5f5f5;
   padding: 30px;
   margin: 0 0 20px 20px;
   }

.contactInfo li {
   padding: 5px 20px 5px 30px;
   }

.contactInfo li.email {
   background: url("graphics/images/ico-email.png") no-repeat 0 50%;
   }

.contactInfo li.phone {
   background: url("graphics/images/ico-phone.png") no-repeat 0 50%;
   }

.contactInfo li.facebook {
   background: url("graphics/images/ico-facebook.png") no-repeat 0 50%;
   }

.contactInfo li.twitter {
   background: url("graphics/images/ico-twitter.png") no-repeat 0 50%;
   }

.contactInfo li.linkedin {
   background: url("graphics/images/ico-linkedin.png") no-repeat 0 50%;
   }

/* --------------- Pagination ----------------- */

.pagination, .pages {
    clear: both;
    display: block;
    margin-bottom: 40px;
    height: 20px;
    font-size: 0.867em;
    font-style: normal;
	}
    
.older-posts a, .older-posts a:visited {
    display: block;
    float: left;
    background: #D6463C;
    color: #fff;
    padding: 2px 25px;
    border-radius: 20px;
}

.older-posts a:hover {
    color: #fff;
    text-decoration: none;
    background: #F7AE32;
}

.older-posts a:active {
    background: #D79526;
}

.numbers {
    float: right;
}

.numbers a {
    display: block;
    margin: 0 0 0 2px;
    padding: 1px 4px;
    color: #fff;
    background: #C4C4C4;
    float: left;
}

.numbers a:hover {
    background: #909090;
    text-decoration: none;
    color: #fff;
}

.prevnextCurrent {
    background: #57C3DF;
    color: #fff;
    float: left;
    margin: 0 0 0 4px;
    display: block;
    padding: 1px 4px;
    color: #fff;
    }


/* .pagination a, .pagination a:link, .pagination a:visited {
    padding: 5px 8px;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: -moz-linear-gradient(bottom, #efefef 0%, #ffffff 25%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(25%,#ffffff)); 
    font-style: normal;
	}
	
.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow {
    border: solid 1px #ccc;
    margin: 0;
    padding: 5px;
    font-size: 11px;
    margin-right: 2px;
    display: inline;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	}
	
.pagination a.prevnextWindow:hover, .pagination .prevnextWindowArrow:hover {
    border: solid 1px #7fc3dc;
    color: #fff;
    background: #7fc3dc;
	}
	
.pagination .prevnextCurrent {
    background: #88BBC8;
    color: #fff;
    font-weight: bold;
    padding: 5px 8px;
    border: none;
    font-style: normal;
	} */

/* Tweet Plugin Styles */
.tweet-container {
    width:400px;
}

.tweet-container ul {
    list-style:none;
}

/* --------------- Blog --------------- */

.itemBody {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #efefef;}
.blogListWrapper, .blogCommentsWrapper { margin-right: 220px; }
.blogDate{ font-weight: bold; border-top: 1px solid #ccc; margin-top: 20px; }
.blogInfo { }
.blogBody { }
.blogComments { }
.blogListWrapper .blogComments { text-align: right; }

.blogCommentsWrapper { }
.blogPrivate { }
.blogCommentBody { }
.blogCommentsWrapper .blogInfo { padding-top: 10px;}

.blogAddCommentsWrapper { padding: 0px 80px; }
.blogAddCommentsWrapper div { padding: 2px 0px; }

.blogArchiveWrapper { width: 160px; float: right; border: 1px solid #ccc; background: #efefef; padding: 0px 20px 20px 20px;}
.blogArchiveWrapper a { text-decoration: none; }
.blogArchiveWrapper a:hover { text-decoration: underline; }
.blogArchiveYear { font-weight: bold; padding-top: 10px; }
.blogArchiveMonth { padding-left: 20px; }


/* --------------- Commerce --------------- */

.shoppingCart {border: 0; width: 100%; margin-bottom: 20px;}
.shoppingCart td {padding: 10px;}
.shoppingAlert { color: red; }
.shoppingAlert ul { border: 1px solid red; padding: 20px;}
.shoppingBody { font-size: 10pt; }
.shoppingTotal {padding: 5px; border: 1px solid #ccc; margin-bottom: 20px; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.shoppingPrice {font-size: 18px; font-weight: bold; color: #4A9D46;}
.shoppingCartOddRow td, .shoppingCartEvenRow td { vertical-align: middle; }
.shoppingCartEvenRow { background-color: #EDEDED; color:#67cde2; padding: 2px; }
.shoppingCartOddRow { background-color: #fff; color:#67cde2; padding: 2px;}
.shoppingCartTableHeader { background-color: #aaa; color: #ffffff; font-size: 10pt; font-weight: bold; padding: 10px;}
.shoppingForm { font-size: 8pt; color:#002d62; }
.shoppingFormQuantity { background-color: #ffffff; font-size: 8pt; }
.shoppingFormRequired { font-size: 8pt; font-weight: bold; color:#002d62; }
.shoppingFormRequired input, .shoppingFormRequired select { font-weight: normal; color:#000; }
.shoppingHeading { color:#002d62; }
.shoppingInStock { }
.shoppingItemHeading { }
.shoppingOutOfStock { color: #dd0000; }
.shoppingLowStock { }
.shoppingTable { background-color: #fff; color:#002d62; }
.shoppingTable td {padding: 10px;}
.shoppingTableBorder { background-color: #ffffff; }
.shoppingFormRequired { width: 1%; }
.shoppingTable form input[type="image"] {margin: 20px 0;}
.shoppingCartContent {margin-bottom: 20px; display: block;}

/* ModuleBegin::documents */
.documentsListWrapper { }
.documentsListWrapper table { border: 1px solid #ccc; padding: 3px; }
.documentsRowOdd { }
.documentsRowEven { background: #eee; }
.documentsListWrapper th { padding: 3px 10px; border-bottom: 1px solid #ccc; }
.documentsListWrapper td { padding: 3px 10px; }
.documentsName { }
.documentsDate { }
.documentsSize { }
/* ModuleEnd::documents */
#shoppingCartProceed { text-align:center; }
#shoppingCartPlaceorder { text-align:center; }
#shoppingCartPaypalButton { text-align:center; }
#shoppingCartCrumbs { display:none; }

/* ModuleBegin::newsfeed */
.newsfeedListWrapper { }
.newsfeedNumber { }
.newsfeedTitle { }
.newsfeedSource { }
.newsfeedDetailWrapper { }
.newsfeedDetailWrapper .newsItem {border-bottom:1px solid #ccc; margin-bottom:10px;padding-bottom:10px;}
.newsfeedDetailWrapper .newsItem img {margin:0 10px 0 0;}
.newsfeedDetailWrapper .newsItem span {display:block;}
.newsfeedDetailWrapper .newsItem .newsListHeadline {font-size:120%;}
.newsfeedDetailWrapper .newsItem .newsListPublishline {font-size:90%;}
/* ModuleEnd::newsfeed */

/* ModuleBegin::broadcastemail */
.enewsWrapper div { }
.enewsWrapper span { display: block; }
.enewsText { }
.enewsEmail { }
/* ModuleEnd::broadcastemail */

/* ModuleBegin::commerce */
.shoppingAlert { color: red; font-size: 8pt; }
.shoppingBody { font-size: 8pt; }
.shoppingCartEvenRow { background-color: #ffffff; color:#002d62; }
.shoppingCartOddRow { background-color: #ebebeb; color:#002d62; }
.shoppingCartTableHeader { background-color: #002d62; color: #ffffff; font-size: 8pt; font-weight: bold; }
.shoppingForm { font-size: 8pt; color:#002d62; }
.shoppingFormQuantity { background-color: #ffffff; font-size: 8pt; }
.shoppingFormRequired { font-size: 8pt; font-weight: bold; color:#002d62; }
.shoppingFormRequired input, .shoppingFormRequired select { font-weight: normal; color:#000; }
.shoppingHeading { color:#002d62; }
.shoppingInStock { }
.shoppingItemHeading { }
.shoppingOutOfStock { color: #dd0000; }
.shoppingLowStock { }
.shoppingTable { background-color: #e8e8e8; color:#002d62; }
.shoppingTableBorder { background-color: #ffffff; }
.shoppingFormRequired { width: 1%; }
/* ModuleEnd::commerce */