body {
   font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: url("images/top_stretch_red_tall.jpg") repeat-x scroll center top;
    min-height: 150px !important;
}

#container #page h2, h3, h4, h5, h6{
   color:#780101;
}
a{
   color:#780101;
   text-decoration: none;
}
#precontain {/*Overall container, put 'top' background here*/
   border-bottom: 88px solid #780101;
}

#header {
    background: url("images/header_red.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
    height: 285px;
    width: 982px;
    margin: 150px auto 5px;
}

#container #page #header h1 {
/*   font: bold 46px/87px "century gothic",sans-serif; */
}
#container{
   width:960px;
   margin: 0 auto;
}

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

#logo {
    float: none;
    height: 40px;
    padding: 0;
    position: absolute;
    text-align: left;
    top: 0;
    width: 982px;
}
.splashPage #logo a img.logo {
    background: none;
    border: 0 none;
    margin: 0 0 0 5px;
    max-height: 277px;
    position: relative;
    top: 174px;
}
#logo a img.logo {
    background: none;
    border: 0 none;
    margin: 0 0 0 5px;
    max-height: 277px;
    position: absolute;
    top: 154px;
}

#subHeader {
    color: #FFFFFF;
    display: block;
    font-size: 16px !important;
    position: absolute;
    text-align: left;
    top: 65px;
}

#logo a h1 strong {
    color: #FFFFFF !important;
    font: 45px/70px TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif !important;
    margin: 0;
    max-width: 982px;
    overflow: hidden;
}

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

#container #page #widget_area_left #widgets h2 {
   color: #361A5D;
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 10px;
    margin-left: 0;
    padding: 3px 5px;
    width: 145px;
}

#emoContentContainer {
   background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    float: left;
    margin: 10px 0 0 12px;
    padding: 15px;
    position: relative;
    width: 735px; 
}

#emoContentContainer h1 {
    background: none repeat scroll 0 0 #780101;
    border: 0 none !important;
    box-shadow: -1px 1px 1px #666666;
    color: #FFFFFF !important;
    font: 30px/35px TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif !important;
    padding: 3px !important;
    text-indent: 10px;
}

#emoContentContainer h2,
#emoContentContainer h3,
#emoContentContainer h4 {
   font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif !important;
}

    
#container #page p { 
   font-size: 14px; 
   margin-bottom: 12px;
   line-height: 20px; 
}

#emoContentContainer a:hover {/*Content link hover style*/
}
#emoContentContainer a:visited {/*Content link visited style*/
}

#footer {/*Container for footer links*/
   width: 100%;/*Define width of footer area, usually 100%*/
   height: 0;/*Define height of footer area, usually height of bg image*/
   padding: 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;
   top: 10px;
}
.topnav .icon {
   display: none;
}
#leftmenu_area {
    clear: both;
    height: 35px;
    margin: 0;
    position: absolute;
    top: 90px;
    width: 982px;
}

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

ul.tabs li {
    height: 36px;
}

ul.tabs li ul li {
   border-bottom: 1px solid #fff;
}

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

ul.tabs ul ul {
    left: 100%;
    top: -1px;
}

ul.tabs a {/*Define top-level buttons*/
   color: #FFFFFF;/*Define color of button text*/
   font: 18px/35px TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
   position: relative;
   text-decoration:none;
   padding: 0 11px;
}

ul.tabs a:hover,
ul.tabs li a:hover,
ul.tabs li ul li a:hover,
ul.tabs li ul li ul li a:hover {
   color: #aaa !important;
}

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*/
   color #aaa !important;   
}

ul.tabs > li > ul a {
   margin: 0;
   height: 20px;
}

ul.tabs > li > ul > li > a:hover, ul.tabs > li > ul:hover > a {
   color #aaa !important;
}

/* first submenu */
#leftmenu_area > ul.tabs > li > ul {
   margin-top: 0px;
}

ul.tabs > li:hover > ul > li,
ul.tabs li.iehover li {/*Define sub buttons*/
   padding:0px;
   margin:0px;
}
ul.tabs > li:hover > ul > li > a,
ul.tabs li.iehover li a {/*Define sub buttons*/
   
}
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 ul li:hover {/*Define sub buttons rollover state*/
   color #aaa !important;/*Define rollover link color*/
}

#leftmenu_area .emoCurrent {
    color: #aaa !important;
}

ul.footer_links li {
   border-left: 2px ridge #fff;
   padding: 0;
   margin: 0;
}

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

