/* 
Color Translations
PMS 202U = 996666
PMS 425C = 666666 [using 222222 for body text instead]
PMS 202C = 993333 
PMS 2746C = 333399
*/

/* BASE CSS SETTINGS -- ASSUMES YUI RESET HAS BEEN INCLUDED FIRST */

body {
font-family: arial, helvetica, sans-serif;
}
h1 {
font-weight: bold;
font-size: 14pt;
color: #993333;
line-height: 150%;
}
h2 {
/*16px via YUI Fonts CSS foundation*/
font-size:123.1%;
}
h3 {
/*14px via YUI Fonts CSS foundation*/
font-size:108%;
}
h1,h2,h3 {
/* top & bottom margin based on font size */
margin:0 0 1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
/*bringing boldness back to headers and the strong element*/
font-weight:bold;
}
abbr,acronym {
/*indicating to users that more info is available */
border-bottom:1px dotted #000;
cursor: help;
}
em {
/*bringing italics back to the em element*/
font-style:italic;
}
blockquote,ul,ol,dl {
/*giving blockquotes and lists room to breath*/
margin: 0.5em 1em;
}
ol,ul,dl {
/*bringing lists on to the page with breathing room */
margin-left:2em;
}
ol li {
/*giving OL's LIs generated numbers*/
list-style: decimal outside;
}
ul li {
list-style-type: none;
}
dl dd {
/*giving UL's LIs generated numbers*/
margin-left:1em;
}
th,td {
/*borders and padding to make the table readable*/
border:1px solid #000;
padding: .5em;
}
th {
/*distinguishing table headers from data cells*/
font-weight:bold;
text-align: center;
}
caption {
/*coordinated marking to match cell's padding*/
margin-bottom:.5em;
/*centered so it doesn't blend in to other content*/
text-align:center;
}
p,fieldset,table {
/*so things don't run into each other*/
margin-bottom:1em;
}
a {
color: #0000BB;
text-decoration: none;
}
a:link {
color: #0000BB;
}
a:visited {
color: #0000BB;
}
a:hover {
text-decoration: underline;
}
a:active {
}

/************** Page Structure **************/

html {
background-color: #333333;
}
#doc {           /* 800 pixels wide and centered per YUI grids */
margin-auto;text-align:left;  /* don't change, per YUI specs */
width: 61.54em;
*width: 60em;
}
.main_body {
width: 800px;
background-color: #CCCCCC; 
background-repeat: no-repeat;
padding-top: 182px;
}
.home_body {
padding-top: 0;
}
.content_body_text {
font-weight: normal;
font-size: 9pt;
color: #222222;
line-height: 150%;
letter-spacing: normal;
margin: 0 90px;
padding: 35px 0 0 0;
}
.content_body_text_breadcrumbs {
font-weight: normal;
font-size: 9pt;
color: #222222;
line-height: 150%;
letter-spacing: normal;
margin: 0 90px;
padding: 20px 0;
}
.content_updates_text {
font-weight: normal;
font-size: 9pt;
color: #222222;
line-height: 120%;
letter-spacing: normal;
border-width:0px;
border:solid 0px;
border: none;
vertical-align:top;
}
/*********** Top of Page Backgrounds *********/

#about_page_header {
  background-image: url('/masthead.jpg'); 
}
#logo_page_header {
  background-image: url('/masthead_noimg.jpg'); 
}
#services_page_header  {
  background-image: url('/masthead_services.jpg'); 
}
#faq_page_header  {
  background-image: url('/masthead_services.jpg'); 
}
#mgmt_page_header  {
  background-image: url('/masthead-mgmt.jpg'); 
}

#home_background {
  background-image: url('/background_home.jpg'); 
  background-repeat:repeat;
}

/************ Content Area Backgrounds *************/

.links_background {
  background-image: url('/footer_img2.jpg');
  background-repeat: repeat;
}
.faqs_background {
  background-image: url('/footer_img_faq2.jpg');
  background-repeat: repeat;
}
.bottom_banner {
 background-color: #333333; 
 height:30px;
}
.mgmt_page_bottom  {
  background-image: url('/bottom-mgmt.jpg'); 
  background-repeat:no-repeat;
  background-position:bottom;
}
.services_permit_background {
  background-image: url('/beams.jpg');
  background-repeat:no-repeat;
 /* background-position: bottom; */

}

