/* ORGANIZATIONAL CHART - Best Work
1. General Styles
2. Main Textual Styles
2a. Specialty Fonts
3. Header
3a. Banner and PreContent
4. Content
4a. Inner Page-Specific styles
5. PreFooter and Footer
*/

/* To navigate inside this document:
- Highlight the line of the section you want to navigate to and copy it (CTRL+C).
- Press CTRL+F to bring up the search sub-menu.
- Paste (CTRL+V) the "Section Code" and press ENTER twice. */

/* - Google Font Calls - */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700);

/* -------------------------------------------------------- 1. General Styles */
.strong{ font-weight:bold;}
.colorNormal{color:#333;}
.colorLight{ color:#CBCBCB;}
.colorTitle{ color:#333;}
.fontNormal{ font-size:12px;}
.fontNormalM{ font-size:14px;}
.fontMedium{ font-size:18px;}
.fontLarge{ font-size:24px;}
.fontXLarge{ font-size:30px;}
.content a{/* CMS_HIDE */ color:#666666; text-decoration:none;}

.silver{ color:#999999;}
.gray{color:#636363}
.blue{color:#005A7E}
.black{color:#393939;}
.orange{ color:#CC4B0F;}

.bgColor1{ background-color:#000;}
.bgColor2{ background-color:#E5E4E4;}
.bgColor3{ background-color:#EEEEEE}

.fontColor1{ color:#000;}
.fontColor2{ color:#656565;}
.fontColor3{ color:#FFF;}
.fontColor4{ color:#393939;}

.noSpace{padding-top:0;}

/* -------------------------------------------------------- 2. Main Textual Styles */
/* Any padding or margin changes here may break the Spacing Engine */
p{ 
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#656565;
  font-weight:300;
  font-style:normal;
  }
ul, ol{
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#656565;
  font-weight:300;
  padding:0px;
  }
  ul ul, ol ol { /* CMS_HIDE */ font-size:13px;}
ul ul ul, ol ol ol{/* CMS_HIDE */ font-size:12px;}

h1{
  margin:0;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  color:#292929;
  font-size:36px !important;
  font-weight:400;
  font-style:normal;
}

h2{
  margin:0;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  /* Change the color in the declaration below */
  font-size:24px !important;
  font-weight:400;
  font-style:normal;
}
h2, div.sitemap-col a{
  color:#555555;
  /* DO NOT ADD OTHER ATTRIBUTES - ONLY CHANGE COLOR
  this style changes the color for several items so they all match */
}
h3{
font-size:21px;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight:400;
}
h4{
font-size:18px;
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-weight:400;
}
h5{
font-size:18px;
}
h6{
font-size:16px;
}
hr{/* CMS_HIDE */ 
border:none; 
height:1px; 
background:#cccccc; /* color of hr */
}
a{
color:#333333;
text-decoration:none;
}
a:hover{
color:#000000;
text-decoration:none;
}
h1 a{}
h2 a{}
h3 a{}
h4 a{}
h5 a{}
h6 a{}
.sidebar p{}
/* -------------------------------- 2a. Specialty Fonts - */


/* -------------------------------------------------------- 3. Header */
body{ 
font: 100% Arial, Helvetica, sans-serif; 
}
#header{
text-align:left;
}
.headerTop{ /* CMS_HIDE */ 
color:#333;
}
.headerWidgetBar{ /* CMS_HIDE */ 
color:#CBCBCB;
}
.headerWidgetBar a{ 
height:17px; 
text-decoration:none; 
vertical-align:top; 
color:#656565;
}
.headerNavigation > li > a,
h4#mobile_menu_title{ 
color:#000000; 
text-decoration:none; 
font-weight:bold; 
/* links in header navigation */
}
.headerNavigation > li:hover > a, .headerNavigation > li > a:hover, .headerNavigation > li > a.active{ 
background:url('../images/backgrounds/menuHover.png') repeat-x; 
color:#ffffff;
/* active and hover states on links in header navigation */
}
.headerNavigation > li > ul{ 
background:#000; 
width:190px; 
padding:5px; 
/* sublevel navigation in header navigation */
}
.headerNavigation > li > ul > li > a{ 
color:#FFF; 
text-decoration:none; 
/* sublevel links in header navigation */
}
.headerNavigation > li > ul > li > a:hover{ 
background:#333; 
/* hover states on sublevel links in header navigation */
}

.headerTopCol { /* CMS_HIDE */ 
padding:0; 
border-left:1px solid #484848; 
padding:0 0 0 50px; 
min-height:35px;
}
.headerTopColMid {  /* CMS_HIDE */ 
padding-right:40px; 
padding-top:15px;
}

.headerTopCol p{
padding-bottom:0px;
}
#header p{
font-size:12px; 
margin:0; 
line-height:18px; 
padding-top:0px;
}

.headerRightContent{ /* CMS_HIDE */ 
text-align:left;
}
#header .headerRightContent p{ 
font-size:18px; 
color:#999999;
}
#header .headerRightContent p span.phone{
color:#ffffff;
}

/* For adjusting the Skype Phone Number */
@media screen{
.headerTopCol h2  span.skype_pnh_text_span{ font-size:.7em !important;}
}

/* -------------------------------- 3a. Banner and PreContent - */
.bannerTitle h2{ 
font-size:40px; 
color:#333333; 
line-height:1.2; 
font-weight:normal;
}
.bannerText h3{ 
font-size:14px; 
color:#333333; 
font-family:Arial; 
padding:0 0 10px;
}
.bannerText p{ 
margin:0; 
padding:0; 
font-size:14px; 
color:#333333; 
line-height:1.4;
}
.breadcrumbs{/* CMS_HIDE */ 
font-size:12px; 
color:#000000;
}
.breadcrumbs a{/* CMS_HIDE */ 
color:#666666; 
text-decoration:none;
}
.breadcrumbs a:hover{/* CMS_HIDE */ 
color:#000000; 
text-decoration:underline;
}

h1.pagetitle{ /* CMS_HIDE */ 
  margin:0;
  font-family: Arial, Helvetica, sans-serif;
  font-size:36px !important;
  color:#000000;
  font-weight:bold;
  font-style:normal;
  padding-top: 20px !important;
  padding-bottom: 28px;
}

/* Precontent tri-panel.  HTML Not native!!  Can be cut-and-paste from other installs. */
.contentTopContainerBox{/* CMS_HIDE */ background:#F5F5F5;}
.contentIcon{ /* CMS_HIDE */ margin:0 15px 0 0;}
.iconTitle{ /* CMS_HIDE */ font-weight:normal; padding:10px 0 0 0;}
.contentTopContainerBox p, .contentTopContainerBoxLast p{ margin-left:15px;}
.line{ /* CMS_HIDE */ text-align:center;}
.contentTopContainerBox h2{ font-weight:normal; padding:0 0 10px;}
.contentTopContainerBox p{ font-size:12px; padding:0;}
.contentTopContainerBox a, .contentTopContainerBoxLast a{ text-decoration:none; color:#FFF; background:#CC4B0F; display:block; padding:5px 10px;}
.contentTopContainerBox a:hover{ background:#000;}


#widgetBar ul a {
border-left: 1px solid #666666;
color:#666666;
font-size:12px;
text-decoration:none;
/* bookmark-email-print */
}
#widgetBar ul a:hover{
color:#000000;
text-decoration:underline;
}

/* -------------------------------------------------------- 4. Content */
.innerBg{ /* CMS_HIDE */ 
background:url('../images/innerTitleBg.jpg') top center no-repeat;
}
.contentMain{ /* CMS_HIDE */ 
width:640px;
}
.innerTitle{ /* CMS_HIDE */ 
line-height:76px; 
height:76px;
}
.bulleted{ /* CMS_HIDE */ 
margin:0; 
padding:0; 
list-style:none; 
}
.bulleted li{ 
background:url('../images/bullet.png') no-repeat center left; 
padding:0 0 0 15px;
}
.pictureVideoLink{ /* CMS_HIDE */ 
margin:0 0 0 10px; 
width:250px;
}
.quote{ /* CMS_HIDE */ 
background:url('../images/quote.png') no-repeat left top; 
text-indent:30px; 
padding-top:5px; 
margin:-5px 0 0 0;
}

/* Widget Over-rides */
.directionsSearch .directionsGet{ /* CMS_HIDE */ 
background:url('../images/buttons/get-directions.png') no-repeat left top;
width:124px;
height:27px;
}
.career_categories_container h3.careercategory, .faq_categories_container h3.faqcategory{
color:#666666;
}
.career_categories_container h3.careercategory.selected, .faq_categories_container h3.faqcategory.selected{
color:#000000;
}
.career_categories_container h3.careercategory:hover, .faq_categories_container h3.faqcategory:hover{
color:#000000;
}
/* ----------------------------------- 4a. Inner Page-Specific styles */


/* -------------------------------------------------------- 5. PreFooter and Footer */
#prefooter{ 
background:#E6E6E6;/* color */ 

}

#footer{
border-top:1px solid #d6d6d6; 
}


ul.prefooterNav{ /* CMS_HIDE */ 
padding-top:0px;
}
.prefooterNav li{ /* CMS_HIDE */ 
list-style-type:none;
}
.prefooterNav  li a{  /* CMS_HIDE */ 
font-weight:bold; 
font-size:14px; 
padding:0 0 10px 0; 
color:#555555; 
text-decoration:none;
display:block;
}
.component.prefooterNav .quadCol ul{ /* CMS_HIDE */ 
padding:0;margin:0;
}
.prefooterNav li li a{  /* CMS_HIDE */ 
color:#555555;
font-weight:normal;
font-size:12px; 
text-decoration:none;
padding:0 0 5px 0;
}
.prefooterNav li div.social{ /* CMS_HIDE */ 
padding-top:5px;
}
.prefooterNav li div.social a{ /* CMS_HIDE */ 
display:inline;
}

.prefooter h6 + h6{
padding-top:0px;
}
.lineHeightNormal p{ 
line-height:normal;
}
.footerNavigation a, .footerNavigation a{ 
color:#656565; 
}
.powered p{ 
font-style:italic;  
font-weight:bold; 
padding:0;
}
.footerNavigation > li{ 
border-left:1px solid #999999;
}
.footerNavigation a{ 
color:#838383;
font-weight:bold;
}
.footerNavigation a{ 
color:#838383;
font-weight:normal;
}
div.seofooter p{
color:#b3b3b3;
line-height:1.3;
}

.footer .seofooter{/* CMS_HIDE */
text-align:center;
color:#CBCBCB; 
}