#nav{
	width: 213px;
	height: auto;
	list-style-image: none;
	list-style-type: none;
	float: left;
}

	

#nav li a{
	height: auto; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
	display: block;
	list-style-image: none;
	list-style-type: none;
	width: 213px;
}

#nav #nav-festoverview a{
	background-image: url(../images/nav/nav-get-info.gif);
	background-repeat: no-repeat;
	height: 30px;
	list-style-image: none;
	list-style-type: none;
	width: 213px;
}
#nav #nav-festoverview a:hover{
	background-image: url(../images/nav/nav-get-info-on.gif);
	background-repeat: no-repeat;
}

#nav #nav-buytix a{
	background-image: url(../images/nav/nav-buy-tix.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 213px;

}
#nav #nav-buytix a:hover{
	background-image: url(../images/nav/nav-buy-tix-on.gif);
	background-repeat: no-repeat;
}

#nav #nav-download a{
	background-image: url(../images/nav/nav-dload.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 213px;

}
#nav #nav-download a:hover{
	background-image: url(../images/nav/nav-dload-on.gif);
	background-repeat: no-repeat;

}

#nav #nav-tickets a{
	background-image: url(../images/nav/nav-tix-getinfo.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 213px;

}
#nav #nav-tickets a:hover{
	background-image: url(../images/nav/nav-tix-getinfo-on.png);
	background-repeat: no-repeat;
}

#nav #nav-venues a{
	background-image: url(../images/nav/nav-venues-parking.gif);
	background-repeat: no-repeat;
	height: 44px;
	width: 213px;

}
#nav #nav-venues a:hover{
	background-image: url(../images/nav/nav-venues-parking-on.gif);
	background-repeat: no-repeat;
	
}

#nav #nav-sponsorspg a{
	background-image: url(../images/nav/nav-sponsors.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 213px;

}
#nav #nav-sponsorspg a:hover{
	background-image: url(../images/nav/nav-sponsors-on.gif);
	background-repeat: no-repeat;
}

#nav #nav-community a{
	background-image: url(../images/nav/nav-community.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 213px;

}
#nav #nav-community a:hover{
	background-image: url(../images/nav/nav-community-on.gif);
	background-repeat: no-repeat;
}

#nav #nav-print a{
	background-image: url(../images/nav/nav-source-guide.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 213px;

}
#nav #nav-print a:hover{
	background-image: url(../images/nav/nav-source-guide-on.gif);
	background-repeat: no-repeat;
}

#nav #nav-credits a{
	background-image: url(../images/nav/nav-credits.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 213px;

}
#nav #nav-credits a:hover{
	background-image: url(../images/nav/nav-credits-on.gif);
	background-repeat: no-repeat;
}

#nav #nav-membership a{
	background-image: url(../images/nav/nav-membership.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 213px;

}
#nav #nav-membership a:hover{
	background-image: url(../images/nav/nav-membership-on.gif);
	background-repeat: no-repeat;
}


#nav #nav-volunteer a{
	background-image: url(../images/nav/nav-volunteer.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 213px;

}
#nav #nav-volunteer a:hover{
	background-image: url(../images/nav/nav-volunteer-on.gif);
	background-repeat: no-repeat;
}


#nav #nav-about a{
	background-image: url(../images/nav/nav-outfest-home.gif);
	background-repeat: no-repeat;
	height: 44px;
	width: 213px;

}
#nav #nav-about a:hover{
	background-image: url(../images/nav/nav-outfest-home-on.gif);
	background-repeat: no-repeat;
}

#nav #nav-home a{
	background-image: url(../images/nav/nav-home.gif);
	background-repeat: no-repeat;
	height: 44px;
	width: 213px;

}
#nav #nav-home a:hover{
	background-image: url(../images/nav/nav-home-on.gif);
	background-repeat: no-repeat;
}

#nav #nav-share a{
	background-image: url(../images/nav/nav-share.gif);
	background-repeat: no-repeat;
	height: 44px;
	width: 213px;

}
#nav #nav-share a:hover{
	background-image: url(../images/nav/nav-share-on.gif);
	background-repeat: no-repeat;
}



/* ACTIVE STATE */

body#festoverview #nav-festoverview a{

}
body#buytix #nav-buytix a{

}
body#download #nav-download a{

}
body#tickets #nav-tickets a{

}
body#venues #nav-venues a{

}
body#sponsorspg #nav-sponsorspg a{

}
body#community #nav-community a{

}
body#print #nav-print a{

}
body#credits #nav-credits a{

}
body#home #nav-home a{

}



/* TOP NAV */