/******** Misc Styles ********/          
                  
.content_header_white {
font-weight: normal;
font-size: 12pt;
color: #FFFFFF;
line-height: 150%;
}
.content_header_gray {
font-weight: normal;
font-size: 14pt;
color: #333333;
line-height: 190%;
}
.content_body_text_reducedLeading {
font-family: arial;
font-weight: normal;
font-size: 9pt;
color: #222222;
line-height: normal;
letter-spacing: normal;
}
.content_header_text_smaller {
font-weight: bold;
font-size: 12pt;
color: #993333;
line-height: 150%;
}


/********* Utility Nav (top right) *********/

.top_nav {
color: #FFFFFF;
font-size: 9.84pt;
font-weight: normal;
text-decoration: none;
}
.top_nav:link {
color: #808185;
}
.top_nav:visited {
color: #808185;
}
.top_nav:hover {
color: #993333;
}
.top_nav:active {
color: #808185;
}
.top_nav_selected {
color: #fff !important;
}

/********* Main nav bar ************/

/* navbar styling moved to menu.css */

/************ Services submenu *************/

#submenu ul  {
list-style-type:none;
margin: 0 0 0 130px;
}
#submenu ul li  {
display:block;
float:left;
list-style-type:none;
margin: 0;
padding: 0 30px 0 0;
}
#submenu .menu_bar_item {
font-size: 9pt;
font-weight: bold;
padding-top: 2px;
text-decoration: none;
color: black;
z-index: 15;
}
#submenu .menu_bar_item:link {
color:black;
}
#submenu .menu_bar_item:visited {
color:black;
}
#submenu .menu_bar_item:hover {
color: #993333;
text-decoration: underline;
}
#submenu .menu_bar_item:active {
color: white;
}
#submenu .menu_bar_item_active {
font-size: 9pt;
font-weight: bold;
padding-top: 2px;
text-decoration: none;
color: white;
}
#submenu .menu_bar_item_active:link {
color: white;
}
#submenu .menu_bar_item_active:visited {
color: white;
}
#submenu .menu_bar_item_active:hover {
color: #993333;
}
#submenu .menu_bar_item_active:active {
color: white;
}

/********* Home Page Text **********/

.mission_body_text {
font-size: 10pt;
font-weight: normal;
color: #222222;
}                   
.mission_headlines {
font-size: 12pt;
font-weight: bold;
color: #993333;
}

/******** Footer Text ***********/

.copyright_text {
  padding-top:20px;
}
.copyright_text p {
font-size: 7pt;
color: black;
text-align:right;
padding: 0 25px 10px 0;
}

/******** Breadcrumbs ***********/

.breadcrumbs {
font-size: 8pt;
color: #222222;
text-align:left;
margin-left: 75px;

}
/******** Generic Lists **********/

div.red_list_item {
margin-left: 10px;
font-weight: bold;
line-height: 100%;
margin-top: 10px;
}
.red_list_item {
margin-left: 10px;
font-weight: bold;
line-height: 100%;
margin-top: 10px;
}
div.gray_list_item {
margin-left: 20px;
font-weight: bold;
line-height: 100%;
margin-top: 10px;
}
a.gray_list_item {
margin-left: 20px;
font-weight: bold;
line-height: 100%;
margin-top: 10px;
}

/********** "normal" HTML lists *********/

ul.red_list {
font-weight: normal;
line-height: 100%;
list-style-position: outside;
list-style-type: none;
margin-top: 0px;
margin-right:40px;
}           
.red_list li {
background: url('/triangle_red2.gif') no-repeat 0 7px;
line-height: 150%;
padding-left: 15px;
margin-bottom: 10px;
}             
ul.red_list2 {
font-weight: bold;
line-height: 100%;
list-style-position: outside;
list-style-type: none;
margin-top: 0px;
}           
li.red_list2 {
padding-left: 7px;
background: url('/triangle_red2.gif') no-repeat 7px;
line-height: 190%;
}             
ul.gray_list {
font-weight: normal;
line-height: 100%;
list-style-position: outside;
list-style-type: none;
margin-top: 0px;
}           
li.gray_list {
padding-left: 15px;
background: url('/triangle_gray.gif') no-repeat 0 7px;
line-height: 190%;
}
.redListItem2 {
margin-left: 5px;
font-weight: bold;
line-height: 190%;
margin-top: auto;
}

