*:focus {
    outline: 0;
}
#editAnywhere {display:none;}
/* Hides from IE-mac */

* html .cf {
  height: 1%;
}
/**********************/
/* ---------------Global Styles--------------- */

img {max-width:100%;}

body { color:#000; margin: 0; }
#page { background:#fff; }
body, td { font-size: 12pt; font-family: 'Lato', Arial, Helvetica, sans-serif; }
body a {color:#006699;}

#content h1 {margin-bottom:12px;}
#content ul {padding-left:40px; }
#content li {list-style-type: disc;}
#content p, #content div, #content ul, #content ol, #content table {line-height:1.5em;}

.container { margin:0 auto; padding: 0;  clear: both; position:relative; }
form, input { padding:0; margin:0; }
.center { text-align: center; }
.section {width: 100%; float:left;}


/* Desktop Responsive and Standards for IE */
.container {width: 100%; max-width: 990px;}
.desktop-only {display:block;}
.mobile-only {display:none;}
.tablet-only {display:none;}
.no-mobile {display:block;}
.no-desktop {display:none;}


/* width classes for desktop*/
.half {width: 50%;float:left; }
.one-third {width: 33.333%;float:left; min-height: 100px; }
.two-thirds {width: 66.666%;float:left;}
.one-fourth {width: 25%;float:left; min-height: 100px;}
.three-fourths {width: 75%;float:left;}

/*Rounded Corner Classes*/
.corner-br { -moz-border-radius-bottomright:8px; border-bottom-right-radius:8px;}
.corner-bl { -moz-border-radius-bottomleft:8px; border-bottom-left-radius:8px;}
.corner-tr { -moz-border-radius-topright:8px; border-top-right-radius:8px;}
.corner-tl { -moz-border-radius-topleft:8px; border-top-left-radius:8px;}
.corner-all { -moz-border-radius:4px; border-radius:8px;-webkit-border-radius:8px;}
.pad-element {padding: 20px;}
.pad-element-less {padding: 10px;}


.fullscreen .camera_caption {top: 35%;width: 80%; max-width: 850px; right: auto;left: 20%;text-align:left; background: none;}       
.fullscreen .camera_caption.caption2 {top: 50%;width: 80%; max-width: 850px;left: auto; right: 20%;text-align:right; background: none;}   
.fullscreen .camera_caption div {background: none;}
.fullscreen .camera_caption span {font-size: 30px;line-height: 50px; height:50px; background: #000; background: rgba(0, 0, 0, 0.8);width: auto;padding:10px;}

.photoRight {float:right; margin-left: 10px; margin-bottom: 0px; border: 1px solid #eee;padding: 5px;}
.photoLeft {float:left; margin-right: 10px; margin-bottom: 0px; border: 1px solid #eee;padding: 5px;}
/*These are for WEB PAGES */
.photoRight2 {float:right; margin-left: 10px; margin-bottom: 0px;}
.photoLeft2 {float:left; margin-right: 10px; margin-bottom: 0px;}


#header {height: 110px; background: #194B7E url('graphics/design/header_bg.jpg') left top repeat-x;position:relative;z-index:2; }
#menu-frame {border-top:2px solid #663D83 ;height: 60px; background: #C2D45E url(graphics/design/menu_overlay.png) repeat-x; z-index:1;
 /* -webkit-box-shadow: inset 0 0 20px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 20px rgba(0,0,0,0.4); box-shadow: inset 0 0 20px rgba(0,0,0,0.4);*/
}
#search_frame {top:40px;}
#gmap {width: 100%; float:left;height: 350px; border-bottom:6px solid #ccc; }
#slideshow_frame {background: #ccc;padding: 0px 0;overflow:hidden; position:relative;height:450px;}
#slideshow_bg {z-index: 0; width:100%;height:450px; position:absolute;left:0px;top:0px;}
#slideshow_gradient {position:absolute;left:0px;top:0px;width:100%;height:450px; background: url('graphics/design/slide_bg.png') 50% top repeat-x;}
#slideshow {background: #111;}
#content {margin: 20px 0;}
#logo {background: url(graphics/design/logo.png) no-repeat 0 -8px; height: 100px; width: 400px; float:left;}
#introsection  {}
#social_icons {position:absolute; top: 13px; right:10px;z-index: 1;}
#social_icons img {margin-left: 6px;}
#sticktobottom #footer {position:absolute; bottom:0; background: #000; background: rgba(0, 0, 0, 0.8); padding: 6px 0 0 0;}
#sticktobottom p {font-size: 11px;font-family: 'Droid Sans', sans-serif; }
#sticktobottom #accrinet_credits {display:none;}

#sticktobottom #minical_frame {max-width: 300px; position:absolute;bottom: 100px;left: 100px;background: rgba(0, 0, 0, 0.6);padding: 20px;}
#sticktobottom #minical_frame {color: #fff;}

#footer {text-align:center;background: #d9d9d9;padding: 10px 0;min-height: 40px;color:#444; }
#footer div {font-family: font-family: 'Droid Sans', sans-serif;font-size: 11px;}

#homebanners {padding: 10px 0;}
#homebanners.dark {background:#222;}
#homebanners span img {width: 100%!important; max-width: 800px!important; height: auto!important;
border:1px solid #fff!important;}
.bannercaption {width: 100%; height: 50px; line-height: 50px; color:#fff; font-size: 16px; text-align:center; background: #000; background: rgba(0, 0, 0, 0.5); position:absolute;bottom:4px;left:1px;}

#accrinet_credits {font-family: 'Droid Sans', sans-serif; color: #444;font-size: 10px; padding-top: 10px; text-decoration:none;}

a { color: #2B5D90; text-decoration: underline; }
a:hover { text-decoration: none; }


h1, h2, h3, h4, h5,.zoombox .title {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
}
/***********************************/

sup {
  font-size: 0.4em;
}

h1 {
  font-size: 2.25em;
  line-height: 1.2em;
  font-weight: normal;
  color: #333;
  letter-spacing: 0;
}

h2 {
  color: #000;
  font-size: 1.7em;
  font-weight: normal;
  line-height: 1.2em;
}
h2.listTitle {font-size: 1.3em;}

h3.icon-heading {width: 100%;line-height: 50px;font-family: 'Lato', sans-serif;}
h3.icon-heading a {text-decoration:none;color:#444;}
h3 i.iconized
 {
 float:left; margin-right: 10px; width: 30px; font-size: 30px;
 padding: 10px; border-radius: 25px; 
 background: #fff;
 background: rgba(0, 0, 0, 0.05);
 text-shadow: #fff 1px 1px 1px; 
 margin-bottom: 10px;
 border:1px solid #fff;
  -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.1); box-shadow: inset 0 0 10px rgba(0,0,0,0.1);
  color:#4686CE;
 }
 

h3 {
  color: #444;
  font-size: 1.6em;
  font-weight: normal;
  line-height: 1.4em;
  letter-spacing: 0;
}

h4 {
  color: #444;
  font-size: 1.3em;
  line-height: 2em;
}

h5 {
  color: #000;
  font-style: italic;
  font-size: 1.2em;
  line-height: 1.1em;
}

h6 {
  color: #AE1804;
  font-size: 1.1em;
  line-height: 2em;
}

p {
  margin: 6px 0;
}

.freedomEditor ul {padding-left:20px!important;}
.freedomEditor ul li {list-style:disc!important;}

/* Roll Links */
.roll-link {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    -webkit-perspective: 600px;
       -moz-perspective: 600px;
       -ms-perspective: 600px;
       perspective: 600px;
    -webkit-perspective-origin: 50% 50%;
       -moz-perspective-origin: 50% 50%;
       -ms-perspective-origin: 50% 50%;
       perspective-origin: 50% 50%;
}

.roll-link:hover {text-decoration:none;}

.roll-link span {
    display: block;
    position: relative;
    padding: 0 0px;
    -webkit-transition: all 400ms ease;
       -moz-transition: all 400ms ease;
       -ms-transition: all 400ms ease;
       transition: all 400ms ease;
    -webkit-transform-origin: 50% 0%;
       -moz-transform-origin: 50% 0%;
       -ms-transform-origin: 50% 0%;
       transform-origin: 50% 0%;
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
       -ms-transform-style: preserve-3d;
       transform-style: preserve-3d;
}
.roll-link:hover span {
        background: #0099FF;
        -webkit-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
           -moz-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
           -ms-transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
           transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
}

.roll-link span:after {
    content: attr(data-title);
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 2px;
    color: #fff;
    background: #0099FF;
    -webkit-transform-origin: 50% 0%;
       -moz-transform-origin: 50% 0%;
       -ms-transform-origin: 50% 0%;
       transform-origin: 50% 0%;
    -webkit-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
       -moz-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
       -ms-transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
       transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
}


.inset { -webkit-box-shadow: inset 0 0 20px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 0 20px rgba(0,0,0,0.2); box-shadow: inset 0 0 20px rgba(0,0,0,0.2);}

/* Shadows */
.shadow-light { -moz-box-shadow:0 0 12px #ccc;-webkit-box-shadow:0 0 20px #ccc;box-shadow:0 0 20px #ccc;}
.shadow-medium { -moz-box-shadow:0 0 12px #555;-webkit-box-shadow:0 0 20px #555;box-shadow:0 0 20px #555;}
.shadow-dark { -moz-box-shadow:0 0 12px #111;-webkit-box-shadow:0 0 20px #111;box-shadow:0 0 20px #111;}    

.maxwidth {width: 100%; max-width:1000px;}
.youtube_ez img {width: 100%; max-width: 300px;}


#colorswitcher {padding: 5px; margin:0 auto; position:absolute;z-index:5000;background:#E3E3E3;text-align:center;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;}
#colorswitcher a { width: 10px; height: 10px; float:left; margin:3px; border-radius: 5px;border: 1px solid transparent;}
#colorswitcher a.active {border: 1px solid #fff; }
a.blue_blue {background: #598BBC;}
a.corporate {background: #414954;}
a.red_red {background: #8F0004;}
a.green_green {background: #738F32;}
a.orange_gray {background: #FF7E20;}
a.gold_black {background:#CC963B;}


/* Utility Menu */
#utility_menu {float:right;padding: 10px 10px 0 0;color: #ddd; font-size: 15px;}
#utility_menu a {color: #fff; font-size:18px;}
#utility_menu a:hover {color: #fff;}

/* Footer Menu */
#footer_menu a {color: #444;}
#footer_menu a:hover {color: #444;}


/*** Quick Links Menu ***/
#quick_links_menu .iconized {margin-right: 8px;}
#quick_links_menu ul {
width: 100%; float:left;
}
#quick_links_menu ul li {
display:block; height: 50px; border-bottom: 1px solid #ccc;border-top: 1px solid #fff;line-height: 50px; text-indent: 10px; font-size: 20px;
} 
#quick_links_menu ul li a {text-decoration:none;display:block; width: 100%;font-weight: normal;}
#quick_links_menu ul li a:hover {color:#000;}


#home_right1 {margin: 20px 0;}  

.maxwidth {width: 100%; max-width:1000px;}
.youtube_ez img {width: 100%; max-width: 300px;}

#jccListerTable th {
  background: #006699;
  color: #ffffff;
  text-align: center;
}

#jccListerTable th, #jccListerTable td {
  padding: 4px 8px;
}

#jccListerTable tr.even td {
  background: #e4e4e4;
}

/*Search Box*/
#search_frame {width: 227px; height: 35px;position:absolute;top:40px;right:7px;}
#search_frame input {height: 30px; border:1px solid #4476A9;width: 180px;background: none;text-align:right;line-height:30px;display:inline;color:#ddd;padding:0 10px 0 0;font-size: 12px;
  box-shadow: 1px 1px 0 0 rgba(0,0,0,.18), 5px 5px 20px 2px rgba(0,0,0,.18) inset;
  -moz-box-shadow: 1px 1px 0 0 rgba(0,0,0,.18), 5px 5px 20px 2px rgba(0,0,0,.18) inset;
  -webkit-box-shadow: 1px 1px 0 0 rgba(0,0,0,.18), 5px 5px 20px 2px rgba(0,0,0,.18) inset;}
#search_frame a.gobutton {width: 25px;height:28px;display:block;float:right;font-size: 22px;
color: #fff;
text-decoration: none;
font-weight: normal;
line-height: 43px;text-indent: 6px;}


.directory_title {display:block; font-style: italic;}
hr {color: #ddd;}

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




.itemCount { }
.itemList { clear: both; } 
.itemList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.itemList h2 a { text-decoration: none; }
.itemList h2 a:hover { text-decoration: underline; }
.itemList span { display: block; }
.itemLabel { font-weight: bold; }
.itemList span.itemLabel { display: inline; }
.bottomNavigation { clear: both; }
.goBack { }
.errorMessage{ font-weight:bold; color:#f00; }
/* End General Module Styles */

/* Pagination */
.pagination { clear: both; display: block; }
.pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; }
.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ccc; margin:0; padding:4px 6px; font-size:11px; margin-right:2px; display:inline; display:inline-block; }
.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border:solid 1px #000; color:#000; }
.pagination .prevnextCurrent {background:#ccc; color:#000; font-weight:bold; padding:4px 6px; }
.pagination a.prevnextLink { border:1px solid #ccc; padding:4px 6px 4px; margin-right:2px; font-size:11px; display:block; }
/* End Pagination */

/* Send Page Styles */
.sendpage { clear:both; }
.sendpageBody div, .sendpageBody td { padding: 2px 0px; }
/* End Send Page Styles */

/* ModuleBegin::events */
/* ---------------
Events Lister
----------------- */
.eventsListerWrapper { }

.eventsListerWrapper .itemList { margin-bottom: 10px;}
.eventDateHeading { color: #000; border-top: 1px solid #ccc; padding-top: 10px; }
.eventsListerWrapper h2 { margin-bottom: 0; }
.eventDate { }
.eventTime { }
.eventBlurb { }



/* ---------------
Events Detail
----------------- */
.eventsDetailWrapper { }
.eventDate, .eventsDetailWrapper .eventTime, .eventsDetailWrapper .eventLocationMap, .eventsDetailWrapper .eventLocationAddress,
  .eventsDetailWrapper .eventLocationDriving, .eventsDetailWrapper .eventContact, .eventsDetailWrapper .eventPhone,
  .eventsDetailWrapper .eventEmail, .eventsDetailWrapper .eventRSVP, .eventsDetailWrapper .eventTicket,
  .eventsDetailWrapper .eventTicket1, .eventsDetailWrapper .eventTicket2 ,.eventsDetailWrapper .eventTicket3,
  .eventsDetailWrapper .eventTicket4, .eventsDetailWrapper .eventTicket5, .eventsDetailWrapper .eventTicket6 { display: block; }
.eventLocation, .eventRSVP, .eventTicketWrapper{ padding: 5px 0px; }
.eventDate {  }
.eventTime {  }
.eventLocation { }
.eventLocationMap {  }
.eventLocationAddress {  }
.eventLocationDriving {  } 
.eventContact {  }
.eventPhone {  }
.eventEmail {  }
.eventRSVP {  }
.eventTicketWrapper { }
.eventTicket {  }
.eventBody { }

/* ----------------------
Events Small Calendar
------------------------ */
#minical_frame {margin-bottom: 20px;}

.calendarSmallWrapper { font-size: 12px; background: transparent; }
.cal { float:left; width:100%; position:relative;text-align: center; margin-left: auto; margin-right: auto; background: transparent; }
.calPrev { position: absolute; top: 4px; left: 45px;z-index:2; }
.calNext { position: absolute; top: 4px; right: 45px; }
.calPrev a:hover, .calNext a:hover {color:#000;}
.calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; }
.calPrev a, .calNext a, .calMonth a { text-decoration: none; }
.calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: none; }
.calGrid { margin-top: 10px; clear: both; width: 100%; text-align: center; margin-left: auto; margin-right: auto; }
.calGrid td { font-size: 8pt; padding:6px 0; text-align: center; /*border:1px solid #ddd;
background: #efefef;*/ 
border-bottom: 1px solid #ddd;

}
.calGrid td.haslink:hover, .calGrid td:hover > a {background: #efefef; color: #000;}
.calWeek td {background: none; border: 0;}
.calGrid tr.calWeek { font-weight: bold; text-align: center; }
.calDayOn a { font-weight: bold; text-decoration: none; }
.calDayOn a:hover { text-decoration: none; }
.calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #eee; color: #000; font-weight: bold; }
.calGrid td.calTodayOn a { text-decoration: underline; font-weight: bold; }
.calBottom { text-align: left; margin-top: 10px; }
.calMonthGlance { padding: 5px 0px 3px 0px; }
.calBottom a {  }


/*Ajax Event Hover Stuff */
.thedaysevents { -moz-border-radius:4px; border-radius:8px;-webkit-border-radius:8px;
padding: 10px;width: 200px; height: auto; position:absolute; bottom:24px;left: -90px;
background: #000; background: rgba(0, 0, 0, 0.8);z-index: 2;
}
.thedaysevents * {font-size: 11px;font-weight:normal; font-family: 'Droid Sans', sans-serif;color: #fff;text-align:left;line-height: 1.4em;}
.thedaysevents h1 {border-bottom: 1px solid #ddd; margin-bottom: 4px; font-size: 13px;font-weight:bold;}
.thedaysevents .itemList {margin-bottom: 4px;padding-bottom:0!important;}

.thedaysevents.light {background: #fff; background: rgba(255, 255, 255, 0.9); border: 1px solid #ddd;}
.thedaysevents.light * {color: #666;}
.thedaysevents.light h1 {color: #333;}

/* ----------------------
Events Month at a Glance
------------------------ */
#calendarDetail {margin-top: 7px; ; padding-bottom: 30px; width:100%; }
#calendarDetail table { background: #999; width: 100%; table-layout: fixed; }
#calendarDetail .calendarMonths { background: #fff /*url('graphics/events/atglance_top.jpg') no-repeat*/; text-align: center; vertical-align: middle;border-right: 1px solid #fff; padding-top: 3px; padding-left: 12px;width:100%; }
#calendarDetail a { text-decoration: none; }
#calendarDetail a:hover { text-decoration: underline; }
#calendarDetail .calendarMonths a { display: block; font-weight: bold; font-size: small; padding: 5px 0px 5px 0px; color: #1e7dc1; }
#calendarDetail .calendarMonths a:hover { color: #000; }
#calendarDetail .calendarDays { /* border-collapse: collapse; */ table-layout: fixed; background: #fff; width:100%; }
#calendarDetail .calendarDays td { background:#eee; }
#calendarDetail .calendarDays .title { font-size: medium; font-weight: bold; color: #fff; padding: 10px 0px 10px 0px; background: #333; }
#calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background: #333; color:#fff; }
#calendarDetail .title a { font-size: small; }
#calendarDetail .calendarDays .prevLink a, #calendarDetail .calendarDays .nextLink a{ font-size: small; color: #fff; }
#calendarDetail .calendarDays td { text-align: center; font-size:small; line-height:  1.1em; }
#calendarDetail .calendarDays .weekdays { height: 30px; background-color: #E8E8E8; }
#calendarDetail .calendarDays .emptyDay { height: 60px; text-align: left; vertical-align: top; background-color: #eee; }
#calendarDetail .calendarDays .eventToday { height: 60px; text-align: left; vertical-align: top; background-color: #fff; padding-left: 5px; }
#calendarDetail .calendarDays .eventOff { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; }
#calendarDetail .calendarDays .eventOn { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; }
.calendarDays a {color:#CC0066;}


/* ---------------
Events Box
----------------- */
.eventsBoxWrapper { }
.eventsBoxWrapper .itemList { padding-bottom: 16px; }
.eventsBoxWrapper .eventDate { color: #777; }

.smallcalendarbox {float:left; margin-right: 8px; width: 40px;background: #efefef;border:1px solid #ddd;text-align:center; text-decoration:none;}
.smallcalendarbox:hover {background: #fff;border:1px solid #eee;}
.scb-month {text-transform: uppercase;}
.scb-day {font-size: 22px; font-family: Arial, Helvetica, sans-serif;}

/* ---------------
Events Registration
----------------- */
#registrationSummary td { padding:1px 10px; }
/* ModuleEnd::events */



/* ModuleBegin::news */
.newsWrapper .headline { }
.newsWrapper .publish, .newsWrapper .author, .newsWrapper .copyright { color: #777; font-size: smaller; }
.newsWrapper .blurb { }
.newsWrapper .content { }
.newsWrapper .newsitem { padding-bottom: 1em; }
.newsWrapper .copyright { padding: 1em 0em; text-align: center; font-size: smaller; }
/* ModuleEnd::news */



/* ModuleBegin::gendocs */
.webpageWrapper { }
/* ModuleEnd::gendocs */


.horizontal-menu .main_menu {
list-style-type:none;
list-style:none;
position:relative;
height:60px;
margin: 0 0 0 10px;
padding:0;
}

.horizontal-menu .main_menu>li {
background:none;
border:0;
float:left;
display:inline;
list-style:none;
position:relative;
text-indent:0;
z-index:2;
margin:0;
padding:0;
}

.horizontal-menu .main_menu>li>a {
font-size:16px;
font-family:Lato, sans-serif;
text-transform:uppercase;
line-height:60px;
height:60px;
color:#000;
font-weight:bold;
text-decoration:none;
text-align:left;
float:none!important;
display:block;
position:relative;
padding:0 18px;
}

.horizontal-menu .main_menu>li>ul {
border:10px solid #fff;
/*
height:344px;
*/
list-style:none;
display:none;
position:absolute;
top:60px;
left:0px;
z-index:-1;
background:#A3B731;
margin:0;
}

.horizontal-menu li:hover ul {
    display:block !important;
    }
.horizontal-menu .main_menu>li>ul>li {
    display: block;
    float:left;
    width:280px;
    /*height:330px;*/
    padding:7px;
    }

.horizontal-menu .main_menu>li>ul>li.item1,.horizontal-menu .main_menu>li>ul>li.item3,.horizontal-menu .main_menu>li>ul>li.item5 {background: #ebebe3;}
.horizontal-menu .main_menu>li>ul>li.item2,.horizontal-menu .main_menu>li>ul>li.item4,.horizontal-menu .main_menu>li>ul>li.item6 {background: #f5f5f1;}

.horizontal-menu .main_menu>li>ul>li>a{
    border-bottom: 1px solid #ceda99;
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin: 2px 10px 10px;
    text-transform: uppercase;
    color: #000;
    cursor:normal;
    text-decoration:none;
}

.horizontal-menu .main_menu>li>ul>li>ul>li a{
color: #606a5d;
display: block;
padding: 3px 10px;
text-decoration: none;
}

.horizontal-menu .main_menu>li>ul>li>ul>li a:hover {
    text-decoration:underline;
    }



/*Arrows*/
.sf-sub-indicator {
    position:        absolute;
	display:		block;
	right:			.75em;
	top:			10px; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(graphics/design/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
/* apply hovers to modern browsers */
.horizontal-menu ul a:focus > .sf-sub-indicator,
.horizontal-menu ul a:hover > .sf-sub-indicator,
.horizontal-menu ul a:active > .sf-sub-indicator,
.horizontal-menu ul li:hover > a > .sf-sub-indicator,
.horizontal-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.horizontal-menu  ul li > a .sf-sub-indicator { background-position: 0px -100px; top: 50px; left: 49%; }
.horizontal-menu  ul ul li a > .sf-sub-indicator { background-position:  0 0; left:90%; top: 10px;}

/* apply hovers to modern browsers */
.horizontal-menu ul ul a:focus > .sf-sub-indicator,
.horizontal-menu ul ul a:hover > .sf-sub-indicator,
.horizontal-menu ul ul a:active > .sf-sub-indicator,
.horizontal-menu ul ul li:hover > a > .sf-sub-indicator,
.horizontal-menu ul ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


.sip {float:left;position:fixed;top:0px;z-index:1000;}

.horizontal-menu ul .lavalamp-bubble {
  z-index: 1;
  margin: -1px;
  position: absolute; 
  background: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin: 4px 0px;
  height: 50px;
}


/*** js ***/

.js .horizontal-menu ul .lavalamp-bubble {
  -webkit-transition: left 0.5s ease-in-out, width 0.5s ease-in-out;
  -moz-transition: left 0.5s ease-in-out, width 0.5s ease-in-out;
  -ms-transition: left 0.5s ease-in-out, width 0.5s ease-in-out;
  -o-transition: left 0.5s ease-in-out, width 0.5s ease-in-out;
  transition: left 0.5s ease-in-out, width 0.5s ease-in-out;
  -webkit-transition: left 0.5s cubic-bezier(0.5,0.5,0.5,1.25), width 0.5s cubic-bezier(0.5,0.5,0.5,1.25);
  -moz-transition: left 0.5s cubic-bezier(0.5,0.5,0.5,1.25), width 0.5s cubic-bezier(0.5,0.5,0.5,1.25);
  -ms-transition: left 0.5s cubic-bezier(0.5,0.5,0.5,1.25), width 0.5s cubic-bezier(0.5,0.5,0.5,1.25);
  -o-transition: left 0.5s cubic-bezier(0.5,0.5,0.5,1.25), width 0.5s cubic-bezier(0.5,0.5,0.5,1.25);
  transition: left 0.5s cubic-bezier(0.5,0.5,0.5,1.25), width 0.5s cubic-bezier(0.5,0.5,0.5,1.25);
}








#mobileMenuButton {
position:absolute;
display:none;
text-transform: uppercase;
padding: 0 20px;
height: 29px;
line-height: 29px;
top:5px;
color: #fff;
z-index: 1000;
  background: rgba(255, 255, 255, 0.2);
}
#mobileMenuButton.active {background: #000;}


#mobileMenu { float:left; width: 100%; display:none; position:relative;z-index: 1000; }
#mobileMenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    float:left;
}
#mobileMenu ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    background: #111 url(graphics/design/mobilemenu_mainbg.png) repeat-x;
    float:left; width: 100%;
}
#mobileMenu ul li li {width: 100%;border-bottom:0;}
#mobileMenu ul > li > a:hover, #mobileMenu ul > li > a.active {}
#mobileMenu ul > li > a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    text-transform: uppercase;
    height: 50px;
    padding: 0;
    width: 100%;
    border: 0;
    line-height: 50px;
    text-indent: 16px;
    border-bottom:1px solid #444;
}
#mobileMenu ul > li > a.hasChildren { 
    background: url(graphics/design/mobilemenu_parent.png) no-repeat 100% 0;
}

#mobileMenu ul a { background: none }
#mobileMenu ul li ul {
    display: none;
    margin-left: 0;
   padding:0;
}
#mobileMenu ul > li a.active { background-position: 100% 100%; 
background-color: #C2D45E; }
#mobileMenu ul {
    float: left;
    width: 100%;
    background: #66842B;
}
#mobileMenu ul li a {
    display: block;
    text-decoration: none;
}
#mobileMenu ul li a:hover,
#nav li a.active { }
#mobileMenu ul li ul li a {
    background: #eee url(graphics/design/mobilemenu_subbg.png) repeat-x;
    color: #000;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-indent: 16px;
    width: 100%;
}
#mobileMenu ul li li a:hover,
#mobileMenu ul li li a.active {
    background: #333;
    color: #fff;
}




/* Button Styles */

.button {
    border:0;
	background: #000 url(../images/button-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 8px 10px ; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
}

.button.fw {width: 100%; float:left;}

	.button:hover							{ background-color: #111; color: #fff;	border-bottom: 1px solid rgba(0,0,0,0.25);}
	.button:active							{ top: 1px; }
	.small.button, .small.button:visited 			{ font-size: 11px; }
	.button, .button:visited,
	.medium.button, .medium.button:visited 		{ font-size: 13px; font-weight: normal; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.button, .large.button:visited 			{ font-size: 15px; padding: 10px 14px 9px; }

/*colors*/
	.green.button, .green.button:visited		{ background-color: #91bd09; }
	.green.button:hover						{ background-color: #749a02; }
	.blue.button, .blue.button:visited		{ background-color: #2daebf; }
	.blue.button:hover							{ background-color: #007d9a; }
	.red.button, .red.button:visited			{ background-color: #e33100; }
	.red.button:hover							{ background-color: #872300; }
	.magenta.button, .magenta.button:visited		{ background-color: #a9014b; }
	.magenta.button:hover							{ background-color: #630030; }
	.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
	.orange.button:hover							{ background-color: #d45500; }
	.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
	.yellow.button:hover							{ background-color: #fc9200; }
	.white.button, .white.button:visited		{ background-color: #eee; color: #333; }
	.white.button:hover							{ background-color: #ddd; }
    
    
    
    
    
fieldset.radio label {
  width: auto;
}

fieldset fieldset label {
  width: auto;
  line-height: inherit;
}

.radio {
  background: none;
}

input, textarea, select {
  padding: 8px;
  margin:6px 0 6px 10px;
  border: 0;
  font-size: 14px;
  border: 1px solid #999;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 1px 1px 0 0 #FFF, 5px 5px 40px 2px rgba(0,0,0,.11) inset;
  -moz-box-shadow: 1px 1px 0 0 #FFF, 5px 5px 40px 2px rgba(0,0,0,.11) inset;
  -webkit-box-shadow: 1px 1px 0 0 #FFF, 5px 5px 40px 2px rgba(0,0,0,.11) inset;
  -webkit-background-clip: padding-box;
}

input#submit {
  width: 280px;
  cursor: pointer;
  box-shadow: 0 0 4px 0 #666;
  -moz-box-shadow: 0 0 4px 0 #666;
  -webkit-box-shadow: 0 0 4px 0 #666;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(237, 237, 237)), color-stop(0.41, rgb(217, 217, 217)), color-stop(1, rgb(255, 255, 255)));
  background: -moz-linear-gradient(center bottom, rgb(237, 237, 237) 0%, rgb(217, 217, 217) 41%, rgb(255, 255, 255) 100%);
}

input#submit:hover {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(232, 114, 198)), color-stop(0.41, rgb(230, 71, 185)), color-stop(1, rgb(235, 176, 218)));
  background: -moz-linear-gradient(center bottom, rgb(232, 114, 198) 0%, rgb(230, 71, 185) 41%, rgb(235, 176, 218) 100%);
}




/*Ajax Search Styles*/
#ajxinputwrap {position:relative;float:left;z-index: 1002;}
#ajxinputspinner {display:none;position:absolute; top:0px; right:10px; }
#ajxsearch {
z-index: 1;
display:none;
width: 220px;
height: 200px;
background: #194B7E;
position: absolute;
overflow:hidden;
left: 0px;
top: -4px;
padding:30px 0px 10px 10px;
color: #ddd;
border-radius:10px; 
border: 1px solid #4476A9;
}
.ajxclose {display:none;padding: 4px; top: -30px;left: 14px; border-radius: 8px; color: #ddd;position:relative;z-index:5000;cursor:pointer;}
#ajxsearch .searchWrapper {overflow:hidden;height: 180px;margin-top: 20px;}
#ajxsearch a {color: #fff; text-decoration:none;border-bottom: 1px dotted #333;}
#ajxsearch .searchModule {margin:6px 0;border-bottom: 1px solid #333; color: #ccc; font-size: 15px;font-weight: bold;font-style:italic;}
#ajxsearch .searchTitle a {font-size: 12px;}
#ajxsearch.light {
background: #fff;
color: #777;
border:1px solid #ddd;
}
#ajxsearch .result-title {background: #f9f9f9; padding: 5px;border-bottom: 1px solid #ddd;margin-bottom: 5px;}


/* Back to Top Button */

#toTop {
  background: #222;
  border: 1px solid #333;
  text-align: center;
  padding: 5px 10px;
  z-index: 10000;
  position: fixed;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 10px;
}