#topnav {
	height: 21px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	text-transform: uppercase;
	line-height: 20px;
	margin: 0px 0px 0px 0px;
}


#header-getinfo {
	height: 22px;
	background:transparent url(../images/header-getinfo.gif) no-repeat left;
	background-position:right;
	text-align:right;
	margin: 64px 0px 9px 0px;
}

#header-acknowledgements {
	height: 22px;
	background:transparent url(../images/header-acknowledgements.gif) no-repeat left;
	background-position:right;
	text-align:right;
	margin: 85px 0px 9px 0px;
}
#header-venues {
	height: 22px;
	background:transparent url(../images/header-venues.gif) no-repeat left;
	background-position:right;
	text-align:right;
	margin: 64px 0px 9px 0px;
}
#header-volunteer {
	height: 22px;
	background:transparent url(../images/header-volunteer.gif) no-repeat left;
	background-position:right;
	text-align:right;
	margin: 85px 0px 9px 0px;
}
#header-community {
	height: 22px;
	background:transparent url(../images/header-community.gif) no-repeat left;
	background-position:right;
	text-align:right;
	margin: 85px 0px 9px 0px;
}
#header-filmguide {
	height: 22px;
	background:transparent url(../images/header-filmguide.gif) no-repeat left;
	background-position:right;
	text-align:right;
	margin: 85px 0px 9px 0px;
}
#header-sponsors {
	height: 22px;
	background:transparent url(../images/header-sponsors.gif) no-repeat left;
	background-position:right;
	text-align:right;
	margin: 85px 0px 9px 0px;
}
#header-printsource {
	height: 22px;
	background:transparent url(../images/header-printsource.gif) no-repeat left;
	background-position:right;
	text-align:right;
	margin: 85px 0px 9px 0px;
}



#topnav a {
	color: #FFFFFF;
	height: 21px;
	text-decoration: none;
	display:block;
	float:right;
	margin-left: 3px;
	padding:  0px 0px 0px 12px;
	text-align: center;
	vertical-align: middle;
	background:#ed0973 url(../images/nav/pinknavbar-left.gif) no-repeat left;
}
#topnav #chosen a {
	color: #FFFFFF;
	height: 21px;
	text-decoration: none;
	display:block;
	float:right;
	margin-left: 3px;
	padding:  0px 0px 0px 12px;
	text-align: center;
	vertical-align: middle;
	background:#3a5dac url(../images/nav/bluenavbar-left.gif) no-repeat left;
}

#topnav #chosen a span{
	height: 21px;
	padding: 0px 12px 0px 0px;
	display:inline;
	float:left;
	vertical-align: middle;
	background:transparent url(../images/nav/bluenavbar-right.gif) no-repeat right;
}
#topnav a span {
	height: 21px;
	padding: 0px 12px 0px 0px;
	display:inline;
	float:left;
	vertical-align: middle;
	background:transparent url(../images/nav/pinknavbar-right.gif) no-repeat right;
}


#topnav a:hover {
	text-decoration: underline;
}






/* SUB NAV */

#subnav {
	height: 21px;
	width:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	text-transform: uppercase;
	line-height: 20px;
	margin: 8px 0px 10px 0px;
}

#subnav a {
	color: #022463;
	height: 21px;
	text-decoration: none;
	display:block;
	float:left;
	margin-right: 3px;
	padding:  0px 0px 0px 12px;
	text-align: center;
	vertical-align: middle;
	background:#a0ceef url(../images/nav/bluenav-left.gif) no-repeat left;
}

#subnav a span {
	height: 21px;
	padding: 0px 12px 0px 0px;
	display:inline;
	float:left;
	vertical-align: middle;
	background:transparent url(../images/nav/bluenav-right.gif) no-repeat right;
}


#subnav a:hover {
	text-decoration: underline;
}


#subnav2 {
	height: 21px;
	width:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	text-transform: uppercase;
	line-height: 20px;
	margin: 8px 0px 10px 0px;
}

#subnav2 a {
	color: #FFF;
	height: 21px;
	text-decoration: none;
	display:block;
	float:left;
	margin-right: 3px;
	padding:  0px 0px 0px 12px;
	text-align: center;
	vertical-align: middle;
	background:#ed0973 url(../images/nav/pinknav-left.gif) no-repeat left;
}

#subnav2 a span {
	height: 21px;
	padding: 0px 12px 0px 0px;
	display:inline;
	float:left;
	vertical-align: middle;
	background:transparent url(../images/nav/pinknav-right.gif) no-repeat right;
}


#subnav2 a:hover {
	text-decoration: underline;
}