body {
   color: #777777;
   font-size: 16px;
   line-height: 16px;
   font-family: "century gothic", sans-serif;
}

#container #page h1, h2, h3, h4, h5, h6{
   color:#1D7373;
}
a{
   color:#1D7373;
   text-decoration: none;
}
#precontain {/*Overall container, put 'top' background here*/
}

#header {/*Container for header contents, specify total header height here*/
   height: 145px;/*Define height of header area, usually height of bg image*/
   width: 960px;
   text-align:left;
   margin-bottom: 10px;
   position: relative;
}

#container #page #header h1 {
   font: bold 46px/72px "century gothic",sans-serif;
   color: #000000;
   padding: 32px 0 0;
   margin: 0;
}
#container{
   width:960px;
   margin: 0 auto;
}

#container #page #subHeader{
   font-size:20px;
   line-height: 20px;
}

#logo {
   float:none;
   padding: 0; 
   text-align: left;
   height: auto;
   width: auto;
}

#content {
   padding: 0px;
   margin: 0;
   width: auto;
}

#widget_area_left {
   display: none;
   width: 185px;
   min-height: 300px;
   float: left;
   padding: 10px 0;
}
#widget_area_right {
   display: block;
   width: 230px;
   min-height: 300px;
   float: right;
   padding: 10px 0;
}
#widget_area_header {
   display: block;
   width: 300px;
   float: right;
   font: 14px/25px "century gothic", sans-serif;
   -moz-box-shadow: 10px 10px 5px rgba(0,0,0,0.5);
   background-color: #279C9C;
   height: 125px;
   margin-top: 15px;
}

#widget_area_right .widget, #widget_area_header .widget {
   -moz-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
   background-color: #279C9C;
   font: bold 14px/20px "century gothic",sans-serif;
   margin: 0 auto 15px;
   padding: 15px 15px 15px 20px; 
}
#widget_area_header .widget {
   -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
   background:none;
   color: white;
}

#widget_area_splash_bottom .widget {
   -moz-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
   background:#279C9C;
   color: white;
   padding: 15px 15px 15px 20px; 
}

.widget_submit { margin: 5px 0; }
.widget input[type="submit"], .widget button {
   text-align:right;
    margin-bottom: 15px;
    margin-right: 15px;
    margin-top: 15px;
}

.widget input[type=text],.widget input[type=password] {
   width: 155px;
}

.widgets h2 {
   color: #FFFFFF;
    font-size: 18px;
    font-weight: 100;
    margin-bottom: 10px;
    margin-left: 0;
    padding: 3px 5px;
    width: 145px;
}

#newsletterSignupDiv {
   color:white;
}

#emoContentContainer {
   background: none repeat scroll 0 0 #FFFFFF;
    color: #777777;
    float: left;
    margin: 10px 0px;
    padding: 15px;
    position: relative;
    width: 680px; 
    font-size:14px;
    line-height: 20px;
    font-family: "century gothic", sans-serif;
}
    
#container #page p, #container #page p li  { font-size: 14px; margin-bottom: 12px;line-height: 20px; }

#emoContentContainer a:hover {/*Content link hover style*/
   color: #1D7373;/*Define text color*/
}
#emoContentContainer a:visited {/*Content link visited style*/
   color: #1D7373;/*Define text color*/
}

#footer {/*Container for footer links*/
   width: 100%;/*Define width of footer area, usually 100%*/
   height: 140px;/*Define height of footer area, usually height of bg image*/
   padding: 0;
   padding: 25px 0 0;
}
#footer_menu_div {
   width: 100%;
   text-align:center;
}

ul.footer_links,#social_network_div {
   width: 100%;
   text-align:center;
   clear: both;
   float: none;
   display:block;
}
ul.footer_links {
   margin: 0 auto;
}
.topnav .icon {
   display: none;
}
#leftmenu_area {/*Container for left menu, minicontent, and services menu*/
   -moz-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
   clear: both;
   height: 40px;
   margin-bottom: 15px;
   background-color: #1D7373;
}

