@charset "utf-8";
/* Main CSS is below for a centered page
 * #headerbox & #contentbox worked for Firefox with position:absolute
 * but did not work in IE6, so back to relative which seems to be fine all around
 * use this CSS for the global template
 * all header items nested inside headerbox, all page content nested in contentbox
 * apdivs nested in these will have relative coordinates to them for global changes
 * Everything is nested inside body and #pagewrapper
 * Basic Content is 900px by approximately 700px High, header is 70px high 
*/
body {
	text-align: center;
	margin: 0px;
	
}
#pagewrapper {
	width: 910px;
	margin: 0 auto;
	text-align: center;
	}
/* #headerbox holds header image and #headernav for navigation */
#headerbox {
	position: relative;
	width: 910px;
	height: 70px;
	background-image:url(../Images/Header-Background.jpg);
	z-index:300;
}
/* #header nav holds the Main Navigation Bar*/
#headernav {
	position:absolute;
	width: 910px;
	height: 20px;
	top: 49px;
	left:0px;
	display:inline;
	float:left;	
	font-family:arial; font-size:12px; text-decoration:none; color:#FFFFFF; font-weight:bold;
}
div#navbox a {font-family:arial; font-size:12px; text-decoration:none; color:#FFFFFF; font-weight:bold;}
div#navbox a:hover {color:#FF9900; text-decoration:none; font-weight:bold;}

/* mainnav is class for hard coded main nav links*/
.mainnav {
	height:16px;
	float:left;
	display:inline;
	padding-top:3px;
}
.mainnav a {font-family:arial; font-size:12px; text-decoration:none; color:#FFFFFF; font-weight:bold;}
.mainnav a:hover {color:#FF9900; text-decoration:none; font-weight:bold;}

/* navbox holds the individual navigators*/
#navbox {
	height:16px;
	float:left;
	display:inline;
	padding-top:3px;
	font-family:arial;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}

div#navbox a {font-family:arial; font-size:12px; text-decoration:none; color:#FFFFFF;}
div#navbox a:hover {color:#FF9900; text-decoration:none;}

/* #contentbox holds all page content, will start where headerbox ends it's height */
#contentbox{
    position:relative;
	width: 910px;
}

/* End of the main Global Div Header items */

/* Online Catalog Navigation Begins Here
* Contained in Main CSS as there will be more than a few Catalog Nav Pages
*/
#catnavbox{
    position:absolute;
	top:0px; left:0px; height:20px; width:900px;
	background-color:#666666;
	border-top: #FF9900 1px solid;
	font-family:arial; font-size:12px; text-decoration:none; color:#FFFFFF; font-weight:bold;
}
div#catnavbox a {font-family:arial; font-size:12px; text-decoration:none; color:#FFFFFF; font-weight:bold;}
div#catnavbox a:hover {color:#FF9900; text-decoration:none; font-weight:bold;}

#catnavdropbox{
	position:absolute;
	top:19px; left:210px; width:200px;
	background-color:#666666;
	z-index:300;
	text-align:left;
	visibility:hidden;
	
}

.catnav{
	left:10px; width:190px; 
	margin-left:5px; margin-top:5px; padding-top:3px;
    border-top:#CCCCCC 1px dotted; text-indent:10px;;
}
.catnav a {font-family:arial; font-size:12px; text-decoration:none; color:#FFFFFF; font-weight:bold;}
.catnav a:hover {color:#FF9900; text-decoration:none; font-weight:bold;}

.lumnav{padding-top: 5px; text-indent:25px;}
.lumnav a {font-family:arial; font-size:12px; text-decoration:none; color:#FFFFFF; font-weight:bold;}
.lumnav a:hover {color:#FF9900; text-decoration:none; font-weight:bold;}

#catnavlinks{
	position:absolute;
	top:3px; left:235px; height:16px; width:550px;
	text-align:left;
	font-family:arial; font-size:12px; text-decoration:none; color:#FFFFFF; font-weight:bold;
}
div#catnavlinks a {font-family:arial; font-size:12px; text-decoration:none; color:#FFFFFF; }
div#catnavlinks a:hover {color:#FF9900; text-decoration:none; }



#catnavbox2{
    position:absolute;
	top:0px; left:0px; height:20px; width:900px;
	background-color:#666666;
	border-top: #FF9900 1px solid;
	font-family:arial; font-size:12px; text-decoration:none; color:#FFFFFF; font-weight:bold;
}
div#catnavbox2 a {font-family:arial; font-size:12px; text-decoration:none; color:#FFFFFF; font-weight:bold;}
div#catnavbox2 a:hover {color:#FF9900; text-decoration:none; font-weight:bold;}

#catnavdropbox2{
	position:absolute;
	top:19px; left:325px; width:200px;
	background-color:#666666;
	z-index:300;
	text-align:left;
	visibility:hidden;
	
}

.catnav2{
	left:10px; width:190px; 
	margin-left:5px; margin-top:5px; padding-top:3px;
    border-top:#CCCCCC 1px dotted; text-indent:10px;;
}
.catnav2 a {font-family:arial; font-size:12px; text-decoration:none; color:#FFFFFF; font-weight:bold;}
.catnav2 a:hover {color:#FF9900; text-decoration:none; font-weight:bold;}

#catnavlinks2{
	position:absolute;
	top:3px; left:235px; height:16px; width:550px;
	text-align:left;
	font-family:arial; font-size:12px; text-decoration:none; color:#FFFFFF; font-weight:bold;
}
div#catnavlinks2 a {font-family:arial; font-size:12px; text-decoration:none; color:#FFFFFF; }
div#catnavlinks2 a:hover {color:#FF9900; text-decoration:none; }