/*  --------  GLOBAL STYLES ---------- */

html{
    font-size: 1.0em!important;
    overflow-x: hidden;
}
#foxboro_container {
     position: relative;
     overflow: visible;
     width: 100% !important;
     margin: 0 auto!important;
}

#foxboro_one-column, #foxboro_two-column, #foxboro_two-column-right, #foxboro_three-column, #foxboro_two-eq-column {
     width: 980px;
     margin: 0 auto !important;
     float: none !important;
} 

#foxboro_bottom {
     width: 980px;
     margin: 0 auto !important;
     float: none !important;
} 


#foxboro_content #foxboro_col1 div.block div.pad {
    display: block;
    padding: 8px 20px 1px 0 !important;
    margin: 0 !important;
}

#foxboro_content #foxboro_col3 div.block div.pad {
    padding: 8px 0px 8px 20px !important;
    margin: 0 !important;
}

div.hs_followme {
    padding: 0 !important;
}
div.hs_followme div {
    padding: 0 !important;
}




/*  ------  TYPOGRAPHY STYLES ---------- */

div#foxboro_container div#foxboro_content h1 {
    margin-top:0;
    font-size: 1.0em;
    margin-bottom: 0px;
}
div#foxboro_container div#foxboro_content h2 {
    font-size:1.0em; 
}
div#foxboro_container div#foxboro_content h3 {
    font-size:1.0em;
}

.block .pad h1{
font-size: 20px!important;
line-height: 125%;
color:#00467F;
line-height: 30px;
}

div#foxboro_container #foxboro_content div.block h3 {
    font-size: 1em;
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px;
    line-height: 15px;
}
#bb-container div.post h3.title {
   font-size: 1em!important;
   font-weight: bold;
   color: #00467f!important;
}
div#foxboro_container div#foxboro_content h4 {
    font-size:1em;
}
div#foxboro_container div#foxboro_content p {
    font-size:1em;
    line-height: 110%;
}
div#foxboro_content div#foxboro_col2 ul {
    margin-left: 30px;
}
div#foxboro_content div#foxboro_col2 ul li {
    color: #6d6d69;
}

hr {
    border: 0;
    width: 100%;
    height: 1px;
    color:#ff6600;
    background-color: #ff6600;
    margin-bottom: 15px;  
}



/*  ------  HEADER AREA STYLES  ---------- */

#foxboro_header {
    width: 1180px;
    margin: 0 auto;
    margin-top: -90px!important;


}

#foxboro_header span.logo {
    padding-left: 0px;
}


#foxboro_courtesy_links {
 width:1180px !important;
 background-position:center top !important;
 background-repeat:no-repeat !important;
 float:none;
 margin:30px auto 0;
}

#foxboro_courtesy_links a {
    font-size:  .95em;
    padding:3px 10px 0 10px;
    font-family: Helvetica, sans-serif;
    font-weight: normal!important;  
}

#foxboro_courtesy_links a:hover {
    color: #e65317;
}

#foxboro_courtesy_links a:active {
    color: #e65317;
}

td.courtesy a{
    padding:0 2px 0 0 !important;
}

/*  ---------  MENU AREA STYLES ---------- */

div#foxboro_menu {
    width: 1180px;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 0px;
    border-top: 1px solid #00467f;
   

}
#foxboro_header span.logo a {
    width: 211px;
}
div#foxboro_menu div.radmenu {
    text-align: left;
    width: 100%;
}
div#foxboro_menu div.radmenu ul.horizontal {
    display:table;
    float:right!important;
    padding-left: 1px!important;
    padding-right:10px;
}
div#foxboro_menu ul.horizontal li.item a.link span.text { 
    line-height: 25px;
    font-size:  .85em;
    text-align: center;
    padding:0 23px 0 0;
    font-family: Helvetica, sans-serif;
    font-weight: normal!important;
/*  --------- text-transform: uppercase;---------- */
   
}
div#foxboro_menu ul.horizontal li.last a.link span.text {
    padding-right: 0!important;
} 
div#foxboro_menu div.NavHidden ul.horizontal li.item a.link:hover {
    background: none!important;
}

/*  -----------  SUB MENU AREA STYLES ----------------- */

div#foxboro_menu ul.vertical {
    margin-left: 1px;
    border-left:none;
    padding-bottom: 10px;
    margin-top: 0px;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.8);
}

div#foxboro_menu ul.vertical li.item a.link {
    border-bottom: 1px solid #F7AB71;
    margin: 0 5px;
}
div#foxboro_menu ul.vertical li.last a.link {
    border-bottom: none;
    line-height: 25px !important;
}
div#foxboro_menu ul.vertical li.item a.link span.text  {
    line-height: 25px;
    font-size:  .85em;
    font-weight: normal;
    text-align: center;
    padding: 0px 0px;

} 
div#foxboro_menu ul.vertical li.last a.link span.text {
    padding-right: 15px!important;
    line-height: 25px !important;
}
#foxboro_menu ul.group.level2 {
    margin-left:0;
    background-color: rgb(221, 221, 221)!important;
    background-color: rgba(221, 221, 221, 0.8)!important;
    margin-top: 0!important;
}