ul.footer_links li a {
   color: #ccc;/*Define text color*/
   position: relative;
   z-index: 50;
    padding: 0 10px;   
}
ul.footer_links li a:hover {
   color: #fff;/*Define text color*/
   text-decoration: underline;
}

#map,
#contact_us .box {
   border-color: #780101 !important;
   border-width: 2px !important;
    box-shadow: -1px 1px 1px #666666;       
}
.formsul li a {
   color:#361A5D;
}
.pubsul li a {
   color:#361A5D;
}
#copyright {
   position: relative;
   width: 100%;
   margin-top: 45px;
   color: #ccc;
    font: 13px/20px TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif !important; 
    text-transform: uppercase;  
    text-align: center;
}

#copyright p {
    font: 12px/20px TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif !important;
    margin: 0 !important;
}

#copyright a {
   display: none;
}



/* Widgets */

#widget_area_left {
   display: block;
   width: 224px;
   min-height: 450px;
   float: left;
   padding: 25px 0;
}

#widget_area_left .widget {
    font: 14px/20px TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif !important;
   margin: 0 auto 15px;
   padding: 0; 
    min-height: 140px;           
}

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

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

#login_widget,
#newsletterSignupDiv {
   background-color: #ededed;
    box-shadow: -1px 1px 1px #666666;   
}


#client_login_form_widget_title,
#newsletter_signup_widget_title {
    background: none repeat scroll 0 0 #780101;
    border: 2px solid #CCCCCC;
    color: #FFFFFF !important;
    font: 16px/30px TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif !important;
    padding: 2px;
    text-align: center;
}

#login_widget_user,
#login_widget_password,
#newsletterSignupName,
#newsletterSignupEmail {
    box-shadow: -1px 1px 1px #666666;
    margin: 0 0 7px 15px;
    width: 185px !important;
}

#login_widget_submit,
#newsletterSignupSubmit {
    background: none repeat scroll 0 0 #780101;
    border: 2px solid #CCCCCC;
    box-shadow: -1px 1px 1px #666666;
    color: #FFFFFF !important;
    height: 25px;
    margin: 0 0 10px 15px !important;
    text-align: center;
    width: 60px;
    cursor: pointer;
}

.clock {
   background: url('images/clock.jpg') no-repeat bottom;   
   height: 167px;
    margin-bottom: 15px !important;   
   display: none;
}

#minifeed-container {
   background-color: #ededed;
    box-shadow: -1px 1px 1px #666666;  
}

#minifeed-container h2 {
    background: none repeat scroll 0 0 #780101;
    border: 2px solid #CCCCCC;
    color: #FFFFFF !important;
    font: 16px/30px TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif !important;
    padding: 2px;
    text-align: center;
}

#minifeed {
   padding: 10px !important;
}

#minifeed h3 a {
    color: #780101;
    font: bold 14px/20px TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif !important;
}

#minifeed p {
    font: 12px/15px TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif !important;
}

/* End Widgets */

/* SPLASH CSS */

.splashPage #logo {
   top: -20px;
}

#widget_area_splash_bottom {
   display: block;
   margin-bottom: 30px;
   width: 982px;
   margin-left: 10px;
   min-height: 360px;    
}

#widget_area_splash_bottom .widget {
    float: left;
    height: 175px;
    margin: 5px 25px;
    width: 290px;
}


.splashbox h2 {
    background: none repeat scroll 0 0 #780101;
    border: 0 none !important;
    box-shadow: -1px 1px 1px #666666;
    color: #FFFFFF !important;
    font: 22px/30px TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif !important;
    padding: 3px !important;
    text-indent: 10px;
}

.splashbox p {
    font: 14px/20px TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif !important;
}

.splashPage #header {
    margin: 150px auto 20px;
}


.splashPage #login_widget,
.splashPage #newsletterSignupDiv {
     float: left !important;
     width: 220px;
     box-shadow: 0 0 0 !important;
}

.splashPage #client_login_form_widget_title,
.splashPage #newsletter_signup_widget_title {
    background: none repeat scroll 0 0 #780101;
    border: 2px solid #CCCCCC;
    color: #FFFFFF !important;
    font: 16px/30px TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif !important;
    padding: 2px;
    text-align: center;
    width: 213px !important;    
    margin: 0 0 20px !important;    
}

.splashPage #login_widget_user,
.splashPage #login_widget_password,
.splashPage #newsletterSignupName,
.splashPage #newsletterSignupEmail {
    box-shadow: -1px 1px 1px #666666;
    margin: 0 0 7px 15px;
    width: 185px !important;
}

