/* GoldenTracks Music CSS */
*
{
	margin: 0;
	padding: 0;
}
a, address, blockquote, body, cite, code, dd, del, dfn,		
div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, iframe, kbd,		
li, object, ol, p, q, samp, small, span, strong, sub, sup, ul, var, 		
applet, big, center, dir, font, hr, menu, pre,		
abbr, acronym, bdo, button, fieldset, ins, label
{
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    border-color: black;
    border-style: none;
    font-family: Verdana, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6, dt, th, thead, tfoot
{
    font-family: Verdana, Arial, sans-serif;
    color: Black;
}

p{
		text-align: justify;
}
a:link
{
	color: #C09D39;
	text-decoration: underline;
}
a:visited
{
	color: #C09D39;
}
a:focus
{
	color: #7F612D;
}
a:hover
{
	color: #7F612D;
}
a:active
{
	color: #7F612D;
}

body
{
    font-family: Verdana, Arial, sans-serif;
    font: large serif;
    padding: 0 0 2px 0;
    background-color: #ffffff;
    margin: auto;
	background-image: url(images/background-gradient-2-strip.png);
	background-position: center;
	background-attachment: scroll;    
    background-repeat: repeat-y;
}

div#overlay1
{
}
div#overlay2
{
}

div#outer
{
    text-align: left;
    width: 1000px;
    margin: 10px auto; /*10 px top and bottom. Centered horizontally*/
}
div#header
{
	position: absolute;
    height: 177px;
    width: 1000px;
    text-align: left;
    background-color: transparent;
}

#container {
    /*width: 90%; Move away from edges of the viewport - but it's liquid*/
	position: absolute;
    width: 1000px; /*consistent 1000 px display*/
    background-color: transparent;
} 

div#content {
	position: absolute;
	top: 190px;
	left: 190px;
	width: 610px;
	margin: auto;
/*	margin-left: 197px; /*separate the content from the left nav*/
/*    margin-right: 197px; /*separate the content from the right nav*/
	border-left: 0px solid #C09D39;
	border-right: 0px solid #C09D39;
    padding: 0px 10px 0 10px; /*move the content text away from the border*/
	height: 500px;

/*If the "leftnav" div is longer than the main content, the border can be applied to the right side of the "leftnav" div instead of the "content" div.*/ 
}

/*Left navigational column*/
#leftnav {
    position: absolute;
	top: 180px;
    width: 176px;
	height: 500px;
    margin: 0;
	padding: 0;
} 
#leftnav ul{
}
#leftnav ul li {
	list-style-type: none;
	text-align: left;
	font-size: 14px;
	padding: 0px 3px 3px 8px;
}
#leftnav ul li:hover
{
	color: #C09D39;
	background-color: #ffffff;
}
#leftnav ul li a
{
	display: block;
	width: 165px;
	height: 25px;
	font-size: 14px;
	font-family: Verdana, Arial, sans-serif;
	padding: 5px 3px 3px 8px;
	text-decoration: none;
	color: #000000;	
	border: none;
	outline: none;
} 
#leftnav ul li a:focus
{
	outline-color: #C09D39;
	outline: none;
	
}#leftnav ul li a:hover
{
color: #C09D39;
background-color: #ffffff;
background-image: url(images/null.png);
background-repeat: repeat-y;
} 
#leftnav ul li a:active
{
	outline-color: #C09D39;
	
	
}
.lvl1
{
	text-align: right;
}
#leftnav ul li a.lvl1
{
    width: 176px;
	font-size: 14px;
	padding: 0 0px 0 0;
	height: 25px;
}
#leftnav ul li a.lvl1:hover
{
	padding: 0 0px 0 0;
	background-image: url(images/null.png);
	background-repeat: repeat-y;
}