/********* Services L2 Menu ***********/

.services_bar {
font-family: arial;
font-size: 9pt;
font-weight: bold;
padding-top: 2px;
margin-left: 20px;
margin-right: 50px;
text-decoration: none;
color: black;
z-index: 15;
margin-top: 210px;
position: absolute;
width: 750px;
text-align: center;
}
a.services_bar_item_active {
color: #FFFFFF;
text-decoration: none;
padding-left: 20px;
}
a.services_bar_item {
color: #444444;
text-decoration: none;
padding-left: 20px;
}

/********** Services Page *************/

.services_description_labelCopy {
color: #993333;
font-weight: bold;
}

#services_highlight {
padding: 10px 30px 10px 40px; 
margin: 10px 0 10px -40px;
background-image: url('/back_center.jpg');
background-repeat: no-repeat;
height: 395px;
width: 612px;
}

/************ About Us Page ***********/

.image_right {
float:right;
margin: 0 -27px 20px 20px;
}
/**************** Services/Permit Mgmt Page ************/

td.permit {
/*no borders and some padding*/
border:none;
padding: .5em;
}


/*********** Temporary Stuff *************/

p.design {
font-family: arial;
font-size: 9pt;
font-weight: bold;
color: #FFCC00;
background-color: #333333;
}
.testText {
font-family: "Trebuchet MS";
font-size: 16.15px;
font-style: normal;
line-height: 2;
font-weight: normal;
font-variant: small-caps;
color: #00CCFF;
}
.placeholder {
width:300px;
height:345px;
background-color:#333;
border: 1px solid black;
}
.placeholder_home {
width:655px;
height:118px;
background-color:#ffffff;
border: 1px solid black;
margin-top:20px;
margin-left:75px;
}
/************** for system-generated forms ***************/
label.left {
display: block;
float: left;
width: 100px;
padding-right: 10px;
text-align: right;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
}

/******************** for Home page nav *************************/
/* Contains the styles for the primary navigation bar on the home page */
.primary_nav_home {font-family: arial; 
                  font-size: 9.84pt; 
                  font-weight: bold; 
                  color: black; 
                  text-decoration: none;
                  width: 131px; 
                  height: 120px; 
                background-image: url('/home_down.gif'); 
                  background-repeat: no-repeat;
                  color: #FFFFFF;
                  display: block; 
                  padding: 0px; 
                  float: left; 
                  position: relative; 
                  text-align: left;
                  }
.primary_nav_home_hover {
                background-image: url('/home_over.gif');
                  background-repeat: no-repeat;
                  display: block; 
                  position: relative;
                  width: 131px; 
                  height: 120px; 
                  float: left;}