ul.tabs { 
   margin: 0; 
   padding: 0;
   position:relative;
   display:block;
}

ul.tabs li:first-child a {
border: 0;
}

ul.tabs li {
    padding: 10px 0 0;
    height: 30px;
}

ul.tabs li ul li {
   border:none;
   padding: 0 0 10px 0;
   height: 20px;
}

ul.tabs ul {
    border-radius: 11px 11px 11px 11px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
    padding: 0 0 17px;
    z-index: 999;
    background-color: #1D7373;
}

ul.tabs a {/*Define top-level buttons*/
   color: #FFFFFF;/*Define color of button text*/
   font: 15px/19px arial,sans-serif;
   position: relative;
   text-decoration:none;
   border-left: 2px solid #FFFFFF;
   padding: 0 17px;
}

ul.tabs ul a {
   border: none;
}

div#leftmenu_area > ul.tabs > li > a {/*Define top-level buttons*/

}

ul.tabs > a:hover,
ul.tabs > li:hover > a,
ul.tabs > li.iehover > a {/*Define button rollover state*/
   
}

ul.tabs > li > ul a {
   margin: 5px 15px;
   height: 20px;
   padding: 0 17px 0 5px;
}

ul.tabs > li > ul > li > a:hover, ul.tabs > li > ul:hover > a {
}

/* first submenu */
#leftmenu_area > ul.tabs > li > ul {
   border-radius: 0px 0px 11px 11px;
}

ul.tabs > li:hover > ul > li,
ul.tabs li.iehover li {/*Define sub buttons*/
   margin:0px;
}
ul.tabs > li:hover > ul > li > a,
ul.tabs li.iehover li a {/*Define sub buttons*/
   
}
ul.tabs > li:hover > ul > li:hover,
ul.tabs > li:hover >ul > li:hover,
ul.tabs li.iehover li:hover,
ul.tabs li.iehover li.iehover {/*Define sub buttons rollover state*/
   color: #FFFFFF;/*Define rollover link color*/
   background-color:#279C9C;
   
}

ul.footer_links li a {
   color: #279C9C;/*Define text color*/
   position: relative;
   z-index: 50;
   font-family: "century gothic", sans-serif;
}
ul.footer_links li a:hover {
   color: #279C9C;/*Define text color*/
}

#leftmenu_area > ul.tabs > li.emoCurrent > a {
   background-color: #279C9C;
}

#map,
.box {
   border-color: #000000 !important;
}
.formsul li a {
   color:#361A5D;
}
.pubsul li a {
   color:#361A5D;
}
#copyright {
   position: relative;
   width: 100%;
   margin: 40px 0px 0px;
}

/* widgets */
#header #widget_area_header ul {
   text-align:center;
   list-style:none;
   margin: 0;
   padding: 5px;
   font-size: 16px;
   line-height: 25px;
   font-family: "century gothic",sans-serif;
   font-weight:normal;
}
#header #widget_area_header ul li span {
   font-size: 25px;
   line-height: 35px;
   -webkit-text-fill-color: #fff;
}

/* splash page */
#widget_area_splash_bottom .widget { width: 389px; }

#widget_area_splash_bottom .widget input[type="password"],
#widget_area_splash_bottom .widget input[type="text"] { 
   width: 190px; 
}
#widget_area_splash_bottom #login_widget {
   float: left;
}
#widget_area_splash_bottom.widgets .widget h2 {
   width: 100%;
}


#widget_area_splash_bottom .widget_submit {
   display: inline;float:right;
}

#widget_area_splash_bottom #newsletterSignupDiv {
   float: right;
}
#widget_area_splash_bottom.widgets .widget h2 {
   width: 100%;
}
.widget INPUT[type='submit'] {
text-align: center;
}
.archiveDate {
font-size: 14px;
}
#minifeed { background-color: #EEEEEE; }

/* MQ */

@viewport {
   width: device-width;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}

/* MQ */

/* min-width - Full Size */
@media screen and (min-width: 900px) {
   body,
   #page-wrap {
      min-width: 961px;      
   }
   #container {
      min-height: 500px;
      min-width: 961px;      
   }
}

