body  {

font-family: Sans-Serif, Arial, Helvetica, Verdana;
font-weight: normal;
text-align: center;
color: #000;
background: #e0e0e0;
padding: 8px 0 8px 0;

}

* {                       /*default margins borders and padding to 0*/
margin: 0px;
padding: 0px;
border: 0px;
}

.poweredphplist {
display: none;

}


p {
font-size: 12pt;
}

a {
outline: none;  /*removes the dotted outline left on visited links*/
text-decoration: none;
}

a:hover, a:active {

text-decoration: underline;
}

.icon {    /*for styling the file type icon etc.*/
margin: 0px 4px -2px 0px;
}



#Container {
width: 920px;
margin: 0 auto 0 auto;
background: #fff;
}


/************************************************************************************/
/********** BEGIN HEADER SECTION ***********/
#Header {

    height: 90px;
    width: 900px;
    margin: 0 auto 2px auto;

    border-bottom: 1px solid #b3b3b3;
}

#Logo {
float: left;
margin: 10px 0 0px 4px;
}


/************************************************************************************/
/***** BEGIN CONTACT INFO SECTION *****/

#Top_Contact_Info {
  Float: right;
  width: 400px;
  color: #505050;
  margin: 15px 0 0 0;
  padding: 0 4px 0 0;
}

#Top_Contact_Info p {
font-size: 9pt;
text-align: right;
}

#Top_Contact_Info span {          /*for controlling the |'s in the contact info*/
font-size: 9pt;
color: #505050;
}

#Top_Contact_Info a {
    color: #505050;
}

#Top_Contact_Info a:hover, a:active {
text-decoration: underline;

}


/************************************************************************************/
/********** Begin Main_Box - used on index page for main collage div ***************/
#Main_Box {

width: 900px;
height: 360px;
background: url('../images/Main_Box_Background2.png');
margin: 60px auto 4px auto;
clear: both;

}

#Main_Box h1 {
font-size: 14pt;
font-weight: 300;
text-align: center;
color: #000;
}


#Main_Box p {
font-size: 10pt;
font-weight: 100;
text-align: center;
color: #000;
padding: 4px 4px 4px 10px;

}

/************************************************************************************/
/************BEGIN Specs BOX Section - main boxes for anywhere on pages***********/

#Specs_Box {
margin: 0px 0px 8px 10px;
padding: 0px 0px 0px 0px;
width: 444px;
float:left;

}

#Specs_Box h1 {

color: #1b346b;
font-weight: 400;
font-size: 12pt;
padding: 2px 4px 2px 4px;
text-align: left;
border-bottom: 1px solid #b3b3b3;

}

#Specs_Box h2 {
color: #606060;
font-size: 11pt;
font-weight: bold;
padding: 8px 8px 8px 8px;
text-align: left;
}

#Specs_Box p {
font-size: 10pt;
padding: 0 4px 4px 14px;
font-weight: 200;
text-align: left;
color: #505050;
}

#Specs_Box a {
text-decoration: none;
color: inherit;
}

#Specs_Box a:hover, a:active {
text-decoration: underline;
}

/************************************************************************************/
/************BEGIN Project Pics box for recent project pics***********/
#Project_Pics {
float: right;
width: 444px;
padding-bottom: 4px;
margin: 0 10px 8px 0;


}

#Project_Pics h1 {

color: #1b346b;
font-weight: 400;
font-size: 12pt;
padding: 2px 4px 2px 4px;
text-align: left;
border-bottom: 1px solid #b3b3b3;

}



/************************************************************************************/
/****************** Project Picture div to hold pictures *************/
#Project_Pictures {
width:208px;
margin:3px 3px 3px 3px;
padding: 4px 4px 0 4px;
float:left;
background: #404040;
}

#Project_Pictures img {

width: 208px;
height: 156px;
margin: 0;
padding:0;

}

#Project_Pictures p {

padding: 2px 2px 2px 2px;
color: #fff;
font-size: 8pt;
text-align: center;

}

/************************************************************************************/
/**********begin product box - Product page header****************/

#Product_Box {
margin: 0px auto 15px auto;
width: 880px;
height: 236px;
padding: 10px 10px 4px 10px;
clear:both;
background: url('../images/Product_Box_Background.png');

}

#Product_Box p {

color: #fff;
font-size: 10pt;
padding: 4px 8px 4px 8px;
text-align: left;
}