/*  ------------------  LAYOUT STYLES ------------------- */

div#foxboro_top {
    width: 100%;
    margin: -0px auto 20px !important;
    padding-top: 0px;
    background: #00467F;
    text-align: center;
    
}

#foxboro_top img {
    margin: 0 auto !important;

}


#foxboro_content div.block {
    margin-bottom: 2px!important;
}
/*  -------------  1 COLUMN STYLES  -------------- */

div#foxboro_one-column {
    width: 980px!important;
    float: right;
}
div#foxboro_one-column div.pad {
    padding-left: 0!important;    
    padding-right: 0!important;
}
#foxboro_col1 div.pad, #foxboro_col2 div.pad, #foxboro_col3 div.pad {
    padding-bottom: 15px;
}

/*  -------------  2 COLUMN STYLES -------------- */

#foxboro_content div#foxboro_two-column #foxboro_col2 div.pad {
    padding-right: 0!important;
}
#foxboro_content div#foxboro_two-column #foxboro_col1 div.block div.pad {
    margin-left: 0!important;
    padding-left: 0!important;
}

/*  -------------  2 COLUMN-RIGHT STYLES -------------- */

#foxboro_content div#foxboro_two-column-right #foxboro_col2 div.pad {
    padding-left: 0!important;

}
#foxboro_content div#foxboro_two-column-right #foxboro_col3 div.block div.pad {
    margin-right: 0!important;
    padding-right: 0!important;
    
}

/*  -------------  2 COLUMN-EQUAL STYLES -------------- */

#foxboro_two-eq-column #foxboro_col1 {
    width: 50.0%;
    margin-left: 0!important;
   
}
#foxboro_two-eq-column #foxboro_col3 {
    width: 50.0%;
    
}

/*  -------------  3 COLUMN STYLES -------------- */

#foxboro_content div#foxboro_three-column #foxboro_col1 div.block div.pad {
    margin-left: 0!important;
    padding-left: 0!important;
}
#foxboro_content div#foxboro_three-column #foxboro_col3 div.block div.pad {
    margin-right: 0!important;
    padding-right: 0!important;
}

/*  -------------  3 COLUMN-EQUAL STYLES -------------- */


/*  -------------  FOOTER STYLES  -------------- */

#foxboro_footer {
    padding-bottom: 5px;
    text-align: right!important;
    position: relative;
    width: 980px!important;
    margin: 0 auto !important;
    height: 100px;

    color: #00467f !important;
}
#foxboro_footer div.clear {
    display:none;
}
span#footerContainer {
    float: right!important;
    width: 282px;
}
span#footerContainer h5 {
    margin: 10px 0!important;
}
#foxboro_footer p.copyright {
    display:none;
    float: right!important;
    width: 282px;
    font-weight: bold;
    font-size: 9px;
    margin-right: 0px;
}
/*  -------------  FORM STYLES  -------------- */

div.ContactFormWrapper div.ContactFormItem {
    margin-top: 5px;
}
div.ContactFormWrapper div.ContactFormItem div.AutoFormLabel {
    margin-bottom: 10px;
}
img#triangle {
    margin-right: 65px;
}

/*  -------------  BANNER IMAGE ROTATOR  -------------- */

div#bannerwrap {
    position:relative;
/* any other margins or paddings here. This div encloses the banner and it's controls */
}
div#bannerwrap div.banner{
    height: 204px;
    width: 693px;
    position:relative;
}
div#bannerwrap div.banner > a, div#bannerwrap div.banner > div, div#bannerwrap div.banner > img{
    height: 204px;
    width: 693px;
    position:absolute;
    top:0px;
    left:0px;
}

/*  -------------  TABLES  -------------- */

/*  -------  WORK TABLE  ------- */

table.banner-hover {
    background: #ffffff;
}
table.banner-hover td.top {
    padding-bottom: 3px;
}
table.banner-hover td.left {
    padding-right: 3px;
}
table.banner-hover td.right {
    padding-left: 3px;
}
table.banner-hover td a:hover img {
    opacity:.5;
    filter:alpha(opacity=50); /* For IE8 and earlier */
}
div.hide-text {
    position: relative;
}
div.hide-text div{
    display: none;
    position: absolute;
    bottom: 0px;
    left: 15px;
} 
div.hide-text:hover div {
    display: block;
    color: #00467F;
    font-size: 11px;
} 
/*  -------  TEAM TABLE  ------- */

