/* change these for each site */

#nav {
width:920px;
margin:16px 0 0 0;
list-style:none;
}

#nav,
#nav li {
float:left;
display:inline;
}

#nav li {
margin:0 15px 0 0;
}

/* automated for the site */

#nav li a { 
display:block;
height:14px;
}

#nav li.about a { 
width:53px;
background:url('../img/nav/01-about.jpg') no-repeat;
}

#nav li.news a { 
width:43px;
background:url('../img/nav/02-news.jpg') no-repeat;
}

#nav li.contact a { 
width:77px;
background:url('../img/nav/03-contact.jpg') no-repeat;
}

#nav li.press a { 
width:100px;
background:url('../img/nav/04-press.jpg') no-repeat;
}

#nav li.schedule a { 
width:136px;
background:url('../img/nav/05-schedule.jpg') no-repeat;
}


#nav li a:hover,
#nav li a.selected {
background-position:0 -14px;
}

#nav li a span {
display:none;
}

#nav li.mailing_list {
margin:0;
width:436px;
}

#nav li.mailing_list form {
text-align:right;
}

#nav li.mailing_list input {
padding:3px;
border:1px solid #999;
}

#nav li.mailing_list .button {
padding:2px;
background:#fff;
color:#000;
border:none;
font-weight:bold;
cursor:pointer;
cursor:hand;
outline:none;
}

#nav li.mailing_list .button:hover {
color:#666;
}