#Product_Box img {
margin: 6px 8px 0 8px;
float: left;
}



#Product_Box h1 {  /*style for product page header*/

color: #fff;
font-size: 16pt;
font-weight: 500;
padding: 4px 8px 4px 8px;
text-align: left;
margin: 0 0 0 0;
border-bottom: 2px solid #b3b3b3;

}

#Product_Box h2 {  /*2nd line style for product page header*/

color: #000;
font-size: 12pt;
font-weight: 500;
font-style: italic;

text-align: left;
padding: 2px 4px 2px 10px;

}

/************************************************************************************/
/**********begin General Page header box - non-Product/generic page header**********/

#General_Page_Header {
margin: 0px auto 15px auto;
width: 880px;
padding: 10px 10px 4px 20px;
float: left;

}

#General_Page_Header h1 { 

color: #000;
font-size: 16pt;
font-weight: 400;
padding: 4px 8px 4px 0px;
text-align: left;
margin: 0 0 0 0;
border-bottom: 2px solid #b3b3b3;

}

#General_Page_Header h2 {

color: #404040;
font-size: 12pt;
font-weight: 400;
font-style: italic;

text-align: left;
padding: 2px 4px 2px 0px;

}

#General_Page_Header p {

color: #000;
font-size: 10pt;
padding: 4px 8px 4px 0px;
text-align: left;
}



/**************************************************************************/
/***** Company_Background_Container - for company info pages and contains company background ******/

#Company_Background_Container {

float:right;
Background: url('../images/Background Company Info.png') no-repeat right top;
width: 900px;
}


/**************************************************************************/
/***** Info_Box - generic box for information on company info pages ******/

#Info_Box {
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 20px;
/*width: 600px;*/
min-height:500px;
}

#Info_Box h1 {

color: #1b346b;
font-weight: 500;
font-size: 12pt;
text-align: left;
border-bottom: 1px solid #b3b3b3;
margin: 0 0 20px 20px;
width:500px;
}

#Info_Box p{
font-size: 10pt;
text-align: left;
color: #505050;
margin: 0 0 15px 100px;
width: 400px;

}

#Info_Box a {
text-decoration: none;
color: #505050;
}

#Info_Box a:hover, a:active {
text-decoration: underline;

}

#Info_Box table {

text-align:left;
margin: 20px 150px 20px 100px;
font-size:10pt;
color:#505050;

}

#Info_Box td {


padding-right: 50px;

}
/**************************************************************************/
/***** BEGIN PAGE NAVE SECTION - SETS up for navigation / page history ******/

#Page_Nav {

height: 20px;
margin: 20px 0 8px 20px;
float: left;
padding: 0 0 0 2px;
color: #404040;


}

#Page_Nav a {
text-decoration: none;
color: #7e9ab0;
}

#Page_Nav a:hover, a:active {

text-decoration: underline;
}

#Page_Nav p{
font-size: 8pt;
text-align: left;

}


/**************************************************************************/
/***** BEGIN EMAIL LINKS SECTION ******/

#Print_Email_Links { 

height: 20px;
margin: 4px 20px 8px 0;
float: right;
text-align: right;
padding: 0 2px 0 0;


}

#Print_Email_Links a {
font-size: 8pt;
text-decoration: none;
color: #404040;
margin: 0 0px 0 0;
}

#Print_Email_Links a:active, #Print_Email_Links a:hover {
Text-decoration: underline;
}

#Print_Email_Links img {
vertical-align: middle;
padding: 0 3px 0 0;
}




/**************************************************************************/
/**********formatting for mailing list responses****************/
#Mailing_List_Box {
margin: 4px auto 8px auto;
background: #fff;
border: 1px solid #b3b3b3;
padding: 0px 0px 0px 0px;
color: #1b346b;
width: 598px;  /*width of container in php list is set to 600px*/


}

#Mailing_List_Box h1 {   /*main box heading*/

color: #1b346b;
font-size: 10pt;
padding: 8px 8px 8px 8px;
text-align: center;
}

#Mailing_List_Box p {  
color: #1b346b;
font-size: 10pt;
padding: 8px 8px 8px 8px;
text-align: center;

}

#Mailing_List_Box table {  
color: #1b346b;
font-size: 10pt;


}



#Mailing_List_Box a {
text-decoration: none;
color: inherit;
font-weight: 400;

}

