@font-face {
    font-family: 'bebasregular';
    src: url('graphics/font/BEBAS-webfont.eot');
    src: url('graphics/font/BEBAS-webfont.eot?#iefix') format('embedded-opentype'),
         url('graphics/font/BEBAS-webfont.woff') format('woff'),
         url('graphics/font/BEBAS-webfont.ttf') format('truetype'),
         url('graphics/font/BEBAS-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoBoldItalic';
    src: url('graphics/font/Lato-BolIta-webfont.eot');
    src: url('graphics/font/Lato-BolIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('graphics/font/Lato-BolIta-webfont.woff') format('woff'),
         url('graphics/font/Lato-BolIta-webfont.ttf') format('truetype'),
         url('graphics/font/Lato-BolIta-webfont.svg#LatoBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LatoBold';
    src: url('graphics/font/Lato-Bol-webfont.eot');
    src: url('graphics/font/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('graphics/font/Lato-Bol-webfont.woff') format('woff'),
         url('graphics/font/Lato-Bol-webfont.ttf') format('truetype'),
         url('graphics/font/Lato-Bol-webfont.svg#LatoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LatoItalic';
    src: url('graphics/font/Lato-RegIta-webfont.eot');
    src: url('graphics/font/Lato-RegIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('graphics/font/Lato-RegIta-webfont.woff') format('woff'),
         url('graphics/font/Lato-RegIta-webfont.ttf') format('truetype'),
         url('graphics/font/Lato-RegIta-webfont.svg#LatoItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LatoRegular';
    src: url('graphics/font/Lato-Reg-webfont.eot');
    src: url('graphics/font/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('graphics/font/Lato-Reg-webfont.woff') format('woff'),
         url('graphics/font/Lato-Reg-webfont.ttf') format('truetype'),
         url('graphics/font/Lato-Reg-webfont.svg#LatoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


strong {font-weight: bold;
    color: #000000;}
    
    
input[type="submit"]
{
  background-color: #000!important;
  color: #fff!important;
  border: none!important;
  font-family: bebasregular, sans-serif!important;
  font-size: 20px!important;
  padding: 10px!important;
}

/*** Universal Styles ***/

.noScreenS, .noScreenM { display:block; }
.noScreenL { display:none; }

body, table, form { margin:0; padding:0; font: normal normal 14px LatoRegular, sans-serif; color:#666; }
body { background-color:#fff; }
img { max-width:100%; height:auto; }
a img { border: 0 none; }
a { color:#D81C3F; }
iframe { max-width:100%; }
h1 { font-family: LatoBold, sans-serif; font-size:28px; }
h2 { font-size:24px; color:#9c0; }
input[type="text"], textarea, select { border: 1px solid #ccc; background-color:#eee; color:#666; }

.clear { clear:both; font-size:0; line-height:0; visibility:hidden; }
.left { float:left; margin: 0px 10px 10px 0px; }
.right { float:right; margin: 0px 0px 10px 10px; }
.leftClear { float:left; clear:left; margin: 0px 10px 10px 0px; }
.rightClear { float:right; clear:right; margin: 0px 0px 10px 10px; }

/*** Section Styles ***/

.pageWidth { clear:both; max-width:990px; margin: 0 auto; }

div.header { position:relative; z-index:100; padding: 10px 0; font-size:16px; }
div.header .logo, div.header .menu, div.header .socialLinks { margin-bottom:10px; }
div.header .logo { float:left; margin-right:15px; }
div.header .menu { float:left; }
div.header .menu a { margin: 0 15px; text-decoration:none; color:#333; }
div.header .menu a:hover { color:#9c0; }
div.header .menu img { vertical-align:middle; }
div.header .socialLinks img { margin: 0 10px; }
#search_box_form { float:right; }
#searchBoxInput { margin-right:5px; width:160px; padding:10px; text-align:right; vertical-align:middle; font-size:16px; }
#searchSubmit { vertical-align:middle; }
#menuMain { clear:both; margin: 10px 0 15px; }

#homeSlideshow { position:relative; z-index:1; margin: 15px auto; }
div.featuredLinks a { display:block; margin-bottom:10px; background-color:#000; padding:10px; font-family: bebasregular, sans-serif; text-decoration:none; text-transform:uppercase; color:#fff; font-size:20px; text-align:right; }
div.featuredLinks a:hover { background-color:#9c0; }
div.homeSection { margin: 20px 10px; }
div.homeSection .title { margin-bottom:20px; font-family: bebasregular, sans-serif; font-size:20px; color:#000; }
div.homeSection.quickLinks a, div.homeSection.highlights a { display:block; padding:5px; text-decoration:none; color:#666; font-size:16px; }
div.homeSection.quickLinks a:hover, div.homeSection.highlights a:hover { background-color:#9c0; color:#fff; }
#form_NewsletterSignup1 .formtext { font-size:16px; }
#form_NewsletterSignup1 input[type="text"] { width:180px; padding:10px; text-align:right; font-size:16px; }
#form_NewsletterSignup1 input[type="submit"] { background-color:#000; color:#fff; border:none; font-family: bebasregular, sans-serif; font-size:20px; padding:10px; }
#form_NewsletterSignup1 input[type="submit"]:hover { background-color:#9c0; }

div.fourCols>div { float:left; margin-left:1%; width:24%; }
div.fourCols>div:first-child { margin-left:0; }

div.interior { margin-top:30px; margin-bottom:30px; }
#sideColumn { float:left; width:24%; }
#sideColumn .title { margin: 20px 0; font-family: bebasregular, sans-serif; font-size:20px; color:#000; }
#sideColumn #menuSide, #sideColumn #NewsletterSignup1 { margin-bottom:20px; }
#contentColumn { margin-left:28%; }
div.interior #contentColumn img { box-shadow: 0 0 0 0 #999; }
div.interior #contentColumn form img { box-shadow: 0 0 0 0; max-width:none; }

div.sponsors { padding: 10px 0; height:60px; text-align:center; }
div.sponsors img { vertical-align:middle; max-height:60px; width:auto; }
div.footer { clear:both; position:relative; background-color:#000; padding: 0 10px; color:#fff; }
#footerText { position:absolute; left:10px; bottom:10px; text-align:left; }
#footerText p { margin:0; }
div.footer .socialLinks { position:absolute; bottom:10px; left:600px; }
div.footer .socialLinks img { margin: 0 15px; }
div.footer img.logo { float:right; }


#editAnywhere { display:none; }
td.total { font-weight:bold; text-align:right; }
.faq ul p { margin:0; display:inline; }

td.member, td.nonMember { white-space:nowrap; }


/* ModuleBegin::blog */
.blogArchiveMonth { padding-left:10px; }
.blogArchiveYear { font-weight: bold; }
.blogDate { padding:5px 0px; font-weight: bold; background-color: #eeeeee; }
.blogDividerComments { height: 1px; background-color:#cccccc; }
.blogDividerTop { height: 1px; background-color:#cccccc; }
.blogEntry { padding-top: 5px; }
.blogEntryFooter { padding-bottom: 10px; }
.blogFooter { height: 1px; background-color:#cccccc; }
.blogPosted { padding-bottom: 5px; padding-top: 5px; color: #000066; }
.blogTitle { color: #000066; font-weight: bold; padding-top: 10px; }
/* ModuleEnd::blog */

.breadcrumbBold {
 color: #000000;
 font-size: 9px;
 font-weight: bold;
 text-decoration: none;
}
.breadcrumbBold:hover {
 text-decoration: underline;
}
.breadcrumbBold:link {
 text-decoration: none;
}
.breadcrumbLight {
 color: #000000;
 font-size: 9px;
 text-decoration: none;
}

/* ModuleBegin::events */
.calendarBody {
 background:none;
}
.calTop { font-size:18px; }
table.calGrid { margin-top:15px; clear:both; width:100%; font-family: bebasregular, sans-serif; font-size:14px; color:#333; text-align:center; }
table.calGrid td { padding:3px; }
table.calGrid td.calDayOff {}
table.calGrid td.calDayOn a { text-decoration:none; }
table.calGrid td.calTodayOff { font-weight:bold; text-decoration:underline; }
table.calGrid td.calTodayOn { font-weight:bold; }
.calPrev {
 position: absolute;
 top: 0;
 left: 0;
}
.calNext {
 position: absolute;
 top: 0;
 right: 0;
}
.calMonth {
 position: relative;
 top: 0;
 left: 0;
 text-align: center;
 font-weight: bold;
 margin-left: 20px;
 margin-right: 20px;
}
.calMonthGlance {
 padding-top: 10px;
}
.calendarMonth {
 color: #27469f;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
 text-transform: capitalize;
}
.calendarMonth:hover {
 text-decoration: underline;
}
.calendarMonthGlance {
 color: #27469f;
 font-size: 11px;
 font-weight: bold;
 text-decoration: none;
}
.calendarMonthGlance:hover {
 text-decoration: underline;
}
.calendarpopDay {
 color: #27469f;
 font-size: 10pt;
 font-weight: normal;
 text-decoration: none;
}
.calendarpopEmptyDay {
 background-color: #e7e7e7;
}
.calendarpopEvent {
 color: #FFFFFF;
 font-size: 10pt;
 font-weight: bold;
 text-decoration: none;
}
.calendarpopEvent:hover {
 text-decoration: underline;
}
.calendarpopEventOff {
 background-color: #FFFFFF;
}
.calendarpopEventOn {
 background-color: #FFFFFF;
}
.calendarpopEventTime {
 color: #FFFFFF;
 font-size: 8pt;
}
.calendarpopHeader {
 color: #000000;
 font-size: 11pt;
 font-weight: bold;
 text-decoration: none;
}
.calendarpopLink {
 color: #27469f;
 font-size: 12px;
 font-weight: normal;
 text-decoration: none;
}
.calendarpopLink:hover {
 text-decoration: underline;
}
.calendarpopNormal {
 color: #000000;
 font-size: 12px;
 font-weight: normal;
}
.calendarpopScroll {
 color: #27469f;
 font-size: 10pt;
 text-decoration: none;
}
.calendarpopScroll:hover {
 text-decoration: underline;
}
.calendarpopWeek {
 color: #000000;
 font-size: 10pt;
 font-weight: bold;
 text-decoration: none;
}
.calendarScroll {
 color: #27469f;
 font-size: 7pt;
 text-decoration: none;
}
.calendarScroll:hover {
 text-decoration: underline;
}
.calendarWeek {
 color: #000000;
 font-size: 8pt;
 font-weight: bold;
}

.eventBigLink {
 color: #27469f;
 font-weight: normal;
 text-decoration: underline;
}
.eventBigLink:hover {
 text-decoration: none;
}
.eventDateHeader {
 background-color: #e3e3e3;
 color: #000000;
 font-size: 11px;
}
.eventDetail {
 color: #000000;
 font-size: 12px;
 padding-left: 10px;
}
.eventHeading3 {
}
.eventHeadline {
 color: #000000;
 font-size: 14px;
 font-weight: bold;
 text-decoration: none;
}
.eventHeadline_main {
 color: #000000;
 font-size: 10px;
 text-decoration: none;
}
.eve
.eventHeadline:hover {
 text-decoration: underline;
}
.eventHeadlineTD {
 padding-left: 10px;
}
.eventMoreLink {
 color: #000000;
 font-size: 11px;
 font-weight: bold;
 padding-left: 10px;
 text-decoration: underline;
}
.eventMoreLink:hover {
 text-decoration: none;
}
.eventNormalText {
}
.eventSmallText {
}
/* ModuleEnd::events */

.companyBoldText {
}
.companyFormText {
}
.companyFormTextRequired {
}
.companyHeading {
 color: #27469f;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
}
.companyHeading2 {
}
.companyHeading3 {
}
.companyHeadline {
 color: #27469f;
 font-size: 13px;
 font-weight: bold;
 text-decoration: none;
}
.companyHeadline:hover {
 text-decoration: underline;
}
.companyLink {
 color: #27469f;
 font-size: 10px;
 font-weight: normal;
 text-decoration: none;
}
.companyLink:hover {
 text-decoration: underline;
}
.companyMainBody {
}
.companyMainText {
}
.companyNormalText {
}
.companyNormalTextPXRed {
}
.companySmallText {
}
.date {
 color: #000000;
 font-size: 13px;
 font-weight: bold;
}
.directoryColumn {
}
.directoryDisplayHeading {
 color: #27469f;
 font-size: 14px;
 font-weight: bold;
 padding-bottom: 10px;
}
.directoryDisplayItem {
}
.directoryDisplayLabel {
 font-weight: bold;
}
.directoryHeadline {
 font-size: 14px;
 font-weight: bold;
 padding-left: 0px;
 text-decoration: none;
}
.directoryHeadline:hover {
 text-decoration: underline;
}
.directoryIntroText {
}
.directoryLink {
}
.directoryListerText {
}
.directoryMainText {
}
.enewsBoxEdit {
}
.enewsBoxText {
 color: #27469f;
 font-size: 11px;
 font-weight: bold;
 padding-top: 3px;
}
.enewsText {
 color: #27469f;
 font-size: 11px;
 font-weight: bold;
}
.FAQA {
 font-weight: bold;
}
.FAQAnswer {
 font-weight: normal;
}
.FAQLink {
 color: #27469f;
 font-weight: normal;
 text-decoration: underline;
}
.FAQLink:hover {
 text-decoration: none;
}
.FAQList {
 color: #27469f;
 font-weight: normal;
 line-height: 180%;
}
.FAQMoreLink {
 color: #27469f;
 font-weight: normal;
 text-decoration: underline;
}
.FAQMoreLink:hover {
 text-decoration: none;
}
.FAQQ {
 color: #27469f;
 font-weight: bold;
}
.FAQQHome {
 color: #27469f;
 font-weight: bold;
}
.FAQQuest {
 color: #27469f;
 font-weight: bold;
}
.FAQQuestHome {
 color: #27469f;
 font-weight: normal;
}
.FAQTopLink {
 color: #27469f;
 font-weight: normal;
}
.formBody {}
.formHeading {}
.formSmallText {}
.formtext {}
.formtextRequired { }
.gendocsDetail {
}
.gendocsHeading {}
.gendocsLink {}
.image {
 margin: 10px;
}
.imageCaption {
 color: #27469f;
 font-family: Arial, Helvetica, Sans-Serif;
 font-size: 8pt;
 padding-bottom: 5px;
 padding-top: 2px;
 text-align: center;
}
.jobHeading1 {
 color: #27469f;
 font-size: 14px;
 font-weight: bold;
 padding-bottom: 0.125in;
 padding-top: 0.125in;
 text-align: left;
 text-decoration: none;
}
.jobHeading2 {
 color: #27469f;
 font-size: 12px;
 font-weight: bold;
 padding-bottom: 0.125in;
 padding-top: 0.125in;
 text-align: left;
 text-decoration: none;
}
.jobHeading4 {
}
.jobLink {
}
.jobLink:hover {
}
.jobRed {
}
.jobSmallText {
}
.jobSmallTextBold {
}
.jobText {
}
.Link_ch {
 color: crimson;
 font-size: 10px;
 text-decoration: none;
}
.Link_ch:hover {
 font-weight: bold;
 text-decoration: none;
}
.LeftLink1 {
 color: #27469f;
 font-size: 10px;
 text-decoration: underline;
}
.LeftLink1:hover {
 text-decoration: none;
}
.LeftLink2 {
 color: #27469f;
 font-size: 9px;
 padding-bottom: 10px;
 text-decoration: none;
}
.LeftLink2:hover {
 text-decoration: underline;
}
.list1 {
 padding-left: 20px;
}
.listLink {
 color: #27469f;
 font-size: 11px;
 line-height: 15px;
 text-decoration: underline;
}
.listLink1:hover {
 text-decoration: underline;
}
.mailinglistHeader {
}
.mailinglistText {
}
.mapBoxEdit {
}
.mapBoxText {
}
.mapHeader {
}
.mapSmallText {
}
.membersForm {
}
.membersFormRequired {
}
.membersHeading {
}
.membersSmallText {
}
.membersText {
}
.menuPipe {
 color: #27469f;
 font-size: 8pt;
 padding-left: 5px;
 padding-right: 5px;
 text-decoration: none;
}
.menuPipeLink {
 color: #27469f;
 font-size: 11px;
 padding-left: 5px;
 padding-right: 5px;
 text-decoration: none;
}
.menuPipeLink:hover {
 text-decoration: underline;
}
.menuPipeTop {
 color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 padding-left: 5px;
 padding-right: 5px;
 text-decoration: none;
}
.menuPipeTopLink {
 color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 11px;
 padding-left: 5px;
 padding-right: 5px;
 text-decoration: none;
}
.menuPipeTopLink:hover {
 text-decoration: underline;
}
.menuTD1 {
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
}
.menuTD1selected {
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 padding-top: 0px;
}
.menuTD2 {
 padding-bottom: 2px;
 padding-left: 10px;
}
.menuTDBullet1 {
 padding-left: 0px;
 vertical-align: center;
}
.menuTDBullet1selected {
 padding-left: 0px;
 vertical-align: center;
}
.menuText1 {
 color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 text-decoration: none;
}
.NewDesign .menuTD1 {
 padding-bottom: 5px;
 padding-left: 6px;
 padding-right: 5px;
}
.NewDesign .menuTD1selected {
 padding-bottom: 5px;
 padding-left: 6px;
 padding-right: 5px;
}
.NewDesign .menuText1 {
 color: #0282C3;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 text-decoration: none;
 text-transform: uppercase;
}
.NewDesign .menuText1:hover {
 color: #243155;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 text-decoration: none;
 text-transform: uppercase;
}
.NewDesign .menuText1selected {
 color: #243155;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 text-decoration: none;
 text-transform: uppercase;
}
.menuText1:hover {
 color: #F2D230;
 text-decoration: underline;
}
.menuText1selected {
 color: #F2D230;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 text-decoration: none;
}
.menuText1selected:hover {
 text-decoration: underline;
}
.menuText2 {
 color: #F2D230;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 text-decoration: none;
}
.menuText2:hover {
 text-decoration: underline;
}
.moreoverCopyright {
 color: #000000;
 font-size: 10px;
 font-style: italic;
 text-decoration: none;
}
.moreoverDate {
 color: #666666;
 font-size: 9px;
 padding-left: 5px;
}
.moreoverDateHome {
 color: #666666;
 font-size: 9px;
 padding-left: 5px;
}
.moreoverHeadline {
 color: #27469f;
 font-size: 12px;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
}
.moreoverHeadline:hover {
 text-decoration: underline;
}
.moreoverHeadlineHome {
 color: #27469f;
 font-size: 10px;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
}
.moreoverHeadlineHome:hover {
 text-decoration: underline;
}
.moreoverMoreLink {
 color: #660000;
 font-size: 10px;
 font-weight: normal;
 text-decoration: underline;
}
.moreoverMoreLink:hover {
 text-decoration: none;
}
.moreoverMoreLinkHome {
 color: #27469f;
 font-size: 10px;
 text-decoration: underline;
}
.moreoverMoreLinkHome:hover {
 text-decoration: none;
}
.moreoverSource {
 color: #666666;
 font-size: 9px;
 text-decoration: underline;
}
.moreoverSource:hover {
 text-decoration: none;
}
.moreoverSourceHome {
 color: #666666;
 font-size: 9px;
 text-decoration: underline;
}
.moreoverSourceHome:hover {
 text-decoration: none;
}
.moreoverTitleHome {
 color: #27469f;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
}
.moreoverTitleHome:hover {
 text-decoration: underline;
}
.msgboardBody {
}
.msgboardHeading {
}
.msgBoardSmallText {
}
.msgBoardTopic {
}

/* ModuleBegin::news */
.newsAuthorLink {
 font-size: 11px;
}
.newsBody {
}
.newsBold {
}
.newsBoxBlurb {
 font-size: 10px;
 padding-left: 5px;
}
.newsBoxHeadline {
 color: #27469f;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
}
.newsBoxHeadline:hover {
 text-decoration: underline;
}
.newsBoxHeadlineTD {
}
.newsBoxImageTD {
}
.newsBoxMoreLink {
 color: #27469f;
 font-size: 10px;
 text-decoration: underline;
}
.newsBoxMoreLink:hover {
 text-decoration: none;
}
.newsBoxPublishline {
 color: #000000;
 font-size: 9px;
 font-weight: bold;
 padding-left: 10px;
}
.newsBullet {
 color: #000000;
 font-size: 12px;
 font-weight: bold;
 padding-left: 10px;
}
.newsBulletWhite {
 color: #FFFFFF;
 font-size: 12px;
 font-weight: bold;
}
.newsForm {
}
.newsFormRequired {
}
.newsHeadline {
 color: #27469f;
 font-size: 14px;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
}
.newsHeadlinesBoxCategory {
 color: #27469f;
 font-size: 12px;
 font-weight: normal;
}
.newsHeadlinesBoxLink {
 color: #27469f;
 font-size: 9px;
 text-decoration: none;
}
.newsHeadlinesBoxLink:hover {
 text-decoration: underline;
}
.newsLink {
}
.newsListBlurb {
 color: #000000;
 font-size: 12px;
 font-weight: normal;
 padding-left: 10px;
}
.newsListHeadline {
 color: #27469f;
 font-size: 14px;
 font-weight: bold;
 padding-left: 10px;
 text-decoration: none;
}
.newsListHeadline:hover {
 text-decoration: underline;
}
.newsListHeadlineTD {
 background-image: url(graphics/arrow_green.gif);
 background-position: left center;
 background-repeat: no-repeat;
}
.newsListMoreLink {
 color: #27469f;
 font-size: 11px;
 font-weight: bold;
 padding-left: 10px;
 text-decoration: underline;
}
.newsListMoreLink:hover {
 text-decoration: none;
}
.newsListPublishline {
 color: #666666;
 font-size: 11px;
 padding-left: 11px;
}
.newsListTopHeadline {
 color: #000000;
 font-size: 18px;
 font-weight: bold;
 text-align: left;
 text-decoration: none;
}
.newsPublished {
 color: #666666;
 font-size: 11px;
}
.newsSmallText {
 font-size: 9px;
}
.newsSubHeadline {
 color: #27469f;
 font-size: 12px;
 text-align: left;
 text-decoration: none;
}
.newsText {
}
/* ModuleEnd::news */

/* ModuleBegin::photo */
.photoAlbumTitle {
 color: #27469f;
 font-size: 14px;
 font-weight: bold;
 padding-left: 0px;
 text-decoration: none;
}
.photoAlbumTitle:hover {
 text-decoration: underline;
}
.photoGalleryBG {
 background: #FFFFFF;
}
.photoGalleryBGTop {
 background: #27469f;
}
.photoGalleryBody {
 background-color: #27469f;
}
.photoGalleryCaption {
 color: #27469f;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
}
.photoGalleryDescription {
 color: #000000;
 font-size: 10px;
}
.photoGalleryNumbers {
 background-color: #333333;
 color: #000000;
 font-size: 10px;
}
.photoGalleryTitle {
 color: #FFFFFF;
 font-size: 10px;
}
/* ModuleEnd::photo */

/* ModuleBegin::poll */
.pollChoices {
 color: #000000;
 font-size: 12px;
 padding-left: 15px;
}
.pollHeading {
 color: #27469f;
 font-size: 14px;
 font-weight: bold;
 text-align: left;
}
.pollHomeChoices {
 font-size: 11px;
}
.pollHomeLink {
 color: #000000;
 font-size: 11px;
 font-weight: bold;
}
.pollHomeQuestion {
 font-size: 11px;
 font-weight: bold;
 padding-bottom: 10px;
}
.pollHomeVote {
 text-align: center;
}
.pollLink {
 color: #27469f;
 font-size: 11px;
 font-weight: bold;
 padding-left: 10px;
}
.pollLink:hover {
}
.pollQuestion {
 color: #27469f;
 font-size: 14px;
 font-weight: bold;
 padding-bottom: 10px;
 padding-left: 10px;
 padding-top: 10px;
}
.pollResultChoices {
 color: #000000;
 font-size: 11px;
 font-weight: bold;
 padding-left: 10px;
}
.pollResultHeading {
 color: #27469f;
 font-size: 10px;
 font-weight: bold;
 text-align: left;
}
.pollResultHomeChoices {
 font-size: 11px;
}
.pollResultHomeHeading {
 color: #27469f;
 font-size: 12px;
 font-weight: bold;
 text-align: left;
}
.pollResultHomeLink {
 color: #000000;
 font-size: 10px;
 font-weight: bold;
}
.pollResultHomeQuestion {
 font-size: 11px;
 font-weight: bold;
 padding-bottom: 10px;
}
.pollResultLink {
 color: #000000;
 font-size: 10px;
 font-weight: bold;
}
.pollResultQuestion {
 color: #006600;
 font-size: 14px;
 font-weight: bold;
 padding-bottom: 10px;
 padding-left: 10px;
}
.pollVote {
 padding-bottom: 10px;
 padding-top: 10px;
 text-align: center;
}
/* ModuleEnd::poll */

.rsvpLink {
}
.rsvpText {
}
.searchBody {
}
.searchBox {
 vertical-align: bottom;
}
.searchBoxInput {
 font-size: 11px;
}
.searchBoxTable {
 padding: 0px;
}
.searchBoxText {
 color: #000000;
 font-size: 11px;
}
.searchHeading {
}
.searchHeadline {
 color: #27469f;
 font-size: 13px;
 font-weight: bold;
 line-height: 14px;
 text-align: left;
 text-decoration: none;
}
.searchHeadline:hover {
 text-decoration: underline;
}
.searchLink {
 font-size: 10px;
}
.searchLink:hover {
}
.searchMainBody {
}
.searchPublishline {
 color: #666666;
 font-size: 9px;
}
.sendpageBody {
 background-attachment: scroll;
 background-color: #B7B7B7;
 background-position: center top;
 background-repeat: no-repeat;
}
.sendpageBoldText {
 color: #000000;
 font-weight: bold;
}
.sendpageFormText {
 color: #000000;
 font-weight: normal;
}
.sendpageFormTextRequired {
 color: #000000;
 font-weight: bold;
}
.sendpageHeader {
 color: #000000;
 font-size: 12px;
 font-weight: bold;
 padding-top: 10px;
}
.shoppingAlert {
 color: #dd0000;
 font-size: 10px;
}
.shoppingBody {
}
.shoppingCartEvenRow {
 background-color: #ffffff;
}
.shoppingCartOddRow {
 background-color: #ebebeb;
}
.shoppingCartTableHeader {
 background-color: #27469f;
 color: #ffffff;
 font-size: 11px;
 font-weight: bold;
 text-align: left;
}
.shoppingForm {
 color: #000000;
 font-size: 10px;
}
.shoppingFormQuantity {
 background-color: #9db3d0;
 color: #000000;
 font-size: 10px;
}
.shoppingFormRequired {
 color: #000000;
 font-size: 10px;
 font-weight: bold;
}
.shoppingInStock {
}
.shoppingItemHeading {
 color: #27469f;
 font-size: 14px;
 font-weight: bold;
 text-decoration: none;
}
.shoppingLink {
 font-size: 12px;
}
.shoppingLowStock {
}
.shoppingOutOfStock {
 color: #dd0000;
}
.shoppingTD {
 padding-left: 10px;
 vertical-align: top;
}
.stockBox {
}
.stockHeader {
}
.stockLinks {
 color: #000000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 line-height: 15px;
 text-decoration: underline;
}
.stockLinks:hover {
 text-decoration: none;
}
.stockSmallText {
 color: #000000;
 font-size: 7pt;
 text-decoration: none;
}
.stockText {
 color: #000000;
 font-size: 7pt;
 text-decoration: none;
}
.topnav_table {
 padding-left: 10px;
}
.welcomeDetail {
 color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 font-weight: normal;
 line-height: 14px;
 padding-left: 10px;
 text-decoration: none;
}
.welcomeHeadline {
 color: #FFFFFF;
 font-size: 12px;
 line-height: 14px;
 padding-left: 20px;
 text-decoration: none;
}
.welcomeMore {
 color: #27469f;
 font-size: 10px;
 text-decoration: none;
}
.welcomeMore:hover {
 color: #27469f;
 text-decoration: underline;
}
.WXForecastLink {
 color: #000000;
 font-size: 11px;
 font-weight: normal;
 text-align: center;
}
.WXForecastLink:hover {
 color: #184973;
 text-decoration: underline;
}
.WXForecastLink:link {
 color: #666666;
 text-decoration: none;
}
.WXForecastLink:visited {
 color: #666666;
 text-decoration: underline;
}
.WXSmalltext {
 color: #000000;
 font-size: 7pt;
 font-weight: normal;
 text-decoration: none;
}
.WXSmalltextFF {
 color: #000000;
 font-size: 12pt;
 font-weight: normal;
}
.WXSmalltextHigh {
 color: #ff3333;
 font-size: 7pt;
 font-weight: bold;
 text-decoration: none;
}
.WXSmalltextLow {
 color: #3366cc;
 font-size: 7pt;
 font-weight: bold;
 text-decoration: none;
}
.blogArchiveMonth {
 padding-left: 10px;
}
.blogArchiveYear {
 font-weight: bold;
}
.blogCommentsLink {
 font-size: 8pt;
}
.blogDate {
 padding-top: 5px;
 font-size: 8pt;
 font-weight: bold;
}
.blogDividerBottom {
}
.blogDividerComments {
 height: 1px;
 background-color: #cccccc;
}
.blogDividerTop {
 height: 1px;
 background-color: #cccccc;
}
.blogEntry {
 padding-top: 5px;
}
.blogEntryFooter {
 padding-bottom: 10px;
}
.blogFooter {
 height: 1px;
 background-color: #cccccc;
}
.blogPosted {
 padding-bottom: 5px;
 padding-top: 5px;
 color: #000066;
 font-size: 8pt;
}
.blogTitle {
 color: #000066;
 font-weight: bold;
 padding-top: 10px;
}
.shoppingTable {
 background-color: #e8e8e8;
}
.membershipForgot {
}
.membershipGroup {
}
.membershipHeaderRow {
 background-color: #000066;
 color: #ffffff;
 font-size: 11px;
 font-weight: bold;
 text-align: center;
}
.membershipHeaderCell {
}
.membershipOddRow {
 background-color: #ebebeb;
}
.membershipEvenRow {
 background-color: #ffffff;
}
.membershipOddCell {
 padding-left: 10px;
 padding-right: 10px;
}
.membershipEvenCell {
 padding-left: 10px;
 padding-right: 10px;
}
.membershipPassword {
}
.membershipRemember {
}
.membershipSeparatorCell {
}
.membershipSeparatorRow {
 background-color: #000066;
}
.membershipTable {
 border: 2px solid #000066;
 text-align: left;
 padding: 5px;
}
.membershipUserID {
}
.shoppingTableBorder {
 background-color: #ffffff;
}
.WXSummaryBorder {
 background-color: #000080;
}
.WXSummary {
 background-color: #ffffff;
}
.newsThumbnail {
 border: 0;
 margin-bottom: 2px;
 margin-top: 2px;
 margin-right: 10px;
 float: left;
}
.newsCopyright {
 font-family: verdana,arial,helvetica;
 text-align: center;
 width: 100%;
 font-size: 1;
 font-style: italic;
}
#NewCalendar .cal {
 background-color: #F6E5DB;
 padding: 5px;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}
#NewCalendar .calPrev {
 position: absolute;
 top: 5px;
 left: 5px;
}
#NewCalendar .calNext {
 position: absolute;
 top: 5px;
 right: 5px;
}
#NewCalendar .calMonth {
 position: relative;
 top: 0;
 left: 0;
 text-align: center;
 font-weight: bold;
 margin-left: 20px;
 margin-right: 20px;
}
#NewCalendar .calPrev a, .calNext a, .calMonth a, .calMonthGlance a, .calMonthMore a {
 color: #000000;
 text-decoration: none;
}
#NewCalendar .calGrid {
 color: #000000;
 margin-top: 15px;
 clear: both;
 width: 90%;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}
#NewCalendar .calGrid td {
 font-size: 8pt;
 padding-right: 4px;
 text-align: right;
 border-bottom: 1px solid #000066;
 border-right: 1px solid #000066;
 border-top: 1px solid #3399ff;
 border-left: 1px solid #3399ff;
}
#NewCalendar .calGrid tr.calWeek {
 font-weight: bold;
 text-align: center;
}
#NewCalendar .calDayOn a {
 color: #27469F;
 font-weight: bold;
}
#NewCalendar .calDayOn a:hover {
 background-color: #EB630D;
 color: #0066cc;
 font-weight: bold;
}
#NewCalendar .calTodayOff, .calTodayOn {
 color: #F6E5DB;
 background: #EB630D;
}
#NewCalendar .calBottom {
 text-align: left;
}
#NewCalendar .calMonthGlance {
 padding-top: 10px;
}
#background
{
width:100%; height:100%; position: absolute; z-index: -1; top: 0; left:0;
background: #000 url('graphics/beachbckd.jpg') fixed repeat-x;



}
#video_player {
height: 360px;
width: 590px;
background-color: black;
overflow: hidden;
}
/* Accordion With Symbols */
button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

button.accordion:after {
    content: '\02795';
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2796";
}

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}

div.panel.show {
    opacity: 1;
    max-height: 500px;
}

.hover {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.hover .hovertext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.hover:hover .hovertext {
    visibility: visible;
}
#empowered { height: 25px; margin-right: 0px; padding-top: 2px; text-align:center; }
#empowered a { text-decoration:none; font-size:8pt; }

.freedomTable .action { white-space: nowrap; width: 1%; padding-left: 3px; padding-right: 3px;}
.freedomTable th { white-space: nowrap; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #999999; border-bottom: 1px solid #999999; background-image: url(/freedom_html/common/graphics/lister_top_bg.gif); background-repeat: repeat-x; background-position: top left; background-color: #e6e6e6;}
.freedomTable td { padding-left: 10px; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; white-space: nowrap;}
.freedomTable { border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb;}
.freedomTableRowOn td { background-color: #e8edf4;}
.freedomTableRowOff td { background-color: #ffffff;}
.myaccountMain table { border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; width: 80%;}
.myaccountMain td { border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; white-space: nowrap; vertical-align: top;}
.myaccountTitle { white-space: nowrap; font-weight: bold; text-align: center; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #999999; border-bottom: 1px solid #999999; background-image: url(/freedom_html/common/graphics/lister_top_bg.gif); background-repeat: repeat-x; background-position: top left; background-color: #e6e6e6; }
#freedom_calendar { position: absolute; left: 100px; top: 100px; width: 200px; z-index: 100; visibility: hidden; overflow:hidden; height:145px; background-color:#333; padding:5px; }
#freedom_calendar table { color:#ccc; }

/* ModuleBegin::commerce */
.shoppingAlert { color: red; }
.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 */

/* ModuleBegin::directory-image_rotator */
.rotate { width: 100%; height: 500px; padding: 0; margin: 0; position:relative; }
.rotate .stgslide { width: 100% !important; height: 500px; position: absolute; left: 0px; top: 0px; }
.rotate .stgslide .stgslidebase { width: 100%; height: 500px; position: absolute; left: 0; top: 0; display: block; }

.rotate a { outline-width: 0; outline-style: none; }

.rotate .stgslideframe { display: none; width: 100%; height: 500px; position: absolute; left: 0; top: 0; text-indent: -3000px;  z-index: 88; }

.rotate .stgslide .stgslidephoto { width: 100%; height: 500px; position: absolute; left: 0; top: 0; z-index: 85; }
.rotate .stgslide .stgslidephoto a { width: 100%; height: 500px; display: block; text-indent: -3000px; }

.rotate .stgslide .stgslidecontent { width: 360px; height: 80px; padding: 0 20px; position: absolute; left: 0; top: 190px; overflow: hidden; z-index: 86; background: transparent url(graphics/jquery_scripts/rotate/stgslidebar.png) repeat left top; }
.rotate .stgslide .stgslidecontent a { text-decoration: none; }
.rotate .stgslide .stgslidecontent a:hover { text-decoration: underline; }
.rotate .stgslide .stgslidecontent h2 { padding: 5px 0 0 0; margin: 0; }
.rotate .stgslide .stgslidecontent p { padding: 5px 0; margin: 0; }

.rotate .textColor { color: #ffffff;}
.rotate .textColorBlack { color: #000000 !important; }
.rotate .textColorBlue { color: #000099 !important; }
.rotate .textColorGreen { color: #006600 !important; }
.rotate .textColorGray { color: #666666 !important; }
.rotate .textColorOrange { color: #ff9900 !important; }
.rotate .textColorPurple { color: #660099 !important; }
.rotate .textColorRed { color: #990000 !important; }
.rotate .textColorWhite { color: #ffffff !important; }
.rotate .textColorYellow { color: #ffff00 !important; }

.rotate .stgslidePrevNext { position:abolute; top:0; width:100%; }
.rotate .stgslidePrevNext .pageWidth { position:relative; }
.rotate .stgslidePrev, .rotate .stgslideNext { width: 90px; height: 76px; position: absolute; top: 212px; z-index: 87; }
.rotate .stgslidePrev { left: 0; background: transparent url(graphics/jquery_scripts/rotate/home_stgslideprev.png) no-repeat left top; }
.rotate .stgslideNext { right: 0; background: transparent url(graphics/jquery_scripts/rotate/home_stgslidenext.png) no-repeat left top; }
.rotate .stgslidePrev a, .rotate .stgslideNext a { width: 90px; height: 76px; display: block; text-indent: -3000px; }

.rotate .stgslidePause { width: 20px; height: 20px; position: absolute; left: 10px; bottom: 5px; z-index: 87; }
.rotate .stgslidePause a { width: 20px; height: 20px; display: block; }
.rotate .stgslidePause a span { width: 20px; height: 20px; display: block; text-indent: -3000px; }
.rotate #pauseButton span { background: transparent url(graphics/jquery_scripts/rotate/stgslidepause.png) no-repeat left top; }
.rotate #playButton span { background: transparent url(graphics/jquery_scripts/rotate/stgslideplay.png) no-repeat left top; }

.rotate .stgbtngrp { width: 230px; height: 300px; position: absolute; right: 0; top: 0; z-index: 86; }
.rotate .stgbtngrp div { width: 230px; height: 60px; overflow: hidden; background: transparent url(graphics/jquery_scripts/rotate/stgslideheadoff.png) no-repeat right bottom; }
.rotate .stgbtngrp div.stgbtnon  { background: transparent url(graphics/jquery_scripts/rotate/stgslideheadon.png) no-repeat right bottom; }
.rotate .stgbtngrp div table { width: 100%; height: 60px; }
.rotate .stgbtngrp div td { padding: 0 0 0 30px; vertical-align: middle; color: #333333; font-size: 13px; line-height: 15px; font-weight: bold; text-align: center; cursor: pointer; }
.rotate .stgbtngrp div.stgbtnon td { color: #333333; }

.rotate .stgslideheadline { display: none; }
/* ModuleEnd::directory-image_rotator */

#shoppingCartProceed { text-align:center; }
#shoppingCartPlaceorder { text-align:center; }
#shoppingCartPaypalButton { text-align:center; }
#shoppingCartCrumbs { display:none; }
/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

/* Dropdown Menu */

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

<!--begin accordian styles -->
.ui-accordion-content {
	padding: 1px;
}

.ui-widget-content {
	border: 1px solid white;
}

.ui-widget-content .ui-state-default {
	background: none;
	border: 1px solid white;
}

.ui-widget-header {
	background: none;
	border: 0px;
}

.ui-tabs {
	height: 100%;
}

.ui-tabs li.day {
	background: url('images/agenda_tab.jpg');
	background-repeat:no-repeat; 
	background-position:right top; 
	background-color: #FFFFFF;
	width:135px;
	height:69px;
	border: 1px solid white;
	text-align: center;
	padding-top:4px;
	font:16px Arial, Helvetica, sans-serif;
	
}

.ui-tabs li.day a {
	color: white;
	text-align: center;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background: url('images/agenda_tab_active.jpg');
	color: #FFFFFF;
}

.ui-tabs li.ui-tabs-active a {
	color: #FFFFFF;
	text-align: center;
}

.ui-tabs li {
	
	width: 135px;
}

<!--end accordian styles -->

/*Acco*/
.ac-container {
    max-width: 400px;
}

.ac-container label {
    height: 30px !important;
    line-height: 21px !important;
    font-size: 16px !important;
    font-family: 'Open Sans','Arial Narrow',Arial,sans-serif !important;
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: block;
    height: 30px;
    cursor: pointer;
    color: #777;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    line-height: 33px;
    font-size: 22px;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#fff),color-stop(100%,#eaeaea));
    background: -webkit-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -o-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: -ms-linear-gradient(top,#fff 1%,#eaeaea 100%);
    background: linear-gradient(top,#fff 1%,#eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#eaeaea',GradientType=0 );
    box-shadow: 0 0 0 1px rgba(155,155,155,0.3),1px 0 0 rgba(255,255,255,0.9) inset,0 2px 2px rgba(0,0,0,0.1);
    font-size: 16px;
    height: 30px;
    line-height: 20px;
}

.ac-container {
    width: 100%;
    margin: 10px auto 30px auto;
    text-align: left;
}

.ac-container label:hover {
    background: #fff;
}

.ac-container input:checked + label,.ac-container input:checked + label:hover {
    background: #f1f2f3;
    color: #666;
    text-shadow: 0 1px 1px rgba(255,255,255,0.6);
    box-shadow: 0 0 0 1px rgba(155,155,155,0.3),0 2px 2px rgba(0,0,0,0.1);
    height: 30px;
    line-height: 21px;
    font-size: 18px;
}

.ac-container label:hover:after,.ac-container input:checked + label:hover:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 7px;
    background: transparent url(../images/arrow_down.png) no-repeat center center;
}

.ac-container input:checked + label:hover:after {
    background-image: url(../images/arrow_up.png);
}

.ac-container input {
    display: none;
}

.ac-container article {
    background: rgba(255,255,255,0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
}

.ac-container article p {
    font-style: normal;
    color: #777;
    line-height: 23px;
    font-size: 16px;
    padding: 20px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    font: normal normal 14px 'Open Sans';
}

.ac-container input:checked ~ article {
    -webkit-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -moz-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -o-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -ms-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    box-shadow: 0 0 0 1px rgba(155,155,155,0.3);
}

.ac-container input:checked ~ article.ac-small {
    height: 140px;
}

.ac-container input:checked ~ article.ac-medium {
    height: 180px;
}

.ac-container input:checked ~ article.ac-large {
    height: 230px;
}