body {margin: 0; padding: 0; background: #626262 url(../images/bkgrd.jpg); background-repeat: repeat-x; text-align: center;}
a:active, a:focus {outline: 0;}

#wrapper {width: 908px; margin: 0 auto 0 auto; padding: 0; }


#mainarea {width: 908px; background: url(../images/mainarea_bkgrd.jpg); background-repeat:repeat-y; overflow: visible; float: left;}

#content {width: 629px; min-height: 300px; padding: 20px 20px 0 20px; float: left; text-align: left; z-index: 5; position: relative; font-size: 12px; color: #666; font-family: Arial, Helvetica, sans-serif; overflow: visible;}

#rightside {width: 260px; min-height: 0px; margin: 0 -20px 0 15px; padding-top: 190px; float: right; background: #fff url(../images/24-7_support_longer.jpg) top; background-repeat: no-repeat; display: inline; }
* html #rightside {height: 0px;} 
#rightside img {margin-bottom: 3px;}

#rightside_nobkgrd {width: 260px; min-height: 0px; margin: 0 -20px 0 15px; padding-top: 5px; float: right; background: #fff; background-repeat: no-repeat; display: inline; }
* html #rightside {height: 0px;} 
#rightside_nobkgrd img {margin-bottom: 3px;}

/* #content with pictures on the page --------------------------*/
.shorterwidth {width: 370px;}
.shorterwidth2 {width: 225px;}
.sectionpages {} 
#content table th {padding-top: .5cm;}


/*H1's ----------------------------------*/
h1 {margin: 0; color: #6e6e6e; font-size: 26px; font-family: "Trebuchet MS", Arial, sans-serif; text-transform: uppercase;}
#leftside #leftnav h1 {margin: 0 0 5px 18px; color: #6e6e6e; font-size: 24px; font-weight: normal; font-family: "Trebuchet MS", "Arial Black", Arial, sans-serif; text-transform: uppercase;}
.home_text h1 {margin: 0; font-size: 16px;}

/*H2's ----------------------------------*/
h2 {margin: 20px 0 0 0; color: #BA1018; font-size: 20px; font-family: "Trebuchet MS", Arial, sans-serif;}
#content .bios h2 {font-size: 16px; margin: 0 0 20px 0; letter-spacing: normal;}
#content .boxlist h2 {margin: 0; padding-left: 19px; font-size: 18px; background: url(../images/arrow.jpg) left; background-repeat: no-repeat; font-weight: normal;}



h3 {margin: 25px 0 -2px 0px; font-size: 16px; }
h4 {margin: 6px 0 -6px 2px; font-size: 13px;}

#content p {margin: 8px 0 10px 0; line-height: 16px; }
#content ul {margin: 10px 10px 15px 10px; padding: 0; }
#content ul li {margin: 2px 0 4px 30px; padding: 0; float: none; list-style: square; position: static;}
#content dl {margin: 0 10px 15px 0; padding: 0;}
#content dl dt {margin: 15px 0 0 0; font-weight: bold;}
#content dl dd {margin: 4px 0 4px 20px; padding: 0 0 0 10px; border-left: 1px solid #E4E3D2;  }
#content ol {margin: 10px 10px 20px 10px; padding: 0; }
#content ol li {margin: 2px 0 2px 30px; padding: 0; float: none; }

#content a:link, 
#content a:visited {color: #6e6e6e; background: none; text-decoration: none; display: inline; border-bottom: 1px solid #E5E4CF;}
#content a:hover {color: #57595B; text-decoration: none; background: #E5E4CF;}



/* LEFT SIDE ----------------------------------------------*/
#leftside {width: 207px; min-height: 305px; padding: 0 0 0 16px; float: left; background: url(../images/leftside_since.jpg); background-repeat: no-repeat; text-align: left;}
/* for Internet Explorer */
/*\*/
* html #leftside {height: 305px;}
/**/
#leftside img.marg {margin: 275px 0 10px 9px; border: none;}

#leftnav {margin: 275px 0 10px 0; }
#leftnav ul.vert-one {width: 207px; margin: 0; padding: 0; list-style-type:none; display:block; font: bold 11px"Trebuchet MS", "Arial Black", Arial, sans-serif;  border-top: 1px solid #fff;}
#mainarea #leftnav ul.vert-one li {margin:0; padding:0; border-bottom: 1px solid #fff; }
#mainarea #leftnav ul.vert-one li a {width: 187px; margin-bottom: 0; padding: 5px 0 2px 20px; display: block; text-decoration:none; color:#6e6e6e; background:#DEDDC5; line-height: 18px;}
#mainarea #leftnav ul.vert-one li a:hover {background: #E5E4CF; color: #6e6e6e; }



/* BREADCRUMBS -------------------------------------------- */
#crumbscontainer {margin: -21px 0 0 17px; float: left; font-size: 11px; position: relative;}
#crumbs p {margin: 0; padding: 0;}
#crumbs a {height: 16px; margin: 0; padding: 2px 3px 0 5px; }
#crumbs a:link, #crumbs a:visited {color: #6e6e6e; background: none; text-decoration: none; }
#crumbs a:hover {color: #57595B; background: #E5E4CF; text-decoration: none; }
#crumbs p em {padding-left: 3px;}





/* General Page Styles -------------------------------------------- */
/* General Page Styles -------------------------------------------- */
/* General Page Styles -------------------------------------------- */
.home_text {width: 354px; padding: 6px; background: #a9a9ac url(../images/home_text_bkgrd.jpg) top; background-repeat: repeat-x; color: #1B2125;}

.home_flash {width: 356px; height: 245px; border: 5px solid #A9A9AE; border-top: none;}

#content .quicklist ul {margin: 0 0 10px 0; padding: 0;}
#content .quicklist ul li {margin: 0; padding: 0;}

#content .bios {--------------}

#content .boxlist {margin: 10px 20px; padding: 8px; border: 1px dotted #ccc; background: #F7F8FA; overflow: visible;}

#content .boxlist h3 {margin: 0; padding-left: 19px; font-size: 18px; font-weight: normal;}
#content .boxlist ul {margin: 0; padding: 0; list-style: none;}
#content .boxlist ul li {margin: 1px 0; padding: 0 0 0 19px; list-style: none;}
#content .boxlist .listright {width: 157px; float: right; }

.right {float: right;}
.left {float: left;}

#content .larger {font-size: 14px;}
#content .larger {color: #343434;}

#content img.border {border: 6px solid #b9b8a6; margin-left: 5px; border-bottom: 21px solid #b9b8a6;} 
#content p.underpic {margin: -19px 0 0 10px; padding: 0; color: #fff;}

#content .caption {width: 346px; margin: 0 auto; padding: 6px; background: #b9b8a6; text-align: left; }
#content .caption img {margin: 0; display: block; }
#content .caption p {margin: 0; padding: 0; line-height: 1.6em; font-size: 11px; color: #fff; }
 
  

#content ul.nobullet {list-style: none;}
#content ul.nobullet li {list-style: none;}
.borderleft {border-left: 1px solid #E4E3D2;}
.quote {margin: 10px 0 20px 10px; padding-left: 15px; font-style:italic;}
.regfontstyle {font-style: normal;}

#content .hightlight {font-weight: bold; display: inline; color: #6e6e6e;}
.closeheading {margin-top: -5px;}
.arrowpoint {padding-left: 19px; background: url(../images/arrow.jpg) left top; background-repeat: no-repeat;}
li.bigorderedlist {font-size: 22px; font-family:Georgia, "Times New Roman", Times, serif;}
li.bigorderedlist .regsize {font-size: 12px;}
li.bigorderedlist .regfont {font-family: Arial, Helvetica, sans-serif;}



/* Compressed Air pages -------------------------------------------- */
#content .dbtables table a:link,
#content .dbtables table a:active,
#content .dbtables table a:visited {margin: 3px; text-decoration:underline; color: #343434;}
#content .dbtables table a:hover {text-decoration: none;}


/* Our People Page -------------------------------------------- */
#content .ourpeople h3 {margin: 35px 0 -2px 0px; font-size: 18px;}
#content .ourpeople h4 {color: #B3B295; text-transform: uppercase;}


/* Email Page -------------------------------------------- */
#emailarea table {margin: 10px; padding: 0;}
#emailarea form {margin: 0; padding: 0;}

/* RESOURCES reg pages -----------------------------------------*/
#content .manufacturer {width: 335px; margin: 10px 0 15px 2px; padding: 7px; overflow: auto; border: 1px solid #ccc;} 
#content .manufacturer .logospot {width: 110px; float: left; margin: 0; padding: 0;}
#content .manufacturer .logospot img {border: none; margin: 0; padding: 0; }
#content .manufacturer .logospot a img {border: none; margin: 0; padding: 0; text-decoration: none; }
#content .manufacturer .textspot {width: 225px; float: left; margin: 0; }
#content .manufacturer .textspot h3 {margin: 0; padding: 0; font-size: 12px;}
#content .manufacturer .textspot ul {margin: 0; padding: 0; font-size: 11px;}
#content .manufacturer .textspot ul li {margin: 3px 0 2px 13px; padding-left: 0px; font-size: 11px;}
#content .manufacturer a:link,
#content .manufacturer a:active,
#content .manufacturer a:visited {text-decoration: none; }
#content .manufacturer a:hover{color: #F68E1D; text-decoration: none; background: none;}









/* Righside IMG Hover -------------------------------------------- */

.gallerycontainer {position: relative;}
/*Add a height attribute and set to largest image's height to prevent overlaying*/

.gallerycontainer a {text-decoration: none; border: none;}

.thumbnail img {margin: 0;}
.thumbnail:hover {background-color: transparent;}
.thumbnail:hover img {border: none;}

/*CSS for enlarged image*/
.thumbnail span {position: absolute; width: 399px; background-color: #E8EAEE; padding: 4px; right: -0px; border: 1px solid #6e6e6e; visibility: hidden; font-size: 14px; color: #8A050C; text-decoration: none; font-weight: bold; }

/*CSS for enlarged image*/
.thumbnail span img {border-width: 0; padding: 2px;}

/*CSS for enlarged image*/
.thumbnail:hover span {visibility: visible; top: 0px; right: 260px; z-index: 50; }


/*------------ Our People Bio Page Images  -----------
#rich_bg {
background-image:url(../images/biopics/richgimmel.jpg); background-repeat:no-repeat; height:200px; margin: 25px 0 0 225px; width:150px; position:absolute; z-index: -5;}
#david_bg {
background-image:url(../images/biopics/davidmuncy.jpg); background-repeat:no-repeat; height:200px; margin: 25px 0 0 225px; width:150px; position:absolute; z-index: -5;}
#chris_bg {
background-image:url(../images/biopics/chriswesley.jpg); background-repeat:no-repeat; height:200px; margin: 25px 0 0 225px; width:150px; position:absolute; z-index: -5;}
#abner_bg {
background-image:url(../images/biopics/davidabner.jpg); background-repeat:no-repeat; height:200px; margin: 25px 0 0 225px; width:150px; position:absolute; z-index: -5;}
#dennis_bg {
background-image:url(../images/biopics/dennishanna.jpg); background-repeat:no-repeat; height:200px; margin: 25px 0 0 225px; width:150px; position:absolute; z-index: -5;}
*/


/*--- Expanding/Contracting DIVS ---*/
.arrow {
height:10px;
width:10px;
text-align:center;
}
.expand{
font-size: 9pt;
}