#Mailing_List_Box textarea {
text-decoration: none;
color: inherit;
border: 1px solid #505050;

}


#Mailing_List_Box input {
margin:4px auto 2px auto;
border: 1px solid #b3b3b3;
}

#Mailing_List_Box a:hover, a:active {
text-decoration: underline;
}




/**************************************************************************/
/***** BEGIN COLLAGE SECTION *****/

#Collage {      /*for pictures of products in middle section*/
width: 900px;
padding: 0px 0px 0px 0px;
margin: 0px auto 10px auto;


}

#Collage table {
margin: 0 auto 0 auto;

}

#Collage td {
padding: 0 10px 0 10px;
width: 120px;
vertical-align: top;
height: 140px;
}


#Collage a {
text-decoration: none;

color: #000;
}

#Collage a span {
/*display: none;*/
color: #fff;
font-size: 12pt;
font-weight: 150;
}

#Collage a:hover span {
/*display: block;
color: #000;*/

color: #D4171A;
position: relative;
}

/**************************************************************************/
/*************Co_Info Div for index page **********************/
#Co_Info {


clear:both;

margin:8px auto 8px auto;
padding: 0 10px 0 10px;
border-top: 1px solid #e0e0e0;
width: 880px;

}

#Co_Info table {
margin:0 auto 0 auto;



}

#Co_Info th {
text-align:left;
font-size:12pt;
font-weight:300;
color: #c82f00;
padding-left: 20px;

}

#Co_Info td {
width:220px;
color: #1b346b;
vertical-align: top;
padding-left: 20px;

}

#Co_Info ul {
text-align:left;
list-style-type:none;
font-size:8pt;
}

#Co_Info a {

color: #1b346b;
}

#Co_Info a:hover, a:active {

text-decoration: underline;
color: #1b346b;

}

/**************************************************************************/
/*************News Boxes**********************/

#News_Box {

margin: 6px 0px 6px 0px; /*add margin left 15px & margin right 15px for center box*/
height:160px;
width: 286px;
float:left;
background: url('../images/News_Box_Background3.png');
padding: 2px 4px 2px 4px;
}

#News_Box h1 {
font-size:12pt;
font-weight: 200;
height: 20px;
color: #1b346b;
padding: 10px 2px 2px 2px;
margin: 0 6px 0 6px;

}

#News_Box h2 {
font-size: 8pt;
font-weight: 400;
color: #000;
margin: 2px 2px 2px 2px;
}

#News_Box p {
margin: 6px 2px 2px 2px;
font-size: 8pt;
color: #000;
padding: 2px 4px 2px 4px;

}

#News_Box a {
font-size:8pt;
color: #000;
}

#News_Box img {

padding: 2px 2px 2px 2px;

}

#News_Box a:hover, a:active {

text-decoration: underline;
color: #000;

}

#News_Box input {
margin:4px auto 2px auto;
border: 1px solid #b3b3b3;
}


/**************************************************************************/
/*********** BEGIN SITEMAP AREA ***********/

#Sitemap {
clear:both;
width: 900px;
margin: 40px auto 50px auto;
background: url('../images/InfoBoxBackground_Grey.png') repeat-x top;
padding-top: 10px;

}

#Sitemap h1 {

text-align: center;
color: #999999;
font-size: 14pt;
margin: 6px 0 6px 0;

}

#Sitemap table {
margin: 4px auto 4px auto;
text-align: left;



}

#Sitemap td {

width: 150px;
vertical-align: top;

}

#Sitemap th {

font-size: 12pt;
text-align: left;

font-weight: 400;
color: #1b346b;
padding-bottom: 6px;

}

#Sitemap a {
text-decoration: none;
color: #505050;
font-size: 10pt;

}

#Sitemap a:hover, a:active {

text-decoration: underline;
color: #505050;

}

#Sitemap ul {
list-style-type: none;
}

#Sitemap li {

margin: 1px 0 4px 0;

}

/**************************************************************************/
/************************* Footer *******************************/

#Footer {

    color: #000;
    height: 36px;
    width: 100%;
    margin: 10px auto 2px auto;
    clear: both;
 }

#Footer p {
   font-size: 8pt;
   font-weight: normal;
   padding: 3px 0 0 0;
 
}

#Footer a { 
	color: #000;
    	text-decoration: None;
}

#Footer a:hover {
    text-decoration: underline;
}