.primary_nav_home:link {color: #FFFFFF; background-image: url('/home_down.gif');}                  
.primary_nav_home:visited {color:#FFFFFF}  /* visited link */
.primary_nav_home:hover {color: #993333; background-image: none;}   /* mouse over link */
.primary_nav_home:active {color: #FFFFFF; background-image: url('/home_down.gif');}   /* selected link */

.primary_nav_about {font-family: arial; 
                  font-size: 9.84pt; 
                  font-weight: bold; 
                  color: black; 
                  text-decoration: none;
                  width: 131px; 
                  height: 120px; 
                background-image: url('/about_image.gif');
                  background-repeat: no-repeat;
                  display: block; 
                  padding: 0px; 
                  float: left; 
                  position: relative; 
                  text-align: left;
                                                                        
                  }
.primary_nav_about_hover {
                background-image: url('/about_over.gif');
                  background-repeat: no-repeat;
                  display: block; 
                  position: relative;
                  width: 131px; 
                  height: 120px; 
                  float: left;
                                                                       
}
                  
.primary_nav_about:link {color:black}                  
.primary_nav_about:visited {color:black}  /* visited link */
.primary_nav_about:hover {color: #993333; background-image: none;}   /* mouse over link */
.primary_nav_about:active {color: #FFFFFF; background-image: url('/about_down.gif');}   /* selected link */

.primary_nav_services {font-family: arial; 
                  font-size: 9.84pt; 
                  font-weight: bold; 
                  color: black; 
                  text-decoration: none;
                  width: 131px; 
                  height: 120px; 
                background-image: url('/services_image.gif');
                  background-repeat: no-repeat;
                  display: block; 
                  padding: 0px; 
                  float: left; 
                  position: relative; 
                  text-align: left;
                  }
.primary_nav_services_hover {
                background-image: url('/services_over.gif');                  background-repeat: no-repeat;
                  display: block; 
                  position: relative;
                  width: 131px; 
                  height: 120px; 
                  float: left;}
.primary_nav_services:link {color:black}                  
.primary_nav_services:visited {color:black}  /* visited link */
.primary_nav_services:hover {color: #993333; background-image: none;}   /* mouse over link */
.primary_nav_services:active {color: #FFFFFF; background-image: url('/services_down.gif');}   /* selected link */

.primary_nav_projects {font-family: arial; 
                  font-size: 9.84pt; 
                  font-weight: bold; 
                  color: black; 
                  text-decoration: none;
                  width: 131px; 
                  height: 120px; 
                background-image: url('/projects_image.gif');
                  background-repeat: no-repeat;
                  display: block; 
                  padding: 0px; 
                  float: left; 
                  position: relative;
                  text-align: left;
                  }
.primary_nav_projects_hover {
                background-image: url('/projects_over.gif');
                  background-repeat: no-repeat;
                  position: relative;
                  display: block; 
                  width: 131px; 
                  height: 120px; 
                  float: left;}
.primary_nav_projects:link {color:black}                     
.primary_nav_projects:visited {color:black}  /* visited link */
.primary_nav_projects:hover {color: #993333; background-image: none;}   /* mouse over link */
.primary_nav_projects:active {color: #FFFFFF; background-image: url('/projects_down.gif');}   /* selected link */

.primary_nav_personnel {font-family: arial; 
                  font-size: 9.84pt; 
                  font-weight: bold; 
                  color: black; 
                  text-decoration: none;
                  width: 131px; 
                  height: 120px; 
                background-image: url('/personnel_image.gif');
                  background-repeat: no-repeat;
                  display: block; 
                  padding: 0px; 
                  float: left; 
                  position: relative; 
                  text-align: left;
                  }
.primary_nav_personnel_hover {
                background-image: url('personnel_over.gif');                  background-repeat: no-repeat;
                  display: block; 
                  width: 131px; 
                  height: 120px; 
                  position: relative;
                  float: left;}
.primary_nav_personnel:link {color:black}                   
.primary_nav_personnel:visited {color:black}  /* visited link */
.primary_nav_personnel:hover {color: #993333; background-image: none;}   /* mouse over link */
.primary_nav_personnel:active {color: #FFFFFF; background-image: url('/personnel_down.gif');}   /* selected link */

/******* Project Page ********/

#project_page {
  margin: 0 70px;
}
#project_table {
  width:320px;
  padding:0;
  margin:0;
}
#project_table td {
  border:none;
  margin: 0;
  padding: 0;
  vertical-align:top;
}
#project_table .project_label {
  width: 100px;
}
.project_description_label {
  font-weight: bold;
  color: #933;
  margin-bottom: 0.5em;
  padding-right: 15px;
}
.project_description {
  font-weight: bold;
  margin-bottom: 0.5em;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.ars_role {
  clear:left;
}

/******* About Page *******/

#random_image {
  width:300;
  height: 350;
  margin: 0 0 20px 20px;
  float:right;
}
table.projects_table {
  width:525px;
  border:none;
}
.projects_table td {
  border:none;
  padding: 0 10px 0 0;
  margin: 0;
}
.projects_table tr {
  margin: 0;
  padding; 0;
}
.projects_table td.client {
  width: 260px;
}
.projects_table td.project {
  width: 260px;
}
.project_index_image {
  float: right;
  padding: 0 0 20px 0;
  margin-top: 40px;
}