#navigation_apple
{
	margin: 0 auto;
	padding:0;
	width:800px;
	border: 1px solid #FFFFFF;
	clear:both;
	height:46px; 
	
	/*OK, whenever you do an ordered list, which we will be doing in here it leaves 
	white space at the top and the amount of white space is slightly different in IE
	and Safari -- we need to make the navigation div tall enough to incorporate the 
	total width of the anchor block links and the white space due to the ordered list.
	When you are doing this turn on the border so you can see how large the div
	actually is. */
	
}

#navigation_apple ul 
{
	
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;	
}


#navigation_apple  ul li 
{
	
	float:left;
	margin-left: 0px;
	text-align: center;	
}

#navigation_apple ul li a
{
	/*Set it up for IE where we need to include the
	padding and border in the width (it isn't added)*/
	
	/*Build it for IE where we have to shift it down 
	from header b/c ul has no blank space*/
	
	float:left;
	width: 80px;
	padding-top:8px; /*This is to get the text to be centered in the silver square*/
	height:30px; /* 22px will be left when padding is subtracted */
	text-decoration:none;
	color: #ffffff;
	font-weight:800;
	text-shadow: #333333 1px 1px 2px;
	font-family:Verdana;
	font-size:11px;
	background:url(images/apple_button_hover.png);
	position:relative;
	bottom:-23px;
}

/*Correct for Safari and Mozilla*/

html>body #navigation_apple ul li a  
{
	height:22px;
	position:relative;
	bottom:0px;
}

#navigation_apple ul li a:hover
{
	/*Set it up for IE where we need to include the
	padding and border in the width (it isn't added like in other browers)*/
	
	float:left;
	width: 80px;
	padding-top:8px;
	height:30px; /* 22px will be left when padding is subtracted */
	text-decoration:none;
	color: #ffffff;
	font-weight:800;
	text-shadow: #333333 1px 1px 2px;
	font-family:Verdana;
	font-size:11px;
	background-color:#222222;
	background:url(images/apple_button.png);
}

/*Correct for Safari and Mozilla*/

html>body #navigation_apple ul li a:hover
{
	height:22px;
}

#navigation_apple ul li a.active
{
	/*Set it up for IE where we need to include the
	padding and border in the width (it isn't added like in other browers)*/
	
	float:left;
	width: 80px;
	padding-top:8px;
	height:30px; /* 22px will be left when padding is subtracted */
	text-decoration:none;
	color: #ffffff;
	font-weight:800;
	text-shadow: #333333 1px 1px 2px;
	font-family:Verdana;
	font-size:11px;
	background-color:#222222;
	background:url(images/apple_button_active.png);
}

/*Correct for Safari and Mozilla*/

html>body #navigation_apple ul li a.active
{
	height:22px;
}


/*Sidebar link styles and footer
--------------------------------*/

#sidebar
{
	float: left;
	width: 80px;
	display: inline;
	margin-left: 0px;
	padding: 0px 0px;
	font-family: Verdana;
	font-size: 10pt;
}

#sidebar ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-size:10pt;
}

#sidebar ul a
{
	display: block;
	text-decoration: none;
	padding: .2em .5em;
	color: #660000;
	border-bottom: 1px solid #CCCCCC;
	width: 50px;
	text-align:right;

}

#sidebar ul a:hover
{
	color: #444444;
	font-weight:bold;
}

/* Enable a horizontal navbar */

#mininav_top
{
	width: 660px;
	text-align: right; /* the total text box will be aligned right */
	float:right;
	padding-top:5px;
	font-family: Verdana;
	font-size: 11px;
}

#mininav_top a
{
	text-align:center; /* the text for each button is in the center of the anchor box*/
	padding-left:5px;
	padding-right:5px;
	height-min:40px;
	text-decoration:none;
	color: #660000;
}


#mininav_top a:hover
{
	color: #444444;
}