
/************ classes applied by the navigation system ************************/

.navBlock { position: absolute; width: 1px; padding-bottom: 1px; }
.navBlock a { text-align: center; display: block; float: left; } /*float so horizontals work*/

/* 
a class of the form navBlockn (e.g. navBlock5) is also applied to each menu block.
horizontal blocks need to be given width, e.g.: .navBlock0 { width: 405px; }
*/
.navBlock0 { width: 900px; filter: alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity: 0.75; }
.navBlock1 { width: 120px; filter: alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity: 0.75; }
.navBlock2 { width: 120px; filter: alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity: 0.75; }
.navBlock3 { width: 120px; filter: alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity: 0.75; }
.navBlock1 {  }

/******************** example user classes ************************************/
#navHolder { text-align: left; height: 100px; position: absolute; left: 10px; top: 140px; z-index:10; width:900px; } /*because IE sucks*/
#navHolder2 { text-align: left; height: 100px; position: absolute; left: 10px; top: 40px; z-index:10; width:900px; }

.navItem { width: 120px; 
	
	margin-bottom: -1px; 
	
	background-color: #eee; 
	border: 1px solid #aaa; 
	text-decoration: none;
	background-position: center left; 
	background-repeat: no-repeat; }

.navItem:hover { 
	background-color: #8bb1fe; 
	color: #b21528; }

.topL { height: 28px; padding-top: 11px; }

.subL { height: 18px; padding-top: 5px; font-size: 11px; }

.currentItem { 
	cursor: default; 
	background-color: #8bb1fe; 
	color: #b21528; }

.currentItem:hover { 
	background-color: #8bb1fe; 
	color: #b21528;}

.category {  
	cursor: default;
	width: 120px; 
	margin-bottom: -1px; 
	background-color: #eee; 
	border: 1px solid #aaa; 
	text-decoration: none;
	background-position: center right; 
	background-repeat: no-repeat;
	background-color: #fed; }

.rightCat { background-image: url("images/base0/right.gif"); }
.rightCat:hover { background-color: #efe; background-image: url("images/R0/right.gif"); }
.downCat { background-image: url("images/base0/down.gif"); }
.downCat:hover { background-image: url("images/R0/down.gif"); }

.hm1 { margin-left: -1px; }
.vm1 { margin-top: -1px; }
.wider { width: 180px; }
.higher { height: 32px; }