table.team-hover {
    background: #ffffff;
}
table.team-hover td.top {
    padding: 0 1px 2px 1px;
}
table.team-hover td.bottom {
    padding: 0 1px 0 1px!important;
}
table.team-hover td.bottomleft {
    padding: 0 1px 0 0!important;
}
table.team-hover td.bottomright {
    padding: 0 0 0 1px!important;
}
table.team-hover td.left {
    padding: 0 1px 2px 0;
}
table.team-hover td.right {
    padding: 0 0 2px 1px!important;
}
table.team-hover td a:hover img {
    opacity:.5;
    filter:alpha(opacity=50); /* For IE8 and earlier */
}
table.team-hover td.blue {
    background: #00467F;
}
div.teamhide-text {
    position: relative;
}
div.teamhide-text div{
    display: none;
    position: absolute;
    bottom: 0px;
    left: 15px;
} 
div.teamhide-text:hover div {
    display: block;
    color: #00467F;
    font-size: 11px;
} 

/*  -------  IMAGE GALLERIES  ------- */

.galleria-thumbnails-container,
.galleria-info-link  {
  display:none;
}
.galleria-container,
div.galleria-images,
div.galleria-image,
.galleria-stage,
div.galleria-image img {
  width: 693px!important;
  height: 200px!important;
  margin: 0 auto !important;
 float: none;
background: #A9B6C2!important;
}
.galleria-stage {
  position: absolute;
  top:0!important;
  left:0!important;
}
div.galleria-image-nav-right {
  background: url(template/gallery-arrow-next.png) right center no-repeat;
  position: absolute;
width: 347px!important;
height: 200px!important;
  right: 0px;
  top: -38px;
}
div.galleria-image-nav-left {
  background: url(template/gallery-arrow-previous.png) left center no-repeat;
  position: absolute;
width: 346px!important;
height: 200px!important;
  left: 0px;
  top: -38px;
}

a.fm_button {width: 30px!important; height: 30px!important;}
a.fm_button span {width: 30px!important; height: 30px!important; background-size: contain!important;}


/* -- Fake Sidemenu nav -- */

#foxboro_content #foxboro_col1 div.block div.pad, 
#foxboro_content #foxboro_col3 div.block div.pad {
    display:block;
    background-color: #ffffff !important;
}

#foxboro_content #foxboro_col1 div.block ul,
#foxboro_content #foxboro_col3 div.block ul{
    border-top: 1px solid #ff6600;
    list-style-type: none !important;
    margin-left: 0px !important;
    padding-top:4px !important;
    width: 180px !important;
    margin-bottom: 12px;
}

#foxboro_content #foxboro_col1 div.block li,
#foxboro_content #foxboro_col3 div.block li {
display:block !important;
    position: static;
    white-space: normal;
    padding:6px 0 6px 0px !important;
    text-decoration: none !important;
    border-bottom: 1px solid #ff6600;
    color:#666666;
}


#foxboro_content #foxboro_col1 div.block li a,
#foxboro_content #foxboro_col3 div.block li a {
    display:block !important;
    position: static;
    white-space: normal;
    padding:0px 0 0px 0px !important;
    text-decoration: none !important;
    color:#00467f;
}

#foxboro_content #foxboro_col1 div.block a{
    white-space: normal;
    padding:0 0 0 20px !important;
    text-decoration: none !important;
    color:#666666;
}

#foxboro_content #foxboro_col1 div.block a:hover{
    color:#ff6600;
}

#foxboro_content #foxboro_col1 div.block li a:link, 
#foxboro_content #foxboro_col3 div.block li a:link {
    color:#00467f;
    text-decoration: none !important;
}
#foxboro_content #foxboro_col1 div.block li a:hover, 
#foxboro_content #foxboro_col3 div.block li a:hover {
    color:#ff6600;
}
#foxboro_content #foxboro_col1 div.block li a:active,
#foxboro_content #foxboro_col3 div.block li a:active {
    color:#ff6600;
}

/**************** Media Styles ********************/

 @media screen and (max-width: 1500px) {
   
.header-container-wrapper, .body-container-wrapper, .footer-container-wrapper {
    padding-right: 10px;
    padding-left: 10px;
   } 
     
  .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    max-width: 100%;  
} 

#foxboro_header {
    width: 95% !important;
}


#foxboro_courtesy_links {
    width: 95% !important;
}


div#foxboro_menu {
    width: 95% !important;
} 

#foxboro_menu ul li{
padding-left: 0px;
font-size: 13px;
}
.nivoSlider {
	width:95%!important;
}

div#foxboro_one-column, div#foxboro_two-column, div#foxboro_two-column-right, div#foxboro_three-column, div#foxboro_two-eq-column {

    width: 95%!important;
}


}

