/* Layout
 * ------
 * Using a negative margin technique, adapted from ZEN. The page is loaded by this order:
 *
 * 1. Header
 * 2. Content
 * 3. Navigation menus
 * 4. Sidebar Left
 * 5. Sideabr Right */
/* remove 'auto' and the width to switch to a fluid width */
/* line 16, ../sass/layout.sass */
#page {
  min-width: 1200px;
}

#header {
  background: url('/sites/all/themes/basic/images/header-repeat.png') repeat-x;
  height: 392px;
  position: relative;
}
#header-region {
  width: 1200px;
  margin: 0 auto;
  height: 392px;
  background: url('/sites/all/themes/basic/images/header.png') no-repeat;
}
#main {
  margin: -46px 0 0 0;
  padding: 156px 0 0 0;
  background: url('/sites/all/themes/basic/images/content.png') repeat;
}
#main-wrapper {
  background: url('/sites/all/themes/basic/images/content-top.png') repeat-x;
}
#main-layout {
  width: 1092px;
  margin: 0 auto;
  padding: 40px 0 0 0;
}
/* Layout rules. (Disclaimer: do not change if you're not sure you know what you're doing.) */
/* line 21, ../sass/layout.sass */
#content {
  float: left;
  width: 100%;
  margin-right: -100%;
  padding: 0;
}

/* line 27, ../sass/layout.sass */
.sidebar {
  float: left;
}

/* line 30, ../sass/layout.sass */
#sidebar-second {
  float: right;
}

/* line 33, ../sass/layout.sass */
#footer {
  float: none;
  clear: both;
  background-color: #878787;
  padding: 20px 0;
}
#footer-wrapper {
  padding: 20px 0;
  width: 1092px;
  margin: 0 auto;
  background-color: #efefef;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  position: relative;
}

/* Layout Helpers */
/* line 38, ../sass/layout.sass */
#header,
#footer,
.mission,
.breadcrumb,
.node {
  clear: both;
}

/* Sidebars width
 * --------------
 * Changing the width of the sidebars is dead easy, just change the
 * values below corresponding to the sidebar you want to modify.
 * Make sure you keep negative values as negative values.
 * For example, if I want to increase the width of the left sidebar
 * to 300px, I would have to change each '190' to '300'. */
/* line 56, ../sass/layout.sass */
.two-sidebars .center,
.sidebar-left .center {
  margin-left: 190px;
}

/* line 60, ../sass/layout.sass */
#sidebar-first {
  width: 190px;
  margin-right: -190px;
}

/* line 66, ../sass/layout.sass */
.two-sidebars .center,
.sidebar-right .center {
  margin-right: 200px;
}

/* line 70, ../sass/layout.sass */
#sidebar-second {
  width: 200px;
}

/* Columns Inner
 * -------------
 * You can change the padding inside the columns without changing the
 * width of them by just usinbg the INNER div of each column */
/* line 77, ../sass/layout.sass */
.inner {
  padding: 0;
}

/* Navigation styles
 * -----------------
 * The navigation is loaded after the content, so we need to make space
 * for it, equal to its height, so if you change the height of the navigation,
 * remember to adapt the margin top of the content and sidebars. */
/* line 85, ../sass/layout.sass */
#navigation {
  float: left;
  margin-left: 0;
  margin-right: -100%;
  padding: 0;
  width: 100%;
  height: 40px;
}

/* line 95, ../sass/layout.sass */
.with-navigation #content,
.with-navigation .sidebar {
  margin-top: 40px;
}
.separator-small {
  height: 1px;
  clear: both;
}

