/* CSS Stylesheet */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	margin:0;
}

#all
{width: 1000px;
margin: auto;
background: url(images/allbg.jpg) repeat-y;
border-top:0;

}

#page
{width:900px;
margin:auto;
padding:10px 0px 0px 0px;

}
#toplinks
{
text-align:right;
font-size: 11px;
color: #666;
margin-right:5px;
}
#toplinks a
{
text-decoration:none;}



.space
{margin-top:5px;
font-size:1px;}

p, #insidecontent
{
font-size: 11px;color:#333;
line-height:120%;
padding-left:20px;
padding-right:10px;
text-align:justify;
}

h2,h3,h4, h5
{font-family:Arial, Helvetica, sans-serif;

}
h2, h3{color:#8a0000;}
h2 a, h3 a
{color: #8a0000;}

h1{margin-top:40px;color: #8a0000;
line-height:100%;
letter-spacing:75%;
text-align:left;}
h5
{line-height:140%;
color: #333;
font-size:18px;
font-weight: normal;}
a
{
color:black;
}

a:hover
{color: #8a0000;}


img
{border:0;
margin:0;}

.imgr
{float:right;
margin:10px 0px 0px 20px;}

.imgl
{float: left;
margin-right:20px;}

.imgframer
{float:right;
margin:0px 0px 0px 20px;
padding:10px;
border: 1px solid #333;}

.imgframel
{float:left;
margin:0px 20px 0px 0px;
padding:10px;
border: 1px solid #e1e1e1;}


#content
{
	color:#333;
	width:888px;
	margin-top:0px;
	padding:5px 5px 5px 2px;
}

#content li
{
margin:15px;
}

#content ul, ol
{	
	list-style-position:inside;
	color:#333;
	font-size:11px;
}
#content ol ol
{list-style-position:outside;
margin-left:20em;
}

#content li a
{font-weight:bold;
font-size:11px;}

#content .lead2
{line-height:145%;
font-size: 13px;
}

.content-clear, .clear
{clear:both;
font-size:0;
margin:0;
}


#insidecontent
{
margin-top:40px;
padding-left:20px;

}
#leftcol
{width:290px;
float:left;
}

#midcol, #midcol-form
{width:290px;
float:left;
margin-left:11px;}

#midcol-form
{text-align:right;
width:120px;
padding: 27px 5px 0px 0px;
line-height:165%;}

#rightcol, #rightcol-form
{width:285px;
float:right;
margin-right:0px;
margin-left:00px;
font-size: 11px;color:#333;
line-height:120%;
}

#rightcol-form
{float: left;
}

#rightcol-map
{width: 400px;
float: left;
margin-left: 20px;
}
#rightcol-map li, #rightcol-map a
{
font-size: 12px;
line-height: 9px;
font-weight:normal;
color:#666;
}

#rightcol-map li a
{font-weight:normal;
line-height:8px;}

#rightcol-form
{border:0px;
padding: 25px 5px 0px 0px;}

#box-top
{
width: 258px;
border-top: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
background:url(images/box-top.jpg) no-repeat top;
font: bold 14px Arial, Helvetica, sans-serif;
color: #8a0000;
padding: 15px 15px 10px 15px;
}

#box-bottom
{width: 258px;
border-bottom: 1px solid #e1e1e1;
border-left: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
padding: 5px 15px 15px 15px;
font: normal 11px  Arial, Helvetica, sans-serif;
}

.box-outline
{border: 1px solid 1e1e1e;}

.links li{
color: red;
list-style-position:outside;}


/* ========================== CSS Menu ======== */


.choice
{
float:left;}


.menu {
   	position:relative;
   	list-style: none;
	padding-left: 0px;
	margin:0px;
	
}
/* top of menu items */
.menu li{
	 position:relative;
	 display:block;
	 cursor:pointer;
	padding-left: 0px;

	}

/* list a-links */
.menu li a{
   text-decoration:none;
   font-weight:normal;
	width: 140px;
}

/* top of menu, on mouse over */
.menu li:hover{
   text-decoration:none; 
}

/* drop down bit */
.menu li ul{
   position:absolute;
   text-align:left;
   list-style:none;
   display:none;
   z-index:5;
   width: 140px;
   border: 1px solid #e1e1e1;
   background-color:#fff;
   	padding-left: 0px;
	margin-top:2px;

}

/* items in drop down */
.menu li ul li{
   display: list-item;
   list-style:none;
   cursor:pointer;
   background-color:#f1f1f1;
   line-height:180%;
   font-size: 12px;
   border-bottom:1px solid #ccc;
}

/* hover for items in dd */
.menu li a:hover{
   color:#8a0000;
   background-color:#999999;
   width:135px;
}


/* keeps menu down on mouse over */
.menu li ul li a{
   display:block;
  color:#5e5e5e;
  padding-left:5px;
}


/*position of drop down */
.menu li:hover > ul{
   display:block;
   	top:1.7em;

 
}

/* ================================================ */

a#home { background-image:url(images/menu/home-off.jpg); height: 30px; width:151px; display:block; }
a#home span { display:none; }
a#home:hover { background-image:url(images/menu/home-on.jpg); }

a#about { background-image:url(images/menu/about-off.jpg); height: 30px; width:151px; display:block; }
a#about span { display:none; }
a#about:hover { background-image:url(images/menu/about-on.jpg); }

a#qhse { background-image:url(images/menu/qhse-off.jpg); height: 30px; width:151px; display:block; }
a#qhse span { display:none; }
a#qhse:hover { background-image:url(images/menu/qhse-on.jpg); }

a#services { background-image:url(images/menu/services-off.jpg); height: 30px; width:151px; display:block; }
a#services span { display:none; }
a#services:hover { background-image:url(images/menu/services-on.jpg); }

a#careers { background-image:url(images/menu/careers-off.jpg); height: 30px; width:151px; display:block; }
a#careers span { display:none; }
a#careers:hover { background-image:url(images/menu/careers-on.jpg); }

a#reporting { background-image:url(images/menu/reporting-off.jpg); height: 30px; width:145px; display:block; }
a#reporting span { display:none; }
a#reporting:hover { background-image:url(images/menu/reporting-on.jpg); }


#endlinks
{	
	margin: auto;
	height: 100px;
	width:1000px;
	font-size:11px;
	text-align:center;
	padding-top: 60px;
	color: #666;
	background: url(images/endingbg.jpg) top no-repeat ;
}

#endlinks .small
{font-size:9px;}

#endlinks  a
{	
	color: #999;
}
#endlinks a:hover
{color: #8a0000;}