/* min-width & max-width - Mid */
@media screen and (max-width: 900px) {
   body,
   #precontain, #page {
      max-width: 900px;  
      min-width: 0;  
      width: 100%;    
   }
   #container {
      min-height: 250px;
      max-width: 900px;   
   }
   #content {
      float: left!important;
      background: #fff none repeat scroll 0 0;
      float: right;
      margin: 0;
      width: 100%;
   }
   #mainColumn {
    max-width: 900px;
    width: 100%;
   }
   #header {
      max-width: 900px; 
      width: 100%;
      min-height: 75px;
   }
   #logo {
      max-width: 900px;  
      margin: 0 auto;
   }
   #logo a h1 {
      max-height: 58px;
   }
   #logo a h1 strong {
   }
   #subHeader { display: none; }
   #logo a {
      font-size: 20px;
   }
   #container {
       border: 0 none;
       box-shadow: 0 0 0;
       margin: 10px auto 0!important;
       min-height: 600px;
       padding: 0;
       width: 100%;
   }
   #container #page #header h1 {
        padding: 0 0 0!important;
   }
   #splash #emoContentContainer,
   #emoContentContainer {
      margin: 20px;
      padding: 80px 30px 30px;
      width: 100%;
   }
   #splash #emoContentContainer {
      padding: 0;
      margin: 0;
      min-height: 250px;
   }
   #emoContentContainer {
       margin: 0;
       padding: 0px;
       width: 100%;
   }
   .innerEmoContent {
      width: auto !important;
      padding: 10px;
   }
    #navContainer .icon {
      display: block;
      padding: 10px;
      margin-right: 0px;
   }
   .topnav {
      overflow: hidden;
      position: absolute;
      z-index: 999;
      background-color: #fff;
      -webkit-transition: height 400ms linear;
      -moz-transition: height 400ms linear;
      -ms-transition: height 400ms linear;
      -o-transition: height 400ms linear;
      transition: height 400ms linear;
      width: 100%;
      top: 150px!important;
   }
   .topnav:hover {
      color: #eee!important;
      background: none;
   }
   .topnav a {
      text-align: center;
   }
   
   .topnav a.icon {
      float: right;
      display: block;
      position: absolute;
      z-index: 999;
      right: 0;
      height: 15px!important;
    }
  
  .topnav.responsive {
     position: absolute;
     height: 35px;
     top: 150px!important;
     width: 100%;
     background: none!important;
  }

/*NAV MENU BUTTON BACKGROUND (Depressed)*/  
  .topnav.responsive .icon {
      position: absolute;
      right: 0;
      top: 0;
      background: #E6E7E9;
      color: #000;
      width: 25px;
   }

/*NAV MENU BUTTON BACKGROUND (Sub Menu Selected)*/    
   .topnav a:not(:first-child) {
        width: 25px;
        background: #E6E7E9;
  }
  
/*NAV MENU BUTTON BACKGROUND (Pressed)*/ 
  .topnav a:not(:first-child):hover {
      background: #E6E7E9!important;
  }
  
.topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  #leftmenu_area {
      height: auto;
      margin: 0;
      left: 0;
      width: 100%;
      margin-top: 35px!important;
   }
  #leftmenu_area > ul.tabs {
      padding-left: 0px!important;
  }
  ul.tabs > li:hover > ul > li > a:hover,
  ul.tabs > li:hover >ul > li:hover > a,
  ul.tabs li.iehover li a:hover,
  ul.tabs li.iehover li.iehover a, ul.tabs li.emoCurrent a {/*Define sub buttons rollover state*/
      background: none;
   }
  ul.tabs {
      height: auto;
      width: 100%;
      background: #032860;
   }
   ul.tabs a {
      width: 100%;
      padding: 10px;
      color: #fff !important;
   }
   ul.tabs ul {
      margin: 0;
      box-shadow: none!important;
      padding: 0!important;
   }
   ul.tabs li {
      padding: 0;
      left: 0;
   }
   ul.tabs li, #leftmenu_area ul li {
       background: #279C9C none repeat scroll 0 0;
       border-top: 1px outset #ddd;
       border-radius: 0;
       height: auto;
       margin: 0;
       width: 100%;
   }
  ul.tabs li, #leftmenu_area ul li {
      width: 100%;
   }
   ul.tabs ul, ul.tabs ul ul, ul.tabs ul ul ul {
      left: 0;
      position: relative;
   }
   ul.tabs li:hover ul, ul.tabs li.iehover ul {
      width: 100%;
      border-left: 0;
   }
   ul.tabs > li:hover > ul > li > a, ul.tabs li.iehover li a {
      background: none;
   }
   /*FIRST NAV DROP BACKGROUND*/
   ul.tabs li ul li {
      background: #2EB5B6!important;
   }
   /*SECOND NAV DROP BACKGROUND*/
   ul.tabs li ul li ul li {
    background: #47CFD1!important;
   }
   #footer {
       background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
       float: none;
       height: auto;
       margin-top: 0 !important;
       padding: 20px 0;
       width: 100%;
       margin-left: 0px;
       margin-bottom: 0!important;
   }
   #footer_menu_div {
       margin: 0;
       padding: 20px 0 0;
   }
   #widget_area_footer {
      display: block;
       float: left;
       font-family: arial !important;
       padding: 0;
      width: 100%;
   }
   #contact_us .contactRow {
       height: 416px;
       width: 100%;
   }   
   #contact_us .box {
      clear: none !important;
       float: left !important;
       height: 270px !important;
       margin-right: 5px !important;
       max-width: 265px !important;
       width: 42% !important;
   }
   #s3slider, #s3sliderContent, .s3sliderImage, .s3sliderImage img {
      width: 100%!important;
   }
   #s3slider {
      height: 250px!important;
      margin-top: 100px!important;
   }
   #widget_area_splash_bottom #newsletterSignupDiv, #widget_area_splash_bottom #login_widget {
      width: 45%;
      float: left;
      height: 100px;
   }
   #widget_area_splash_bottom #login_widget {
      margin-right: 50px;
      margin-left: 15px;
   }
   #copyright {
      text-align: center;
   }
   #widget_area_splash_bottom #newsletterSignupSubmit {
      margin-top: -23px;
   }
   #widget_area_right {
      width: 100%;
      min-height: 100px!important;
   }
   #login_widget, #newsletterSignupDiv {
      text-align: center;
      width: 45%;
      float: left;
   }
   #client_login_form_widget_title, #newsletter_signup_widget_title {
      text-align: center;
      width: 100%;
   }
   #login_widget_submit {
      float: none;
   }
   #widget_area_splash_bottom #login_widget_submit {
      margin: 0;
   }
   #widget_area_splash_bottom #login_widget_user {
      margin-left: -50px;
   }
   #widget_area_splash_bottom #newsletterSignupName {
      margin-left: -50px!important;
   }
   #widget_area_splash_bottom #newsletterSignupEmail {
      margin-right: 45px;
   }
   #newsletterSignupSubmit {
      float: right;
   }
   div#login_widget {
      margin-right: 6px!important;
      margin-left: 0px!important;
   }
   a.backToTop {
      bottom: 1em!important;
      right: 1em!important;
   }
   ul.tabs a {
      border: none!important;
   }
   #widget_area_splash_bottom .widget, #widget_area_right .widget {
       padding: 15px;
   }
}


