/* CSS Document */

/* HEADER elements */

#headerwrap {
	width:860px;
	padding-top:20px;
	margin: 0 auto
	}

#social {
	float:left;
	display:inline;
	width:60px;
	padding:0;
	border:none;
	height:25px;
}

#social li {
	float:left;
	display:inline;
	width:24px;
	margin:0;
	margin-right:5px;
	padding:0;
	border:0;
	list-style:none;
}

#social li img {
	border:0;
}
	

#header {
	/* width: 690px; original with no social icons*/
	width: 620px;
	height: 40px;
	margin:0;
	padding:0;
	float:right;
	display:inline;
}

#logo {
	float: right;
	display:inline;
	width: 260px;
	height:40px;
	margin: 0;
	padding:0;
	border:none;
}


/*
#radio {
	float:right;
	display:inline;
	width:170px;
	padding:5px 0 0 0;
	border:none;
	height:20px; /* for IE5/Win 
	voice-family: "\"}\"";
	voice-family:inherit;
	height:15px; /* actual value 
}
*/

#radio {
	float:right;
	display:inline;
	width:170px;
	padding:0;
	border:none;
	height:15px;
}




#nav {
	float:right;
	list-style: none;
	margin: 0;
	padding: 0;
	/* width: 425px; original with no social icons*/
	width: 350px;
	height: 25px;
	overflow: hidden;
	display: inline;
	}


#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	display:inline;
	padding: 25px 0 0 0;
	margin:0;
	border:none;
	overflow: hidden;
	height:25px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 0px; /* actual value */
	}
	
#nav a:hover {
	background-position: 0 -25px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -25px;
	}
	


#navCalendar a {
	width: 80px;
	background: url(/img_base/nav-calendar.gif) left top no-repeat;
	}


/*	 Replaced Nav item "apprearances" with "calendar" Aug 2010, as per Amy K request

#navAppearances a {
	width: 106px;
	background: url(/img_base/nav-appearances.gif) left top no-repeat;
	}
*/	
#navProjects a {
	width: 73px;
	background: url(/img_base/nav-projects.gif) left top no-repeat;
	}
	
#navGallery a {
	width: 66px;
	background: url(/img_base/nav-gallery.gif) left top no-repeat;
	}
	
#navLibrary a {
	width: 66px;
	background: url(/img_base/nav-library.gif) left top no-repeat;
	}
	
#navForum a {
	width: 54px;
	background: url(/img_base/nav-forum.gif) 0 -25px no-repeat;
	}
	
/* Removed unused Nav item "store", also to make room for Twitter and Facebook icons

#navStore a {
	width: 48px;
	background: url(/img_base/nav-store.gif) left top no-repeat;
	}
*/


/* FOOTER NAV */

#footer {
	background-image: url(/img_base/footer.gif);
	background-repeat:no-repeat;
	margin: 0 auto;
	padding:10px;
	height: 100px;
	font-size: 11px;
	color:#999999;
	font-family:"Trebuchet MS", sans-serif;
	width:860px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 840px; /* actual value */
}

#footerNav {	
	list-style: none;
	margin-top:0;
	margin-left: 70px; /*margin to hard center the footer nav */
	padding: 0;
}

#footerNav li {
	list-style:none;
	margin:0;
	padding:0 8px;
	display:inline;
	float: left;
}


#footerNav a {
	border:none;
}

#footerNav a:link, a:visited {
	color:#FFF;
	text-decoration:none;
}
	

/* temporarly disabled
#footerNavNews a:link, #footerNavNews a:visited {
	color:#993333;
}
*/

#footerNavAppear a:link, #footerNavAppear a:visited {
	color:#999966;
	
}

#footerNavProjects a:link, #footerNavProjects a:visited {
	color:#339999;
}

#footerNavLibrary a:link, #footerNavLibrary a:visited {
	color:#669933;
}

#footerNavGallery a:link, #footerNavGallery a:visited {
	color:#996699;
}

#footerNavStore a:link, #footerNavStore a:visited {
	color:#66CC99;
}

#footerNavForum a:link, #footerNavForum a:visited {
	color:#FFCC33;
}



#footerNav a:hover, a:active {
	color:#666;
	text-decoration:none;
}