#navbar h1 {
	width: 102px;
	height: 87px;
	margin: 50px auto 25px auto;
}

#navbar h1 a {
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -2000em;
	background: url(../gfx/mag-logo-wht.gif) 0 0 no-repeat;
	outline: none;
}

#navbar h1 a:hover, #navbar h1 a:focus {
	filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;
}



#navbar {
	min-height: 700px;
	width: 150px;
	color:#FFFFFF;
	text-align:center;
}


ul#nav {
	overflow: hidden;

	/* e-tard */
	position: relative;
}

ul#nav li {
	list-style: none;
	position: relative;
	border-top:1px solid #444;
	margin-left: 0;
	
	/* e-tard */
	width: 150px;	
}

ul#nav li a {
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	color: #777;
	padding: 10px 25px 10px 0;
	display: block;
	text-indent: -2000em;
	outline: none;
	
	/* e-tard */
	width: 125px;
	height: 20px;
	line-height: 20px;
	
}

ul#nav li a:hover {
	color: #fff;
}


ul#nav li span {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}

ul#nav li span a {
	background: none;

	/* e-tard */
	width: 0;
	height: 20px;		
}

ul#nav li span a:hover,ul#nav li span a:focus {
	background: url(../gfx/nav_plus_highlight.gif) no-repeat 2px center;
}


li#nav_home a { background: url(../gfx/nav_home.gif) no-repeat center right; }
li#nav_home a:hover,li#nav_home a:focus { background-position: left; }

li#nav_visit a { background: url(../gfx/nav_visit.gif) no-repeat center right; }
li#nav_visit a:hover,li#nav_visit a:focus,li#nav_visit a.selected { background-position: left; color:white;}

li#nav_events a { background: url(../gfx/nav_events.gif) no-repeat center right; }
li#nav_events a:hover,li#nav_events a:focus,li#nav_events a.selected { background-position: left; color:white;}

li#nav_learning a { background: url(../gfx/nav_learning.gif) no-repeat center right; }
li#nav_learning a:hover,li#nav_learning a:focus,li#nav_learning a.selected { background-position: left; color:white;}

li#nav_collection a { background: url(../gfx/nav_collection.gif) no-repeat center right; }
li#nav_collection a:hover,li#nav_collection a:focus,li#nav_collection a.selected { background-position: left; color:white;}

li#nav_news a { background: url(../gfx/nav_news.gif) no-repeat center right; }
li#nav_news a:hover,li#nav_news a:focus,li#nav_news a.selected { background-position: left; color:white;}

li#nav_about a { background: url(../gfx/nav_about.gif) no-repeat center right; }
li#nav_about a:hover,li#nav_about a:focus,li#nav_about a.selected { background-position: left; color:white;}

li#nav_involve a { background: url(../gfx/nav_involve.gif) no-repeat center right; }
li#nav_involve a:hover,li#nav_involve a:focus,li#nav_involve a.selected { background-position: left; color:white;}

li#nav_downloads a { background: url(../gfx/nav_downloads.gif) no-repeat center right; }
li#nav_downloads a:hover,li#nav_downloads a:focus,li#nav_downloads a.selected { background-position: left; color:white;}

li#nav_contact a { background: url(../gfx/nav_contact.gif) no-repeat center right; }
li#nav_contact a:hover,li#nav_contact a:focus,li#nav_contact a.selected { background-position: left; color:white;}

li#nav_centennial a { background: url(../gfx/nav_centennial.gif) no-repeat center right; }
li#nav_centennial a:hover,li#nav_2013 a:focus,li#nav_2013 a.selected { background-position: left; color:white;}

ul#nav li ul {
	padding-bottom: 10px;
}

ul#nav li ul li {
	border-top: none;
}

ul#nav li ul li ul li a {
	color: #fff;
}


ul#nav li ul li a {
	background: none;
	text-align: right;
	padding: 2px 25px 2px 0;
}

ul#nav li ul li a:hover, ul#nav li ul li a:focus, ul#nav li ul li a.selected {
	background: url(../gfx/nav_2ndmain.gif) no-repeat center center;
}

ul#nav li ul li span a:focus {
	background: none;
}

ul#nav li ul li ul li a:focus {
	background: url(../gfx/nav_2ndmain.gif) no-repeat center center;
}


ul#nav li ul li span a {
	position: absolute;
	padding: 2px 0;
	right: 6px;
}





ul#nav li.subheading a {
	color: #fff;
	background: url(../gfx/nav_2nd.gif) no-repeat 4px center;
}

ul#nav li.subheading a:hover {
	color: #777;
	background: url(../gfx/nav_2nd.gif) no-repeat 4px center;
}

ul#nav li.subheading span a,ul#nav li.subheading span a:hover {
	background: none;
}



ul#nav li.subheading ul li a:hover,ul#nav li.subheading ul li a.selected {
	background: url(../gfx/nav_2ndmain.gif) no-repeat center center;
}



ul#nav li.subheading span a {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	text-align: left;
	text-indent: -2000em;
}




ul#nav li.subheading ul li a {
	background: none;
}


/*-----Tooltip------*/

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 0;
	background: url('../gfx/bg_hots-sm.gif') left bottom; border: 1px solid #ffe3ab;
	filter:alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95;
	padding: 0px 6px 0 6px;
}

#tooltip h3, #tooltip div { margin: 0; font-size:9px; color:#533418; text-transform:normal; }

/*
#tooltip - The tooltip container

#tooltip h3 - The tooltip title

#tooltip div.body - The tooltip body, shown when using showBody

#tooltip div.url - The tooltip url, shown when using showURL
The id #tooltip can be changed using the id option. */