/*
    HEADER
*/
#block-locale-0 {
  width: 1092px;
  margin: 0 auto;
}
#block-locale-0 ul {
  margin: 0;
  padding: 0;
}
#block-locale-0 ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}
#block-locale-0 ul li a {
  font-family: Arial;
  font-size: 14px;
  color: #000000;
  text-decoration: underline;
}
#block-locale-0 ul li a:hover {
  text-decoration: none;
}
#block-menu-primary-links {
  width: 1090px;
  height: 51px;
  background: url('/sites/all/themes/basic/images/menu-bg.png') repeat-x;
  border: thin solid #ebebeb;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  position: absolute;
  bottom: -40px;
  margin: 0 0 0 54px;
  z-index: 100;
}
#block-menu-primary-links div.content {
  display: block;
  text-align: center;
  padding: 7px 0 0 0;
}
#block-menu-primary-links div.content > ul {
  display: inline-block;
  padding: 0;
  margin: 0;
}
#block-menu-primary-links ul li {
  margin: 0;
  padding: 8px 23px 0 23px;
  height: 29px;
  list-style: none;
  float: left;
  background: url('/sites/all/themes/basic/images/menu-item.png') repeat-x;
  border-right: thin solid #ffffff;
  border-left: thin solid #ffffff;
}
#block-menu-primary-links div.content > ul > li {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
#block-menu-primary-links div.content > ul > li.expanded:hover {
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
#block-menu-primary-links ul li:hover, #block-menu-primary-links ul li.active-trail {
  background: url('/sites/all/themes/basic/images/menu-item-hover.png') repeat-x;
}
#block-menu-primary-links ul li:hover ul {
  display: block;
}
#block-menu-primary-links ul li ul {
  position: absolute;
  display: none;
  margin: 0 0 0 -24px;
  padding: 9px 0 0 0;
}
#block-menu-primary-links ul li ul li {
  float: none;
  margin: -1px 0 0 0;
  min-width: 95%;
}
#block-menu-primary-links ul li ul li.last {
  -webkit-border-bottom-right-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  -moz-border-radius-bottomleft: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}
#block-menu-primary-links ul li a, #block-menu-primary-links ul li span {
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  color: #fffefe;
  text-decoration: none;
cursor:pointer;
}
#block-block-1, #block-block-2 {
  background: url('/sites/all/themes/basic/images/contact-bg.png') bottom repeat-x;
  padding: 26px 0 0 0;
  width: 1092px;
  height: 58px;
  margin: 15px auto 0 auto;
  border: thin solid #ffffff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
#block-block-1 div.text, #block-block-2 div.text {
  padding: 8px 0 0 0;
  margin: 0 0 0 20px;
  float: left;
}
#block-block-1 div.text span.big, #block-block-2 div.text span.big {
  font-family: Arial;
  color: #878787;
  font-size: 24px;
}
#block-block-1 div.text span.color, #block-block-2 div.text span.color {
  color: #0084d8;
  font-size: 24px;
}
#block-block-1 div.text span.small, #block-block-2 div.text span.small {
  font-family: Arial;
  font-size: 14px;
  color: #878787;
}
#block-block-1 div.phone, #block-block-2 div.phone {
  padding: 0 0 10px 0;
  float: right;
  font-family: Arial;
  font-size: 27px;
  color: #878787;
  background: url('/sites/all/themes/basic/images/contact-line.png') bottom repeat-x;
}
#block-block-1 div.phone div.icon-layout, #block-block-2 div.phone div.icon-layout {
  height: 21px;
  background: url('/sites/all/themes/basic/images/phone.png') no-repeat;
  padding: 5px 0 0 35px;
}
#block-block-1 div.mail, #block-block-2 div.mail {
  margin: 0 20px 0 20px;
  padding: 5px 0 10px 0;
  float: right;
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  color: #878787;
  background: url('/sites/all/themes/basic/images/contact-line.png') bottom repeat-x;
}
#block-block-1 div.mail div.icon-layout, #block-block-2 div.mail div.icon-layout {
  background: url('/sites/all/themes/basic/images/mail.png') no-repeat;
  padding: 0 0 0 35px;
}
#block-block-13, #block-block-14 {
  position: absolute;
  bottom: -140px;
  width: 1200px;
  text-align: center;
}


