@charset "utf-8";

/* DESIGN NOTES - Navigation Stylesheet

Website: PerthNostalgiaFestival.org
Style Author: Nik Peran, http://PerthNostalgiaFestival.org
Layout: Left sidebar with submenus

_________________________________________________________________*/


/* Define styles for SIDE MENU-----------------------------------*/

#blank, #program, #join, #sponsor, #event, #about, #article, #album {
}
#menuSide {
	position: absolute;
	left: 8px;
	top: 170px;
	width: 192px;
}

#menuSide li {
	list-style-type: none;
	font-weight: bold;
	font-size: 1.4em;
}

#menuSide a {
	display: block;
	height: 28px;
	text-decoration: none;
	padding-left: 50px;
	padding-top: 6px;
	background-repeat: no-repeat;
}

#menuSide a:link, #menuSide a:visited {
	background-image: url(../images/bg-navlinks.jpg);
	color: #272727;
	background-position: left top;
}
#menuSide a:hover, #menuSide a:active {
	background-image: url(../images/bg-navlinks.jpg);
	color: #804040;
	background-position: left bottom;
}
#program a#programLink, 
#join a#joinLink,
#sponsor a#sponsorLink,
#event a#eventLink,
#about a#aboutLink,
#article a#articleLink,
#albums a#albumLink,
#album a#albumLink {
	background-image: url(../images/bg-navlinks.jpg);
	color: #272727;
	background-position: right top;
}
#program a#programLink:hover,
#join a#joinLink:hover,
#sponsor a#sponsorLink:hover,
#event a#eventLink:hover,
#about a#aboutLink:hover,
#article a#articleLink:hover,
#albums a#albumLink:hover
#album a#albumLink:hover {
	background-image: url(../images/bg-navlinks.jpg);
	color: #804040;
	background-position: right bottom;
}


/* Define styles for SUB MENUs------------------------------------------*/

#subMenus {
	font-size: 1.4em;
}
#subMenus  ul {
	list-style-type: none;
	padding-bottom: 0px;
}
#subMenus a:link, #subMenus a:visited {
	color: #FF9900;
	display: block;
	text-decoration: none;
	padding: 5px 0 5px 10px;
	border-bottom: 1px dashed #333;
}
#subMenus a:hover {
	color: #804040;
	background-image: url(../images/hover.png);
	background-repeat: repeat-x;
	background-color: #ffffb0;
}

#submenuProgram, #submenuJoin, #submenuSponsors, #submenuEvents, 
#submenuAbout, #submenuArticles, #submenuAlbums {
	background-color: #000;
	width: 150px;
	position: absolute;
	left: 199px;
	color: #FF9900;
	padding:1px 1px 1px 10px;
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	border-bottom: solid 1px #333;
	background-image: url(../images/submenu-triangle.png);
	background-repeat: no-repeat;
	background-position: 0px 11px;
}

#submenuProgram {
	top: 169px;
	visibility: hidden;
}
#submenuJoin {
	top: 203px;
	visibility: hidden;
}
#submenuSponsors {
	top: 237px;
	visibility: hidden;
}
#submenuEvents {
	top: 271px;
	visibility: hidden;
}
#submenuAbout {
	top: 305px;
	visibility: hidden;
}
#submenuArticles {
	top: 339px;
	visibility: hidden;
}
#submenuAlbums {
	top: 373px;
	visibility: hidden;
}


/* Define FOOTER & BREADCRUMB Link Styles------------------------------------------*/

#breadcrumbNav {
	position: absolute;
	z-index: 1;
	height: 30px;
	left: 210px;
	top: 140px;
	line-height: 28px;
	font-size: 1.1em;
	color: #3D1F1F;
}
#topLinks {
	position: absolute;
	z-index: 2;
	height: 30px;
	top: 140px;
	line-height: 28px;
	font-size: 1.2em;
	right: 15px;
	text-align: right;
}

#footer a:link, #footer a:visited,
#topLinks a:link, #topLinks a:visited,
#breadcrumbNav a:link, #breadcrumbNav a:visited {
	color: #ffffb0;
}
#footer a:hover, #footer a:active,
#topLinks a:hover, #topLinks a:active,
#breadcrumbNav a:hover, #breadcrumbNav a:active {
	color: #FFFBFB;
	text-decoration: none;
}
#breadcrumbNav strong {
	color: #F9C362;
}



/* Define SUB-FOOTER Link Styles------------------------------------------*/
#subFooter a:link, #subFooter a:visited {
	color: #666;
	text-decoration: none;
}
#subFooter a:hover, #subFooter a:active {
	color: #666;
	text-decoration: underline;
}

/* BUTTONS ------------------------------------------------------------*/
a#topBtn:link, a#topBtn:visited  {
	display: block;
	float:right;
	height: 24px;
	width: 50px;
	text-decoration: none;
	margin: 0 14px 12px 0;
	background: url(../images/btn-top.png) top no-repeat;
}
a#topBtn:hover, a#topBtn:active  {
	background: url(../images/btn-top.png) bottom no-repeat;
}

a#bookBtn:link, a#bookBtn:visited  {
	display: block;
	margin: 15px auto;
	height: 60px;
	width: 192px;
	text-decoration: none;
	background: url(../images/bookingButton.jpg) no-repeat top;
}
a#bookBtn:hover, a#bookBtn:active  {
	background: url(../images/bookingButton.jpg) no-repeat bottom;
}