/* Mail CSS file for Inlandequip.com Site */

html {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background: #EEE;
	margin: 0;
	padding: 0;
	behavior: url(css/csshover4.htc); /* Adds arbitrary-element hover capabilities to IE/Win. See li:hover. Will not validate (http://www.xs4all.nl/~peterned/csshover.html) */
}

h1, h2, h3, h4, h5, h6 {
	text-align: center;
}

/***********************************************/
/* Masthead                                               */
/***********************************************/

#masthead {
	margin: 0;
	padding: 0;
	background-color:#00F;
}

#mastheadLeft {
	position: absolute;
	top: 0;
	left: 0;
	width: 20%;
	height: 100px;
	text-align: center;
	background-color: #777;
	background-color: #444;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
}

/* Positioned Screws in Right Masthead */
.tl {
	position: absolute;
	top: 1px;
	left: 1px;
}

.tr {
	position: absolute;
	top: 1px;
	right: 3px;
}

.bl {
	position: absolute;
	bottom: 1px;
	left: 1px;
}

.br {
	position: absolute;
	bottom: 1px;
	right: 3px;
}
/* End Positioned Screws in Left Masthead */


#mastheadRight {
	position: absolute;
	top: 0;
	left: 20%;
	width: 80%;
	height: 100px;
}

#iesTitle {
	position: absolute;
	top: .25em;
	left: 0;
	width: 100%;
	height: auto;
	text-align: center;
}

#iesTitle p {
	margin-top: -5px;
	font-size: 80%;
	color: #FFF;
}
/* End Masthead */

/***********************************************/
/* Main Nav Bar                                                      */
/***********************************************/

.navBar {
	position: absolute;
	top: 0;
	left: 0;
	width: 20%;
	margin: 100px 0 0;
	padding: 0;
	font-size: 70%;
	font-weight: bold;
}

.navBarHead {
	margin: 0;
	padding: 0.2em;
	width: auto;
	text-align: center;
	line-height: 1em;
	color: #000;
	background: #ccc;
	border: 2px solid #000;
	border-bottom: 1px solid #000;
}

.navBarHead a:link {
	color: #FFF;
	text-decoration: none;
}

.navBarHead a:visited {
	color: #000;
	text-decoration: none;
}

.navBarHead a:hover {
	color: #FFFFF0;
}

.navBar ul {
	margin: 0;
	padding: 0;
	width: auto;
	background: #FFFFF0;
	border: 2px solid #000;
	border-top: none;
}

.navBar li {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* hover will work in WinIE because of csshover.htc in body rule */
div#links li:hover.enable {
	color: #FFFFF0;
	background: #EEE;
}

.navBar li a {
	display: block; /* fill width so li:hover will work correctly */
	padding: 0.25em 0.2em 0.25em 1em;
	text-decoration: none;
	text-indent: -5px;
	color: #000;
	border-top: 2px solid #000;
	width: 100%; /* for WinIE <6 */
	voice-family: "\"}\""; voice-family: inherit; /* hack so Win IE <6 (only) will ignore rest of rule */
	width: 96%; /* for WinIE 6 only, see override below */
}

/* Override for non-WinIE browsers */
#links>ul a {
	width: auto;
}

.navBar li.enable a:hover {
	color: #FFFFF0;
	background: #333;
}

.navBar li.disable {
	color: #666;
	background: #DDD;
	border-top: 2px solid #000;
	padding: 0.25em 0.2em 0.25em 1em;
	text-indent: -5px;
}

.navBar li.inactive {
	color: #999;
	background: #DDD;
	display: none;
}

/* End Main Nav Bar */

/***********************************************/
/* Top Nav Bar                                 */
/***********************************************/

/* Top Nav Bar */
#navBarTop {
	position: relative;
	top: 100px; 
	width: 100%;
	height: 2em;
	margin: 0;
	padding: 0;
	color: #FFF;
	background-color: #000;
	font-size: 70%;
	line-height: 1.5em; /* for IE, see override below (disabled for IE7) */
}

/* IE doesn't understand the following (i.e. ">") 
body>#navBarTop {
	line-height: .2em;
} */

/* Top Nav Bar Links */
#navBarTop a, a:link {
	color: #FFF;
	text-decoration: none;
}

#navBarTop a:active {
	color: #0FF;
}

#navBarTop a:hover {
	color: #FF0;
}

#navBarTop a:visited {
	color: #DDD;
}

#navBarTop div.zl {
	padding-top: -1.5em;
}

/* End Top Nav Bar Links */

/***********************************************/
/* Body Content                                */
/***********************************************/

#catHead {
	left: inherit;
	font-size: 90%;
	height: 18px;
	line-height: 1.1em;
	font-weight: bold;
	color: #000;
	text-align: center;
	background-color: #FFFFF0;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #000;
}

#content {
	position: relative;
	top: 100px;
	width: 100%;
	height: 56em;
	margin: 0;
	padding: 0;
	background: #777 url(../images/metal.gif);
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	border-left: 1px solid #000;
}

#MiscContent {
	margin: 1em 10em;
	padding: .5em;
	border: 4px solid;
	border-color: #888 #222 #222 #888;
	background-color: #DDD;
	color: #000;
	font-weight: bold;
}

#MiscContent a:link {
	color: #000;
	text-decoration: underline;
}