/*Right navigational column*/
#rightnav {
	position: absolute;
	left: 825px;
	top: 180px;
    width: 171px;
	height: 500px;
    margin: 0;
	padding: 0;
	z-index: 2;
} 
#rightnav ul{
}
#rightnav li {
	list-style-type: none;
	text-align: left;
}
#rightnav ul li a
{
	display: block;
	width: 176px;
	height: 30px;
	font-size: 14px;
	font-family: Verdana, Arial, sans-serif;
	padding: 5px 0 0 8px;
	text-decoration: none;

} 
#rightnav ul li a:link
{
	color: #000;
	background-color: transparent;
} 
#rightnav ul li a:visited
{
	color: #000;
	background-color: transparent;
} 
#rightnav ul li a:focus
{
	color: #000;
	background-color: #ffffff;
} 
#rightnav ul li a:hover
{
	color: #C09D39;
	background-color: #ffffff;
} 
#rightnav ul li a:active
{
	color: #fff;
	background-color: #A06B28;
} 

#rightnav ul ul li a
{
	font-size: 12px;
	text-decoration: underline;
} 
#rightnav ul ul li a:link
{
	color: #000;
	text-decoration: underline;
}
#rightnav ul ul li a:visited
{
	text-decoration: underline;
	color: #A06B28;
}
#rightnav ul ul li a:focus
{
	color: #C09D39;
	background-color: #ffffff;
}
#rightnav ul ul li a:hover
{
	color: #C09D39;
	background-color: #ffffff;
}
#rightnav ul ul li a:active
{
	color: #fff;
	background-color: #A06B28;
}


h1
{
    margin-top: 1px;
    margin-bottom: 1px;
    font-size: 48px;
    text-align: center;
    font-style: italic;
    color: #000;
}
		
h2
{	
    margin-top: 1px;
    margin-bottom: 1px;
    font-size: 24px;
    text-align: center;
    font-style: italic;
    color: #000;
}	
		
h3
{
    margin-top: 1.58em;
    margin-bottom: .33em;
    font-size: 20px;
    padding-top: 0;
    padding-bottom: 0;
    border-top: 0;
    border-bottom: 0;
    text-align: center;
    font-style: italic;
	color: #000;
}
h4{text-align: center;}
img#headerleft
{
	position: absolute;
	left: 40px;
	z-index: 2;
}

h1#headermiddle
{
	position: absolute;
	left: 205px;
	top: 50px;
	width: 600px;
	color: #7F612D;
	font-size: 48px;
	font-family:"Arial Narrow";
}
img#headermiddle
{
	position: absolute;
	left: 140px;
	top: 49px;
}
img#headerright
{
	position: absolute;
	left: 830px;
	top: 5px;

}
.noborder
{
	border: 0px solid #000;
	text-decoration: none;
}


/*Footer Section*/
div#footer {
	position: relative;
	top: 750px;
	height: 95px;
	width: 975px;
	margin: 0 0 0px 0px;
	padding: 5px 5px 15px 21px;
    font-size: 11px;
    color: #000;
    background-color: transparent;
    border-top: 1px solid #C09D39;
	border-bottom: 1px solid #C09D39;
    text-align: center;
} 
/*Footer navlist*/
/*Browsers use different amounts of margin above paragraphs and headings. It is safe to remove all top margins, as long as there are bottom margins to keep the paragaphs and headings seperate from elements below them.*/
ul#navlist {
	font-size: 1.5em;
	font-family: Verdana, Arial, sans-serif;
    list-style-type: none;
    text-align: center;
    width: 100%; /*make the entire list into a navigation bar*/
    color: #000;
	background-color: transparent;
	width: 525px;
	margin: auto;
}
ul#navlist li {
    display: inline;
	background-color: transparent;
	background-image: url(images/null.jpg);
	background-repeat: repeat-x;

}
ul#navlist li a {
    width: 5em;
    color: #000;
    padding: 0 .5em; /*put each list item into a box*/
    text-decoration: none;
    border-right: 2px solid #C09D39; /*set a border to the right of the list items to separate them – instead of using | */
	background-color: transparent;
}
ul#navlist li a:hover { /*Set the hover rollover effect*/
    background-color: #fff;
    color: #C09D39;
	background-image: url(images/null.png);
	background-repeat: no-repeat;
	background-position: right;
}
ul#navlist li a.noborder { /*No "border" divider on the rightmost item*/
    border-right: none;
}

