body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background: url(../images/bodybkg.jpg) #2f699e top left repeat-x;
	
}

a {color: #006699; text-decoration: none; border: none;}
a:link {color: #006699;	text-decoration: none;border: none;}
a:visited {color: #006699;	text-decoration: none;border: none;}
a:active {color: #006699;	text-decoration: none;border: none;}
a:focus {color: #006699;	text-decoration: none;border: none; outline: 0;}
a:hover{color: #006699;	text-decoration: underline;border: none;}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: Verdana;
 font-size: 100%;
 margin: 0px;
 padding: 0px;
 color: #000066;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

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


li {
 list-style: none;
}

p {
 font-family: Verdana, sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 5px 0 10px 0;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#wrapper {
	width: 783px;
    margin: 0 auto;
	background: url(../images/wrapbkg.jpg) #ffffff top left repeat-y;
    text-align: left;
}

#main{
  float: left;
  width: 635px;
}

#header{
	float: left;
	width: 635px;
	/*height: 103px;*/
	margin: 0 0 20px 0;
}

#hcontent{
    float: left;
	width: 400px;
	padding: 5px 15px 10px 15px;
	text-align: justify;
}
#content{
    float: left;
	width: 580px;
	padding: 5px 15px 80px 15px;
	text-align: justify;
}
#sideNav{
	float: left;
	width: 148px;
	background: url(../images/sidebanner.jpg) top left no-repeat;
}

#mainLinks{
    float: right;
	width: 175px;
	padding: 10px 20px 20px 0px;
	}
#breadCrumb{
	float: left;
	width: 625px;
	/*height: 103px;*/
	margin: 0 0 30px 0;
}

div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}



/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}


/************* #Nav styles **************/

#topNav{
	height: 63px;
	padding: 0px 0px 0px 0px;
	background: url(../images/logo.jpg) #ffffff top left no-repeat;
	color: #cccccc;
}

#topNav img{
	 display: block;
}

/*#topNav a {
	font-size: 60%;
	padding: 0 15px 0 0;
	color: #ffffff;
}*/
#topNav .toplogin {
 font: Verdana;
 font-size: 100%;
 color: #000066;
 padding: 10px 0 0 500px;
}
/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 5px 10px;
	background: url(../images/dotted.gif) bottom left repeat-x;
}

	
/************* #ddtabs styles *************/

#ddtabs{
	padding: 0px 0px 0px 0px;
	height: 100%;
    margin: 0 auto;
}
#ddtabs ul { /* Container for menu */
    margin: 0px;
    padding: 0px;
	}
#ddtabs li:hover {background-position: 0 0;}