/*
    SIDEBAR
*/
#block-views-news-block_1, #block-views-news-block_2 {
  margin: 0 0 30px 0;
}
#block-views-news-block_1 .content, #block-views-news-block_2 .content {
  background-color: #ffffff;
}
#block-views-news-block_1 div.title, #block-views-news-block_2 div.title {
  background: url('/sites/all/themes/basic/images/news-block-title.png') repeat-x;
  font-family: Arial;
  font-size: 18px;
  color: #ffffff;
  height: 35px;
  padding: 16px 0 0 15px;
  border: thin solid #ffffff;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#block-views-news-block_1 .news-block-main, #block-views-news-block_2 .news-block-main {
  border-bottom: thin solid #0080d1;
  border-left: thin solid #0080d1;
  border-right: thin solid #0080d1;
  background: url('/sites/all/themes/basic/images/news-block-content.png') top repeat-x;
}
#block-views-news-block_1 .news-block-item, #block-views-news-block_2 .news-block-item {
  margin: 0 0 15px 0;
  padding: 0 15px;
}
#block-views-news-block_1 .news-block-content-title a, #block-views-news-block_2 .news-block-content-title a {
  font-family: Arial;
  font-size: 12px;
  color: #212121;
  text-decoration: underline;
}
#block-views-news-block_1 .news-block-content-title a:hover, #block-views-news-block_2 .news-block-content-title a:hover {
  text-decoration: none;
}



/*
    CONTENT
*/
#content-inner {
  padding: 0 15px;
  min-height: 300px;
}
#content div.title {
  font-family: Arial;
  font-size: 18px;
  color: #878787;
  margin: 0 0 20px 0;
}
#content div.node {
  font-family: Arial;
  font-size: 14px;
}
#content div.node a {
  font-family: Arial;
  font-size: 14px;
  color: #878787;
  text-decoration: underline;
}
#content div.node a:hover {
  text-decoration: none;
}
#content div.news-block-main p {
  margin: 0;
}
#content .news-block-item {
  margin: 0 0 20px 0;
}
.gallery-page-item {
  float: left;
  margin: 0 10px 8px 0;
  width: 200px;
  text-align: center;
}
.view-sitemap ul li a {
  font-family: Arial;
  font-size: 14px;
  color: #878787;
  text-decoration: underline;
}
.view-sitemap ul li a:hover {
  text-decoration: none;
}


/*
    FOOTER
*/
#block-block-3, #block-block-9 {
  float: left;
  margin: 0 25px;
  text-align: right;
}
#block-block-3 p, #block-block-9 p {
  margin: 0;
}
#block-block-5, #block-block-11 {
  float: left;
  padding: 0 25px;
  height: 110px;
  border-right: thin solid #dddddd;
}
#block-block-5 p, #block-block-11 p {
  margin: 0;
}
#block-block-5 table tbody, #block-block-11 table tbody {
  border: none;
}
#block-block-5 table tr td:first-child, #block-block-11 table tr td:first-child {
  width: 80px;
}
#block-block-5 table tr td:last-child, #block-block-11 table tr td:last-child {
  width: 320px;
}
#block-block-4, #block-block-10 {
  float: left;
  height: 110px;
  border-right: thin solid #dddddd;
  border-left: thin solid #dddddd;
}
#block-block-4 div.map, #block-block-4 div.sitemap, #block-block-10 div.map, #block-block-10 div.sitemap {
  margin: 23px 25px 0 25px;
  background: url('/sites/all/themes/basic/images/links-arrow.png') 0 4px no-repeat;
  padding: 0 0 0 20px;
}
#block-block-4 div.map a, #block-block-4 div.sitemap a, #block-block-10 div.map a, #block-block-10 div.sitemap a {
  font-family: Arial;
  color: 12px;
  color: #878787;
  text-decoration: underline;
}
#block-block-4 div.map a:hover, #block-block-4 div.sitemap a:hover, #block-block-10 div.map a:hover, #block-block-10 div.sitemap a:hover {
  text-decoration: none;
}
#block-service_links-service_links_not_node, #block-service_links-service_links {
  float: right;
  margin: 0 45px 30px 0;
  padding: 10px 0 0 0;
}
#block-block-6, #block-block-12 {
  margin: 0 45px 0 0;
  clear: right;
  float: right;
  text-align: center;
}
#block-block-6 .content, #block-block-12 .content {
  font-family: Arial;
  font-size: 12px;
  color: #878787;
}
#block-block-6 .content a, #block-block-12 .content a {
  font-family: Arial;
  font-size: 12px;
  color: #878787;
  font-weight: bold;
  text-decoration: underline;
}
#block-block-6 .content a:hover, #block-block-12 .content a:hover {
  text-decoration: none;
}
#block-block-7 {
  position: absolute;
  left: -45px;
  bottom: -15px;
}