/* Top Nav styles for links */

a.two:link {
	font-family: arial;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	}
	
a.two:visited {
	font-family: arial;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	}
	
a.two:hover {
	font-family: arial;
	color: #CC3300;
	font-size: 12px;
	text-decoration: none;
    }

a.two:active {
	font-family: arial;
	color: #231F20;
	font-size: 12px;
	text-decoration: none;
}

body {
	background-image: url();
	margin-left: 17px;
	margin-top: 17px;
	margin-right: 17px;
	margin-bottom: 17px;
	background-color: #CCCCCC
	}
	
a.one:link {
	font-family: arial;
	color: #ffffff;
	font-size: 18px;
	text-decoration: none;
	}
	
a.one:visited {
	font-family: arial;
	color: #ffffff;
	font-size: 18px;
	text-decoration: none;
	}
	
a.one:hover {
	font-family: arial;
	color: #CC3300;
	font-size: 18px;
	text-decoration: none;
    }
	
	a.one:active {
	font-family: arial;
	color: #231F20;
	font-size: 18px;
	text-decoration: underline;
}

/* Custom styles for different texts like titles, taglines, etc. */

.pageName{
	color: #990000;
	line-height:20px;
	font-family: georgia;
	font-size: 22px;
	font-weight: bold;
	}
	
.orange-title {
	color: #FFFFFF;
	line-height:normal;
	letter-spacing:0.4em;
	font-family: Georgia;
	font-size: 36px;
	font-style: normal;
	font-weight: bolder;
	}

.tagline {
	color: #FFFFFF;
	line-height:18px;
	letter-spacing:0.4em;
	font-family: georgia;
	font-size: 16px;
	font-weight: bolder;
	}
	
.bodyText {
	color:#000000;
	
	letter-spacing:normal;
	margin-top:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	}
	
.smallText {
	font-family: arial;
	font-size: 10px;
	}

.white {
	color: #FFFFFF;
	font-weight: normal;
}

.style1 {color: #990000}
.style2 {
	color: #990000;
	font-weight: bold;
	font-size: 18px;
}


/* class styles for the left navigation */

#navigation a {
	color: #CC0000;
	font-weight:bold;
	text-decoration: none;
	letter-spacing:0.1em;
	line-height:16px;
	display:block;
	padding:10px;
	border: 1pt solid rgb(20,40,95);
	border-right-width: 0px;
	border-left-width: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	}
	
#navigation a:hover {
	color:#0066CC;
	border: ;
	border-right-width: 0px;
	border-left-width: 0px;
	}
	
	/************** Active Menu Selectors **************/

	#home .glossymenu a#home,
	#about .glossymenu a#about,
	#equipment .glossymenu a#equipment,
	#services .glossymenu a#services,
	#handbook .glossymenu a#handbook,
	#forms .glossymenu a#forms,
	#contacts .glossymenu a#contact {
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		background: #fff url() repeat-x bottom left;
		color: #900;
	}

	.indu .submenu a#indu,
	.mach .submenu a#mach,
	.thre .submenu a#thre,
	.slot .submenu a#slot,
	.perf .submenu a#perf,
	.wire .submenu a#wire,
	.insu .submenu a#insu {
		background: url(images/active.gif) no-repeat center left;	
		color: #900;
	}

	/*************** Glossy Menu Styles ****************/

	.glossymenu {
		margin: 0px 0;
		padding: 0;
		width: 148px; /*width of menu*/
		border: 1px solid #9A9A9A;
		border-bottom-width: 0;
	}

	.glossymenu a.menuitem {
	background: #ccc url(images/glossyback.gif) repeat-x bottom left;
	font-size: 1.2em;
	line-height: 1em;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: .5em 0;
	padding-left: 10px;
	text-decoration: none;
	}


	.glossymenu a.menuitem:visited, .glossymenu .menuitem:active {
		color: white;
	}

	.glossymenu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/
		position: absolute;
		top: .6em;
		right: 15em;
		border: none;
	}

	.glossymenu a.menuitem:hover {
		background-image: url(images/glossyback2.gif);
	}

	.glossymenu div.submenu { /*DIV that contains each sub menu*/
		background: #ccc;
	}

	.glossymenu div.submenu ul { /*UL of each sub menu*/
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.glossymenu div.submenu ul li {
		border-bottom: 1px solid #999;
	}

	.glossymenu div.submenu ul li a {
	display: block;
	font-size: 1em;
	line-height: 1.3em;
	color: black;
	text-decoration: none;
	padding: 5px 0;
	padding-left: 10px;
	}

	.glossymenu div.submenu ul li a:hover {
		background: #fff;
	}
	li {
		line-height: 1.4em;
	}