#menu {
    background: url(../images/menu.jpg) top left no-repeat;
    width: 635px;		/* Width of entire image */ 
	height: 37px;		/* Height of buttons */
}
#menu-admin {
    background: url(../images/menuadmin.jpg) top left no-repeat;
    width: 635px;		/* Width of entire image */ 
	height: 37px;		/* Height of buttons */
}
	#menu span {display: none;}
	#menu li, #menu a {height: 37px;/* Each button must have the same height, define it here */ display: block;}
	#menu li {float: left; list-style: none; _display: inline;		/* fixes IE/Win double margin float bug (safe) */}
	/* margin-left - you will need to adjust this value to "center" your nav, if needed */ 
	/* width - width of each button, they will each most likely be unique */ 
	#menu-home 		{ width: 132px; margin-left: 0px; }
	#menu-about 	{ width: 119px; }
	#menu-services 	{ width: 119px; }
	#menu-equipment   { width: 119px; }
	#menu-contact	{ width: 146px; }
	
	/* Changed values should match sum of "width" numbers specified above  */
	
	#menu-home a 		{ background: transparent url(../images/menu.jpg) 0px -185px no-repeat; }
	#menu-about a  	{ background: transparent url(../images/menu.jpg) -132px -185px no-repeat; }
	#menu-services a	{ background: transparent url(../images/menu.jpg) -251px -185px no-repeat; }
	#menu-equipment a	{ background: transparent url(../images/menu.jpg) -370px -185px no-repeat; }
	#menu-contact a  	{ background: transparent url(../images/menu.jpg) -489px -185px no-repeat; }
	
	#menu-home a:hover		{ background: transparent url(../images/menu.jpg) -0px -111px no-repeat; }
	#menu-about a:hover  	{ background: transparent url(../images/menu.jpg) -132px 0px no-repeat; }
	#menu-services a:hover{ background: transparent url(../images/menu.jpg) -251px 0px no-repeat; }
	#menu-equipment a:hover	{ background: transparent url(../images/menu.jpg) -370px -0px no-repeat; }
	#menu-contact a:hover  	{ background: transparent url(../images/menu.jpg) -489px -0px no-repeat; }
	
	#home #menu-home a, #home #menu-home a:hover	{ background: transparent url(../images/menu.jpg) 0px 0px no-repeat; }
	#about #menu-about a, #about #menu-about a:hover  	{ background: transparent url(../images/menu.jpg) -132px -37px no-repeat; }
	#services #menu-services a, #services #menu-sevices a:hover	{ background: transparent url(../images/menu.jpg) -251px -74px no-repeat; }
	#equipment #menu-equipment a, #equipment #menu-equipment a:hover	{ background: transparent url(../images/menu.jpg) -370px -111px no-repeat; }
	#contact #menu-contact a, #contact #menu-contact a:hover  	{ background: transparent url(../images/menu.jpg) -489px -148px no-repeat; }
				
	#about #menu-home a  	{ background: transparent url(../images/menu.jpg) 0px -222px no-repeat; }
	#about #menu-home a:hover		{ background: transparent url(../images/menu.jpg) -0px -37px no-repeat; }
	#services #menu-about a	{ background: transparent url(../images/menu.jpg) -132px -222px no-repeat; }
	#services #menu-about a:hover	{ background: transparent url(../images/menu.jpg) -132px -74px no-repeat; }
	#equipment #menu-services a	{ background: transparent url(../images/menu.jpg) -251px -222px no-repeat; }
	#equipment #menu-services a:hover	{ background: transparent url(../images/menu.jpg) -251px -111px no-repeat; }
	#contact #menu-equipment a  	{ background: transparent url(../images/menu.jpg) -370px -222px no-repeat; }
	#contact #menu-equipment a:hover  	{ background: transparent url(../images/menu.jpg) -370px -148px no-repeat; }

/* Drop down menu */ 
	#menu li ul {
		position: absolute;
		left: -9999px;
		background-color: #3399cc;			/* Background color of drop down menu - add more styles (i.e. background image) if you want */
		padding: 0;
		/*border: solid #336699;*/
		/*border-width: 2px;*/
		margin: 0 0 1em 0;
		display: inline;
	}
	
	
	#menu li ul li {height: 20px;	}	/* Height of each drop down menu item */ 
	#menu li ul li a {width: 100%; height: 20px;/* Height of each drop down menu item, should match above */ 
								   line-height: 20px; /* Height of each drop down menu item again, should match above */ 
								   background-image: none !important;}
	#menu li ul li a span {display: inline; padding-left: 5px;}
	#menu li:hover ul, #menu li.sfhover ul {left: auto;} 	
	/* Drop down link styles */ 
	#menu a:link, #menu a:visited {font-size: 11px; color: #ffffff; text-decoration: none;	}  
	#menu a:hover, #menu a:active {font-size: 11px; color: #66ccff; text-decoration: none;	}
	/* Hover styles for drop down items */ 
	#menu-services ul a:hover {background-image: none;	background-color: #336699 !important;}
	#menu-services ul, #menu-services li {width: 119px; background: none;}/* width of drop down menu - choose width that allows items to display on one line */ 
    #menu-about ul a:hover {background-image: none;	background-color: #336699 !important;}
	#menu-about ul, #menu-about li {width: 119px; background: none;}/* width of drop down menu - choose width that allows items to display on one line */ 
    #menu-equipment ul a:hover {background-image: none;	background-color: #336699 !important;}
	#menu-equipment ul, #menu-equipment li {width: 119px; background: none;}/* width of drop down menu - choose width that allows items to display on one line */ 
    #menu-contact ul a:hover {background-image: none;	background-color: #336699 !important;}
	#menu-contact ul, #menu-contact li {width: 292px; background: none;}/* width of drop down menu - choose width that allows items to display on one line */ 

