@charset "utf-8";
body {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	background-image:url(images/bg_main_site.gif);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333333;
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	font-size:13px;
	margin-top:0px;
}
#wrap{
width:100%;
}

#wrapper{
	width:750px; 
    background-color:#fff;
    border:1px solid #666666; padding:15px 35px 35px 35px; margin: 25px auto 0px auto;
}


#footer{
padding-top: 15px; text-align:center; border-top:2px solid #000000; width:500px; margin:15px auto 0px auto;
}

a {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	font-size:13px;
	color:#00225b;
	text-decoration:underline;
}
a:hover {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	font-size:13px;
	color:#000d23;
	text-decoration:underline;
}
a.leftnav:link {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #990000;
	font-weight: normal;	
}
a.leftnav:hover {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #795939;
	font-weight: normal;	
}
a.leftnav:hover:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #990000;
	font-weight: normal;	
}
a.leftnav:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #990000;
	font-weight: normal;
}


.headertext  {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	font-size:13px;
	color: #1d89c9;
	font-weight:bold;
}
.bodytext  {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	color: #000000;
}
.bodytext_bold  {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	color: #000000;
	font-weight:bold;
}
.bodytext_white  {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	color: #FFFFFF;
}
.bodytext_white_bold  {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	font-size:12px;
	color: #FFFFFF;
	font-weight:bold;
}
.bodytext_white_large  {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	font-size:14px;
	color: #FFFFFF;
	font-weight:bold;
}
.bodytext_subhead  {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	color:#666;
	font-size:16px;
}
.footertext  {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
}
a.footer {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	color:green;
	text-decoration:none;
}
a.footer:hover {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	font-size:11px;
	color:#666666;
	text-decoration:underline;
}

a:link {
    color:green;    
	}
a:visited {
	color:green;
}
a:hover {
	color:green;
	}
a:active {
	color:green;
	}
h1 {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	color:green;
	font-size:18px;
}
h2 {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	color:#666;
	font-size:16px;
}


.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.textmiddle {
	vertical-align:middle;
} 
.textbaseline {
	vertical-align:baseline;
}
ul {
	list-style-type: none;
	padding-left:15px;
	padding: 0px;
	margin: 0px;
	
}
li {
	background-image: url(../images/arrow_right_grn.png);
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding-left: 15px; 
	margin: 1em 0;
    margin-left: 25px;
}
.listitem {
	background-image: url(../images/arrow_right_grn.png);
	background-repeat: no-repeat;
	background-position: 100% .4em;
	padding-right: .6em;
	margin: 1em 0;
}
.album-header{ font-weight: bold;
}

.album-title{  font-weight: bold; text-decoration: underline;
} 
.album-price{ font-weight: bold; color:#CC0000;
}
.album-description{ color: #333333; font-style:italic;
}
.album-listen{ color: #333333; font-size:80%;
}



#content_centered{
    text-align:center; width:860px;
    padding:0px 60px 0px 60px; background-color:#ffffff;
}
legend{ 	font: 100% Arial, Helvetica, Verdana, sans-serif;
	color:green;
	font-size:18px;
}
#flagbar
{

    display:block;
    margin:0; width:140px;  float:right;
}

#flagbar ul, #flagbar ul li
{
	border: 0px;
	height: 12px;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#flagbar ul li
{
	display: block;
	float: left;
	width:20px; text-decoration:none;
}

#nav {margin-left:25px;}

.nav a {
	background-image: url(images/nav-bg.png); background-position:bottom; background-repeat:no-repeat;
	height: 35px;
	width: 130px;
	float: left; 
    text-decoration:none; font-size:12px; font-weight:bold;
    margin-right:10px;color:#666666;
    }

.nav a:hover {
	background-image: url(images/spanhover-bg.png);


 text-decoration:none;color: green;
}
.nav a:active {
	background-image: url(images/nav-bg.png);


 text-decoration:none;
}


.navbold a {
	background-image: url(images/nav-bg.png); background-position:bottom; background-repeat:no-repeat;
	height: 35px;
	width: 130px;
	float: left; 
    text-decoration:none; font-size:13px; font-weight: bolder;
    margin-right:10px; text-transform:uppercase;color:#000000;
    }

.navbold a:hover {
	background-image: url(images/spanhover-bg.png);


 text-decoration:none;color: green;
}
.navbold a:active {
	background-image: url(images/nav-bg.png);


 text-decoration:none;
}

#content-2{
 text-align:left; width:780px;
    padding:0px 10px 0px 10px; background-color:#ffffff;
float:left; clear:both;
margin: 0px 20px 20px 60px;
}

#content{
/*float:left; */
clear:both;
text-align:left; width:700px;
padding:35px 35px 35px 35px; background-color:#ffffff; border:1px solid #c0c0c0;
}