.splashPage #login_widget_submit,
.splashPage #newsletterSignupSubmit {
    background: none repeat scroll 0 0 #780101;
    border: 2px solid #CCCCCC;
    box-shadow: -1px 1px 1px #666666;
    color: #FFFFFF !important;
    height: 25px;
    margin: 15px !important;
    text-align: center;
    width: 60px;
    cursor: pointer;
}
#login_widget_submit:hover, #newsletterSignupSubmit:hover {
    background: none repeat scroll 0 0 #8D301E;
}

.splashbox a {
    font: bold 16px/30px TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif !important;
}

.splash_info {
    background: url("images/shade.png") repeat scroll 0 0 transparent;
    height: 277px;
    margin-left: -6px !important;
    position: absolute !important;
    top: 124px;
    width: 270px;
   display: none;
}

.splash_info p {
   color: #fff;
    font: 13px/20px TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif !important;
    width: 235px;
}

.splash_info h2 {
    border: 0 none !important;
    color: #FFFFFF !important;
    font: italic bold 18px/30px TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif !important;
    margin: 15px 0 0;
    padding: 3px !important;
}

.splash_info .custom_content_widget .widget  {
   margin: 0 !important;
}

.splash_info a {
    background: none repeat scroll 0 0 #780101;
    box-shadow: 0 0 5px #000000 inset;
    color: #FFFFFF !important;
    display: block;
    margin: 0;
    padding: 2px;
    text-align: center;
    width: 180px;
    font-family: TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif !important;    
}

/* END SPLASH CSS */

/* 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: 750px;  
      min-width: 0;  
      width: 100%;    
   }
   #precontain {
      border: none!important;
   }
   #container {
      min-height: 250px;
      max-width: 750px; 
      min-width: 525px; 
      width: 100%;   
   }
   #header {
      max-width: 750px;
      width: 100%;  
      margin-top: 175px;  
   }
   #logo {
      max-width: 750px;  
      margin: 0 auto;
      width: 100%;  
   }    
   #logo a h1 {
      max-height: 58px;
   }
   #logo a h1 strong {
      font: 40px/70px TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif !important;
   }
   #subHeader { display: none; }
   #logo a {
      font-size: 20px;
   }
   #container {
       border: 0 none;
       box-shadow: 0 0 0;
       margin: 10px auto 0;
       min-height: 600px;
       padding: 0;
       width: 100%;
       min-width: 0;
   }
   #mainColumn {
      width: 100%;
   }
   #splash #emoContentContainer {
      padding: 0;
      margin: 0;
      min-height: 250px;
   }
   #emoContentContainer {
       margin: 0;
       padding: 20px 10px;
       width: 95%;
      margin-top: -495px;
   }
    #content {
       background: #fff none repeat scroll 0 0;
       float: right;
       margin: 0;
       padding: 0;
       width: 68%;
   }
   .innerEmoContent {
      width: auto !important;
   }
     .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: 91px!important;
   }
   .topnav:hover {
      width: 100%;
      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;
      padding: 10px;
   }
   .topnav.responsive {
     position: absolute;
     height: 35px;
     top: 91px!important;
     width: 100%;
     background: none!important;
   }

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

/*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;
      position: static;
   }
  #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: #EFEFEF;
   }
   ul.tabs a {
      width: 100%;
      color: #000 !important;
   }
   ul.tabs ul {
      margin: 0;
      box-shadow: none!important;
      padding: 0!important;
   }
   ul.tabs li {
      padding: 0;
      left: 0;
      border: none;
      box-shadow: none;
      margin-bottom: 0!important;
   }
   ul.tabs li, #leftmenu_area ul li {
       background: #EFEFEF 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: #ad3b25!important;
   }
   /*SECOND NAV DROP BACKGROUND*/
   ul.tabs li ul li ul li {
    background: #ce462c!important;
   }
   #footer {
       background: #8D301E none repeat scroll 0 0;
       float: none;
       height: auto;
       margin-top: 0 !important;
       padding: 20px 0;
       width: 100%;
   }
   #footer_menu_div {
       margin: 0;
       padding: 20px 0 0;
   }
   #widget_area_footer {
      display: block;
       float: left;
       font-family: arial !important;
       padding: 0;
      width: 750px;
   }
   #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;
   }
   #widget_area_splash_bottom {
      width: 100%;
      margin-left: 0px!important;
   }
   #widget_area_splash_bottom .widget {
      width: 48%;
      margin: 0px!important;
      padding: 10px 5px 15px 5px;
   }
   #widget_area_splash_bottom.widgets .widget h2, .splashbox p {
      text-align: center;
      width: 99%;
   }
   .splashPage #client_login_form_widget_title, .splashPage #newsletter_signup_widget_title {
      width: 99%!important;
   }
   .splashPage #login_widget_user, .splashPage #login_widget_password, .splashPage #newsletterSignupName, .splashPage #newsletterSignupEmail {
      box-shadow: -1px 1px 1px #666666;
      width: 200px !important;
      height: 25px;
      margin-top: 5px;
      margin-left: 60px;
   }
   .splashPage #login_widget_submit {
      height: 30px;
      margin-right: 75px!important;
      margin-top: 1px!important;
   } 
   
   .splashPage #newsletterSignupSubmit {
      height: 30px;
      margin-top: 1px!important;
      margin-right: 75px!important;
   }
   a.backToTop {
      bottom: 1em!important;
      right: 1em!important;
   }
}