#tabcontentcontainer{
width:635px; /*width of 2nd level content*/
height:13px; /*height of 2nd level content. Set to largest's content height to avoid jittering.*/
background: url(../images/blubkg.gif) top left repeat-y #336699;
font-size: 10px;
padding: 0 0 0 0;
}
.tabcontent{
display: none;
color: #000066;
}
.tabcontent a span{color: #ffffff; font-weight: bold; font: Verdana;}
.tabcontent a:hover span{color: #66ccff; font-weight: bold;}

#sc1.tabcontent{margin: 0 0 0 50px;}
#sc2.tabcontent{ margin: 0 0 0 132px;}
#sc3.tabcontent{margin: 0 0 0 251px;}
#sc4.tabcontent{margin: 0 0 0 370px;}
#sc5.tabcontent{margin: 0 0 0 487px;}


/************** .feature styles ***************/
#hcontent ul{
list-style:none;
margin: 0; 
padding: 10px 10px 10px 10px;
}

/************** .feature styles ***************/

.feature{
	padding: 5px 0px 10px 0px;
	margin: 0 auto;
	font-size: 80%;
}
.feature p {padding:5px 0px 5px 0;}
.feature h3 span {display: none;}
.feature img{
	float: right;
	padding: 10px 10px 10px 10px;
}
.feature ul{
	padding: 0px 0px 0px 0px;
}
.feature li {
	padding: 2px 0px 0px 10px;
	margin: 8px 0 0 0;/*increased spacing 06/12/07 JL*/
	font-weight: bolder;/*changed weigh and color 06/12/07 JL*/
	color:#336699;
	background: url(../images/bulrnd.gif) #ffffff 0px 5px no-repeat;}
	

/************** .story styles *****************/

.story{
	padding: 15px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 80%;
	/*background: url(../images/dotted.gif) bottom left repeat-x;*/
}

.story ul {
padding: 5px 0 5px 20px;
margin: 0px;
list-style: none;}

.story h5 {
 font-size: 100%;
 margin: 0 0 0 0px;
 padding: 0 0 0 10px;
 font: Verdana;
 color: #000066;
}
.story h5 a{
 font-size: 100%;
 margin: 0 0 0 0px;
 padding: 0 0 0 10px;
 font: Verdana;
 color: #666666;
}
.story h3 span {display: none;}


.story img{
	float: right;
	padding: 10px 0px 10px 10px;
}
.story li {
	padding: 1px 0px 1px 15px;
	margin: 8px 0 0 0;/*increased spacing 06/12/07 JL*/
	text-align: left;/*removed justify 06/12/07 JL*/
	background: url(../images/bulrnd.gif) #ffffff 2px 5px no-repeat;}
	.story ul.sheet {
	padding: 5px 0 10px 5px;
	margin: 0px;
	list-style: none;}
	.story ul.sheet li{
	padding: 1px 0px 3px 0px;
	background: none;}
	
	
.story table { 
margin: 0 auto;
border-style:none;
}


/************** .hdr styles *****************/
.feature h4{ font-weight: bold;font-size: 120%; padding: 10px 0 10px 50px ; color:#666666}
.story h4{ font-weight: bold;font-size: 120%; padding: 10px 0 10px 50px ; color:#666666}
img.hdr { float: left; padding: 0;}

.hdrb {background: url(../images/titles/hlineglowbl.png) top left repeat-x; height: 48px; font: Verdana;}
h3.hdrbl { font-weight: bold;font-size: 150%; padding: 0 0 0 50px ;color:#3399cc; }

.hdrg {background: url(../images/titles/hlineglowgr.png) top left repeat-x; height: 48px; font: Verdana;}
h3.hdrgr { font-weight: bold;font-size: 150%; padding: 0 0 0 50px ;color:#669933; }
.hdrr {background: url(../images/titles/hlineglowrd.png) top left repeat-x; height: 48px; font: Verdana;}
h3.hdrrd { font-weight: bold;font-size: 150%; padding: 0 0 0 50px ;color:#ff3300; }
.hdro {background: url(../images/titles/hlineglowor.png) top left repeat-x; height: 48px; font: Verdana;}
h3.hdror { font-weight: bold;font-size: 150%; padding: 0 0 0 50px ;color: #CC6600; }
.hdry {background: url(../images/titles/hlineglowyl.png) top left repeat-x; height: 48px; font: Verdana;}
h3.hdryl { font-weight: bold;font-size: 150%; padding: 0 0 0 50px ;color: #cc9900; }

/************* #table styles ***************/
table.specificationsT { 
font: Verdana;
font-weight: normal;
font-size: 100%;
color: #334d55;
width: 580px;
background-color: #ffffff;
border: 1px #cccccc solid;
border-collapse: collapse;
border-spacing: 0px;
margin-top: 0px;
}

table.specificationsT td.spechead { 
border-bottom: 1px dotted #999999;
font-family: Verdana, sans-serif, Arial;
font-weight:bolder;
font-size: 12px;
color: #000000;
background-color: white;
text-align: left;
padding: 15px 0 0 3px;} 

table.specificationsT td.spec { 
font-size: 100%;
border-left: 1px dotted #999999;
border-bottom: 1px dotted #999999;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
color: #000000;
background-color: white;
text-align: left;
padding: 15px 0 0 3px;
}
 

/************* #footer styles ***************/

#footer{
	clear: both;
	width: 783px;
	height: 120px;
    margin: 0 auto;
	background: url(../images/footbkg.jpg) top left repeat-y;
	font-size: 70%;
	color: #cccccc;
	text-align:center;
}
#footer a {
	padding: 15px 15px 0 0;
	color: #ccccccc;
	vertical-align: middle;
}
#footer img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}
#footer h3 span {display: none;}
.foottop {background: url(../images/foottop.jpg) top left no-repeat; height: 12px;}





/*********** #sideNav link styles ***********/

#sideNav ul a:link, #sideNav ul a:visited {display: block;}
#sideNav ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#sideNav li {border-bottom: 1px solid #ffffff;}

/* fix for browsers that don't need the hack */
html>body #sideNav li {border-bottom: none;}


/*********** #sideLinks styles ***********/
#sideLinkd{
	position: relative;
	margin: 170px 0 0 20px;
	padding: 0px 0px 0px 0px;
	background: url(../images/right.png) top left no-repeat;
	width: 126px;
}
#sideLinkd h3{
	color: #3399cc;
	font: Verdana;
	font-size: 100%;
	padding: 5px 0px 5px 6px;
    text-align: left;
	border-bottom: 1px dashed #3399cc;
}
#sideLinks{
	position: relative;
	margin: 0 auto;
	padding: 0px 5px 5px 5px;
	background: url(../images/tile.gif) #cccccc top left;
	border-right: 2px solid #3399cc;
	border-left:  2px solid #3399cc;
	border-bottom:  2px solid #3399cc;
}

#sideLinks h3{
	font-size: 90%;
	padding: 0px 0px 0px 0px;
    text-align: right;
}
#sideLinks h4{
	font-size: 80%;
	color: #66CC00;
	padding: 15px 0px 3px 0px;
	border-bottom: 1px dashed #3399cc;
}
#sideLinks h4 a, #sideLinks h4 a:hover{color: #669933; text-decoration:none}
#sideLinks ul {
	margin: 0 auto;
	padding: 0px 0px 0px 2px;
	font: Verdana;
	color: #999999;
	font-weight: bold;
	font-size: 70%; /*increased 06/12/07 JL*/  
	line-height: 1.3;
	}
#sideLinks ul strong {color: #333333;}
#sideLinks span {display: none;}
#sideLinks a {
	display: block;
	padding: 0px 0px 0px 0px;
	}
#sideLinks a:hover{
	color: #3399cc;
}
#sideLinks img{
    padding: 0px 0px 0px 0px;
	display: block;
}
#sideLinks li {
list-style: none;
background:url(../images/bulrnd.gif) no-repeat;
background-position: 0px 5px; 
padding: 2px 0px 0px 10px;
}