/*Footer end-copyright*/
#copyright
{
    list-style-type: none;
	background-color: transparent;
}
ul#end {
}
ul#end li {
	padding: 0 5px 0 5px;
    display: inline;
    border-right: 2px solid #C09D39;
    line-height: 15px;
    list-style-type: none;
	background-color: transparent;

}
ul#end li a {
    text-decoration: underline;
	color: #000;
}
ul#end li a:link
{
    font-weight: normal;
}
ul#end li a:visited
{
    font-weight: normal;
	color: #000;
}
ul#end li a:active
{
    font-weight: normal;
}
ul#end li a:hover
{
    color: #C09D39;
	background: #fff; 
    font-weight: normal;
	background-image: url(images/null.png);
	background-repeat: no-repeat;
	background-position: right;
}

ul#end li.noborder { /*No "border" divider on the rightmost item*/
    border-right: none;
}
ul.servicelist
{
	margin: 0 0 0 20px;
	padding: 0;
}
ul.level2
{
	margin: 0 0 0 40px;
	padding: 0;
	width: 480px;
}
.player
{
	position: relative;
	left: 37px;
}
div#popup_container
{
	position: relative;
	z-index: 200;
}
div#pbeatplayer
{
	position: relative;
	font-size: 10px;
	left: 0px;
	top: 0px;
	width: 200px;
	height: 500px;
	/*cursor: pointer;*/
}
div#prembeaticon
{
	position: relative;
	top: -25px;
	left: 294px;
}
div#xspfplayer
{
	position: relative;
	font-size: 10px;
	left: 0px;
	top: 0px;
	width: 200px;
	height: 500px;
	/*cursor: pointer;*/
}
.songlistnums
{
	font-size: 14px;
	
}
.songtitle
{
	font-size: 14px;
	font-weight: bold;
}
div#zplayer
{
	position: relative;
	font-size: 10px;
	left: 85px;
	/*cursor: pointer;*/
}
.songshang { text-indent: -37px; margin-left: 37px; }
.playershang { text-indent: -20px; margin-left: 20px; }
.copyright
{
	font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
	color: #000;
}
.center
{
	text-align: center;
}
a.inlinelink
{
	font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
	color: #7F612D;

}
a.inlinelink:link
{
	font-family: Verdana, Arial, sans-serif;
    font-size: 10px;

}
a.inlinelink:visited
{
	font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
	color: blue;
}
a.inlinelink:focus
{
	font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
	color: #fff;
	background-color: #7F612D;
}
a.inlinelink:hover
{
	font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
	color: #fff;
	background-color: #7F612D;
}
a.inlinelink:active
{
	font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
	color: #fff;
	background-color: #7F612D;
}
.footnotelink
{
	font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
	text-decoration: none;

}
.footnote
{
	font-family: Verdana, Arial, sans-serif;
    font-size: 9px;
}
.h1a
{
	font-size: 32px;
}

div#addthis
{
	position: relative;
	top: -29px;
	left: -21px;
	margin: 0;
	padding: 0;
	width: 125px;
}

div#sitemap ul
{
	list-style-type: none;
	margin: 0 0 0 150px;

}
div#sitemap ul ul
{
	list-style-type: none;
	margin: 0 0 0 20px;
}
div#sitemap ul ul
{
	list-style-type: none;
	margin: 0 0 0 20px;
}
div#foot
{
	position: relative;
	top:-10px;
}
div#statcounter
{
	position: relative;
	top: 10px;
}