/* max device width - iphone */
@media screen and (max-device-width: 480px) and (orientation: portrait){
   body,
   #precontain,
   #footer,
   #mainColumn {
      max-width: 480px;  
      min-width: 300px;
      margin:0;
      padding:0;
      width:100%;
   }
   #header,
   #leftmenu_area,
   #container,
   #emoContentContainer,
   .innerEmoContent,
   #widget_area_footer {
      width:auto;
      margin:0;
      padding:0;
      max-width: 100%;  
      min-width: 300px;
   }
   #header {
     background-position: center;
     height: auto!important;
   }
   #logo {
      display: block;
      margin: 0;
      padding: 0;
      width: 100%;
      text-align: center!important;
   }
   #logo a h1 {
      max-height: 115px;
      height:auto;
   }
   #logo a h1 strong {
      font: 36px/48px "Book Antiqua",Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif;
   }
   #subHeader { display: none; }
   #logo a {
      font-size: 20px;
   }
   #container {
      background: none;
       border: 0 none;
       box-shadow: 0 0 0;
       min-height: 600px;
   }
   #emoContentContainer {
       background: none;
      padding: 10px 10px 0px;
    }
    #content {
       background: #fff none repeat scroll 0 0;
       margin: 0;
       width: 100%;
   }
   .innerEmoContent {
      width: auto !important;
   }
#navContainer .icon {
      margin-right: 0px;
   }
   .topnav {
      top: 60px!important;
   }
   .topnav.responsive {
      top: 60px!important;
   }
   .splashPage #footer {
      padding: 0;
      margin-bottom: 0px!important;
      height: 125px!important;
   }
   #footer {
      float:left;
      background: #1D7373 none repeat scroll 0 0;
      height: auto!important;
      margin-top: 0 !important;
   }
   #footer_menu_div {
       margin: 20px 0;
       padding: 0;
   }
   #page.splashPage #footer {
      margin-bottom: 0;
     min-height: 150px;
   }
   #widget_area_footer {
      display: block;
       float: left;
       font-family: arial !important;
       padding: 0;
   }
   #contact_us .box {
      clear: none !important;
       float: left !important;
       height: 270px !important;
      margin-right:0px !important;
      width:94% !important;
       max-width: 100% !important;
   }
   #contact_us .contactRow {
       height: 300px;
       width: 100%;
   }  
   #copyright,
   #copyright a {
    color: #fff;
    text-align: center;
    margin-top: -17px;
   }
   #widget_area_left {
      display: none;
   }
   #monthly_news form.form {
      width: 100%!important;
   }
   .piggy-h3, .briefcase-h3, .arrow-h3, .checkbox-h3, .people-h3, .pencil-h3  {
      width: 85%!important;
      height: 30px;
      font-size: 16px!important;
   }
   #s3slider, #s3sliderContent, .s3sliderImage, .s3sliderImage img {
      width: 100%!important;
   }
   #s3slider {
      height: 135px!important;
      margin-top: 25px!important;
   }
   #widget_area_header {
      display: none;
   }
   #widget_area_splash_bottom .widget input[type="password"], #widget_area_splash_bottom .widget input[type="text"] {
       width: 125px;
   }
   #widget_area_splash_bottom #newsletterSignupDiv {
      margin-top: 25px!important;
      margin-bottom: 25px!important;
   }
   #widget_area_splash_bottom #login_widget, #widget_area_splash_bottom #newsletterSignupDiv {
      width:90%;
      margin-left: 1px;
      float: none!important;
   }
   #login_widget_submit {
      margin-top: 5px!important;
   }
   #newsletterSignupSubmit {
      margin-left: -275px;
   }
   #widget_area_right {
      width: 100%;
      text-align: center;
          padding: 0;
   }
   h2#newsletter_signup_widget_title, h2#client_login_form_widget_title {
      text-align: center;
      width: 100%
   }
   a.backToTop {
      bottom: 1em!important;
      right: 1em!important;
   }
   #widget_area_splash_bottom #newsletterSignupSubmit {
    margin: -25px 0 0 0;
   }
   #login_widget, #client_login_form_widget_title, #newsletterSignupDiv, #newsletter_signup_widget_title {
    width: 100%;
   }
   .widgets h2 {
      padding: 0;
   }
   #widget_area_splash_bottom #login_widget_user {
     margin-left: -10px;
   }
   #widget_area_splash_bottom #newsletterSignupName {
     margin-left: -10px !important;
   }
   #login_widget_submit {
     float: none;
    margin: 0 auto;
  }
  #widget_area_right .widget {
    padding: 10px 0;
  }
}

/* End Media Queries */