/*********** .barLinks styles ***********/

.barLinks{
	position: relative;
	margin: 0px 0 0 10px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.barLinks h3{ padding: 10px 0px 2px 0px; }
.barLinks a:link, .barLinks a:visited { display: block; }


/************** #mainLinks styles **************/


#mainLinks p{
	padding: 5px 0px 5px 0px;
	font-size: 58%;
	font: Verdana;
	line-height: 1.3;
	}



/************** #sideBoxes styles **************/
#sideBoxes{
	margin: 0 0 10px 0;
	padding: 1px 1px 1px 1px;
	border: 1px solid #333333;
	display: block;
	}

#sideBoxes h3 {
	padding: 4px 5px 1px 35px;
    height: 22px;
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	color: #ffffff;
	}
	#sideBoxes h3.red{background: url(../images/boxhdrred.jpg) #336699 top left no-repeat; }
	#sideBoxes h3.blu{background: url(../images/boxhdrblu.jpg) #336699 top left no-repeat; }
	#sideBoxes h3.yel{background: url(../images/boxhdryel.jpg) #336699 top left no-repeat; }
	#sideBoxes h3.grn{background: url(../images/boxhdrgrn.jpg) #336699 top left no-repeat; }
	#sideBoxes h3.org{background: url(../images/boxhdrorg.jpg) #336699 top left no-repeat; }
	