/* max device width - iphone */
@media screen and (max-device-width: 480px) {
   body,
   #precontain,
   #footer {
      max-width: 480px;  
      min-width: 300px;
      margin:0;
      padding:0;
      width:100%;
   }
   #header
   #leftmenu_area,
   #container,
   #emoContentContainer,
   .innerEmoContent,
   #widget_area_footer, #mainColumn {
      width:auto;
      margin:0;
      padding:0;
      max-width: 100%;  
      min-width: 300px;
   }
   #header {
     height: 100px;
     margin-top: 140px;
     background-size: 100%;
     background-position: center;
     width: 100%;
   }

   #logo {
      display: block;
      margin: 0;
      padding: 0;
      width: 100%;
      text-align: center
   }
   #logo a h1 {
      max-height: 115px;
      height:auto;
   }
   #logo a h1 strong {
      font: 20px/30px "Book Antiqua",Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif!important;
   }
   #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;
       padding: 0;
       width: 100%;
   }
   .innerEmoContent {
      width: auto !important;
   }
  #navContainer .icon {
      margin-right: 0px;
   }
   .topnav {
      top: 91px!important;
   }
   .topnav.responsive {
      top: 91px!important;
   }
   #footer {
      float:left;
      background: #8D301E none repeat scroll 0 0;
      height: 70px;
      margin-top: 0 !important;
   }
   #footer_menu_div {
       margin: 0;
       padding: 20px 0 0;
   }
   #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;
    margin-top: 0!important;
   }
   #widget_area_splash_bottom {
      width: 100%;
   }
   .splashPage #header {
      margin: 140px auto 0;
      width: 100%!important;
      background-position: center!important;
      background-size: 100%;
   }
   .splashbox p {
      text-align: center;
   }
   .splashbox h2 {
      text-indent: 0px!important;
      text-align: center;
   }
   #widget_area_splash_bottom #newsletterSignupDiv, #widget_area_splash_bottom #login_widget {
     width: 100%;
     margin-left: 0 0 0 -10px!important;
     height: 125px!important;
     margin-bottom: 15px;
   }

   .splashPage #client_login_form_widget_title, .splashPage #newsletter_signup_widget_title {
      width: 100%!important;
      margin: 0 0 20px !important;
   }

   .splashPage #login_widget_user, .splashPage #login_widget_password, .splashPage #newsletterSignupName,    .splashPage #newsletterSignupEmail {
      box-shadow: -1px 1px 1px #666666;
      margin: 0 0 7px 15px;
      width: 250px !important;
   }

   .splashPage #login_widget_submit, .splashPage #newsletterSignupSubmit {
      background: none repeat scroll 0 0 #8D301E;
      border: 2px solid #CCCCCC;
      box-shadow: -1px 1px 1px #666666;
      color: #FFFFFF !important;
      height: 25px;
      margin: 15px !important;
      text-align: center;
      width: 60px;
      cursor: pointer;
      margin-top: -35px!important;
   }

   #precontain {
      border-bottom: none!important;
   }

   #widget_area_splash_bottom .widget {
      float: left;
      height: 175px;
      margin: 15px 0 0 -10px!important;
      width: 100%!important;
   }
   .splashPage #logo {
      text-align: center;
      width: 250px!important;
      margin-left: 50px;
   }
   #widget_area_left {
      display: none;
   }
   .piggy-h3, .briefcase-h3, .arrow-h3, .checkbox-h3, .people-h3, .pencil-h3  {
      width: 85%!important;
      height: 30px;
      font-size: 16px!important;
   }
   #monthly_news form.form {
      width: 100%!important;
   }
   a.backToTop {
      bottom: 1em!important;
      right: 1em!important;
   }
}

/* End Media Queries */