#sideBoxes h5 {
	font-family: Verdana, Arial, sans-serif; 
	padding: 10px 5px 1px 0;
	text-align: right;
	font-size: 65%;
	}
#sideBoxes h5	a{color: #ffffff; text-decoration: none;}
#sideBoxes h5 a:hover{color: #ffffff;	text-decoration: underline;}
#sideBoxes h5.morer {	background: url(../images/morer.gif) bottom right no-repeat;}
#sideBoxes h5.moreb {	background: url(../images/moreb.gif) bottom right no-repeat;}
#sideBoxes h5.moreg {	background: url(../images/moreg.gif) bottom right no-repeat;}
#sideBoxes h5.morey {	background: url(../images/morey.gif) bottom right no-repeat;}
#sideBoxes h5.moreo {	background: url(../images/moreo.gif) bottom right no-repeat;}
	
#sideBoxes p {
	padding: 15px 15px 15px 15px;
	text-align: justify;
	font: Verdana;
	color: #999999;
	font-weight: bold;
	}
#sideBoxes p strong {color: #333333;}


#sideBoxes img{
    float: left;
	display: inline; 
	}
/************* #login styles ***************/

#sideLogin{
	margin: 0 0 10px 0;
	padding: 1px 1px 1px 1px;
	border: 1px solid #333333;
	background: #ffffff;
	display: block;
	}

#sideLogin h3 {
	padding: 4px 0px 1px 35px;
    background: /*url(../images/h3bk_side.gif)*/ #ffffff top left repeat-x; 
	height: 22px;
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	color: #666666;
	}
	
#sideLogin p.help {
	background: /*url(../images/more.gif)*/ bottom right no-repeat;
	font-family: Verdana, Arial, sans-serif; 
	padding: 0px 5px 0px 0;
	text-align: right;
	font-size: 70%;
	}
	
#sideLogin p.help	a{color: #ffffff; text-decoration: none;}
#sideLogin p.help a:link{color: #ffffff;	text-decoration: none;}
#sideLogin p.help a:visited{color: #ffffff;	text-decoration: none;}
#sideLogin p.help a:hover{color: #ffffff;	text-decoration: underline;}
	
/*#sideLogin p {
	padding: 15px 15px 15px 15px;
	text-align: justify;
	font: Verdana;
	color: #999999;
	font-weight: bold;
	}*/
	
#sideLogin p strong {color: #333333;}
#sideLogin h3 strong {color: #000066;}
#sideLogin img{
	float: left;
	clear: both;
    }
.login{
	padding: 15px 0px 0px 25px;
	background: url(../images/loginbkg.jpg) #3399cc top left no-repeat;
	width: 147px;
	height: 86px;
	border: none;
}

.login form{
 margin: 0px;
 padding: 0px;
}

.login form input.account {
  background: url(../images/form.gif) #ffffff;
  border: none;
  width: 100px;
  padding: 1px 3px 0 2px;
  margin: 0 0 0 0;
}

.login label{
    font: Verdana;
	font-weight: bold;
	display: block;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	font-size: 80%;
}

.buttonStyle {
padding: 0px 0px 0px 0px;
border: none;
background-color:#3399cc;
background-image:url(../images/button.gif);
width:21px;
height:21px;
font: Verdana;
font-weight: bold;
font-size: 55%;
 /*image is 106 by 31 pixels */
}

/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	font-size: 90%;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
}