/* first, remove all padding, borders, margins */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6
form, fieldset, a, div, img{margin: 0;padding: 0; border: 0;}
ul {
	list-style-type: none;
	}
/* define background color */
body{
	background: url(images/longbacktile.jpg) repeat-x #434343; 
	text-align:center; /* centers page for IE5 */
	}

img {
border:none;
}
a img {border: none; }
	
/* set width for wrapper */
#wrapper{width: 980px;
text-align:left; /* counteracts body center align so works in other browsers than IE5 ok */
margin-left: auto;
margin-right: auto;
}

/* set width, height and bg image for header, and dont repeat image */
#header{
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
}

#navbararea {
	background-color: #adb8cc;
	border-style: solid; border-width: 1px;
	padding: 2px 5px 2px 5px;
	}
/* set menu bar to white text */
#navbar{color: #ffffff;
}
/* settings for links in the menu bar */
#navbar a{color: #566772;
font-weight: bold;
text-transform: uppercase;
font-size: 110%; 
	font-family: Arial, Helvetica, sans-serif;
}
#navbar a:hover {color: #ffffff;
text-decoration: none;}
/* use inline display to present list horizontally. no bullets will appear for list as padding and margins set to zero, but add small padding to space out */
#navbar li{display: inline; padding: 0px 10px 0px 0px;}

/* set main page width and put back image to tile downwards whatever length of text*/
#content{
	}

.separator {
height: 2px;
margin:0px;
padding:0px;
background-color: #ffffff;
clear: both;
}
	
/* use float to arrange columns - width+ px padding for left+right must add up to content width
- px from top, from left, from bottom, from right
*/

#leftwrapper{
width:158px;
float: left;
}

#left{
	width: 158px;
	float: left;
	background: url(images/bottomleftcorner.jpg) 0 100% no-repeat #adb8cc; 
	}

.topleftcorner {background: url(images/topleftcorner.jpg) 0 0 no-repeat}
	
#leftnavmenu {
color: #ffffff;
background-color: #000000;
width: 148px;
border-style: groove; border-width: 1px;
margin-left: auto; margin-right: auto;
text-align: center;
}
#leftnavmenu img {
border-color:#2a2a2a; border-style: groove; border-width: 2px;
/* internet explorer has trouble with border groove and color #000000, cant determine light and dark colour for groove */
}
.leftmenuselect {color: #ffffff; background-color: #6c7981; border-color:#2a2a2a; border-style: groove; border-width: 2px; text-align: center;
/* internet explorer has trouble with border groove and color #000000, cant determine light and dark colour for groove */
margin-left: 0px;
margin-right: auto;
padding:2px 2px 2px 2px;}

.leftmenuitems {
width: 142px;
margin-left: auto; margin-right: auto;
padding:2px 2px 2px 2px;
text-align: center;
}
.leftmenuitems ul {
list-style:none;
margin: 0 auto; padding: 0px;
width: 142px;
}
.leftmenuitems ul li {
display:block; width: 142px;
margin: 0px; padding: 0px;
}
.leftmenuitems ul li a:link, .leftmenuitems ul li a:visited{
display:block; 
color: #f7e852;
border-color:#2a2a2a; border-style: groove; border-width: 2px; text-align: left;
/* internet explorer has trouble with border groove and color #000000, cant determine light and dark colour for groove */
margin-left: 0px;
margin-right: 0px;
background-color: #606060;
padding:2px 2px 2px 2px;
text-decoration: none;
}
.leftmenuitems ul li a:hover {
background-color: #333333;}

.indexlatest li {
padding-bottom: 10px;
}
.indexlatest li img {
padding-top: 5px;
padding-bottom: 1px;
}

#indextimetowaitoptionstop {
	width: 420px;
	height: 254px;
}
#indextimetowaitoptions1 {
	width: 420px;
	height: 67px;
}
#indextimetowaitoptionsseparate {
	width: 420px;
	height: 19px;
}
#indextimetowaitoptions2 {
	width: 420px;
	height: 59px;
}

#leftsidebox{
	margin: 15px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
	width: 146px;
	float: left;
	color: #000000;
	background: url(images/longbacktile2.jpg) repeat-x #979797; 
	border-style: groove; border-width: 1px;
	border-color: #CDC6C0;
	text-align: left;
	margin-left: auto; margin-right: auto;
	}
	
#right{
	width: 660px;
	float: left;
	background-color: #566772;
	background-image: url(images/fadebackground.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding: 5px 10px 5px 10px;
	}
#right img {
	border: 1px solid #cccccc;
}	
#right-noimage{
	width: 660px;
	float: left;
	background-color: #566772;
/* no background image */
	padding: 5px 10px 5px 10px;
	}
#right-noimage img {
	border: 1px solid #cccccc;
}		
#innerleft{
	width: 210px;
	float: left;
	padding: 0px 0px 0px 0px;
	}
#innerright{
	width: 210px; 
	float: right;
	padding: 0px 0px 0px 0px;
	}
	
#albumslinks {
list-style:none;
}

#indexleft{
	width: 210px;
	float: left;
	padding: 0px 0px 0px 0px;
	}
#indexright{
	width: 210px;
	float: right;
	padding: 0px 0px 0px 0px;
	}

#aboutleft{
	width: 250px;
	float: left;
	padding: 0px 0px 0px 0px;
	}
#aboutright{
	width: 172px; /* portrait size */
	float: right;
	padding: 5px 5px 5px 5px;
	}
	
#rightbar {
	margin: 0px 0px 0px 0px;
	width: 128px; 
	float: left;
	padding: 5px 5px 5px 5px;
	color: #000000;
	background: url(images/longbacktile2.jpg) repeat-x #979797; 
	border-style: groove; border-width: 1px;
	border-color: #CDC6C0;
	text-align: left;
	margin-left: auto; margin-right: auto;
	}
#rightbar img {
	border: 1px solid #cccccc;
}		
#rightbar h3 {
color: #ffffff;
}
	
.contactemail {color: #ffffff;
}

.aboutprofile {color: #ffffff;
}

/* use clearing div to push footer down after columns */
.clear{clear: both; height: 1px;}
#tableclear{clear: both; height: 1px;}
	
/* footer width, height, bg image, padding, float */
#footer{text-align:center; /* counteracts body center align so works in other browsers than IE5 ok */
margin-left: auto; margin-right: auto; color: #ffffff
	}

#copylink {
color: #6ab0e4;
margin-top: 5px;
}

#copylink a{color: #ffffff; text-decoration:none;
font-size: 110%;}
#copylink a:hover{text-decoration:underline;}

#lowernavbararea {
	background-color: #adb8cc;
	border-style: solid; border-width: 1px;
	padding: 2px 5px 2px 5px;
	margin-top: 10px;
	}

/* set menu bar to white text,  */
#lowernavbar{color: #ffffff;
}
/* settings for links in the menu bar */
#lowernavbar a{color: #566772;
font-weight: bold;
font-size: 100%; 
	font-family: Arial, Helvetica, sans-serif;
}
#lowernavbar a:hover {color: #ffffff;
text-decoration: none;}
/* use inline display to present list horizontally. no bullets will appear for list as padding and margins set to zero, but add small padding to space out */
#lowernavbar li{display: inline; padding: 0px 10px 0px 0px;}

#trancenewspageamazonmp3 {
padding: 5px;
float: right;
margin-left: auto;
margin-right: auto;
text-align: left;
}
/* set fonts and sizes */
html{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #ffffff;;
}
/* headings - h1 always largest, h2 smaller and so on */
h1{
	font-size: 110%;
	color: #ffffff; padding: 10px 0 10px 0;
	text-align:left;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}
h2{
	font-size: 110%;
		text-transform: uppercase;
	color: #ffffff; padding: 1px 0px 1px 0px;
		font-family: Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
		margin-top: 5px;
}
/* h3 for how to download heading */
h3{
	font-size: 110%; padding: 5px 0px 5px 0px;
font-family: Arial, Helvetica, sans-serif;
}
/* h4 for images heading */
h4{
	font-size: 110%;
		text-transform: uppercase;
	color: #ffffff; padding: 1px 0px 1px 0px;
		font-family: Arial, Helvetica, sans-serif;
}
/* h5 for side title */
h5{
	font-size: 100%;
		text-transform: uppercase;
		text-align:center;
	color: #566772; padding: 10px 5px 10px 5px;
		font-family: Arial, Helvetica, sans-serif;
}
		
p{padding: 0 0 10px 0; line-height: 150%;}
p.body{font-size: 110%; color: #003366;
text-align:left;}
p.menuend{font-size: 110%; color: #003366;
text-align:left; padding: 10px 0px 0px 0px;}

.separator {
height: 1px;
background-color: #808080;
clear: both;
margin: 1em 0;
}

/* cancel out a name color - do same as normal p text */
a[name]:hover {color:#ffffff}

/* set colors for normal links - must specify or Ie uses default*/
/* correct order is link, visited, hover then active */
a:link {color: #f7e852;
text-decoration: none;}
a:visited {
text-decoration: none;
color: #f7e852;}
a:hover {color: #ebad28;
text-decoration: none;}
a:active {
color: #f7e852;
text-decoration: none;}

#tablewrap {
}

td.trackname { color: #ffffff; background-color: #7a9ece;}
td.tracklength { color: #ffffff; background-color: #7a9ece;}
td.tracksize { color: #ffffff; background-color: #7a9ece;}
/* alternate colors for track list */
td.listalt1a {color: #ffffff; background-color: #6c7981;}
td.listalt1a a:link { color: #f7e852;
text-decoration: none;}
td.listalt1a a:hover {color: #ebad28;
text-decoration: none;}
td.listalt1b { color: #ffffff; background-color: #6c7981;}
td.listalt1c { color: #ffffff; background-color: #6c7981;}
td.listalt2a { color: #ffffff; background-color: #566673;}
td.listalt2a a:link {color: #f7e852;
text-decoration: none;}
td.listalt2a a:hover {color: #ebad28;
text-decoration: none;}
td.listalt2b { color: #ffffff; background-color: #566673;}
td.listalt2c { color: #ffffff; background-color: #566673;}

.index-downloadbox {
border-style: solid;
border-color: #000000;
border-width: 1px;
color: #000000;
background: url(images/longbacktile2.jpg) repeat-x #979797;
font-size: 90%;
padding: 5px;
width: 295px;
text-align:left;
}

#amazonmp3widget {
	float: right;
	margin-left: 10px;
	width: 250px;
}

.ImgFloatLeft {
	float: left;
	margin-right: 10px;
}

.ImgFloatRight {
	float: right;
	margin-left: 10px;
}

.clearboth {
	clear: both;
	height: 5px;
}

#advancedpage-wrapper{width: 940px;
text-align:left; /* counteracts body center align so works in other browsers than IE5 ok */
margin-left: auto;
margin-right: auto;

}

#advancedpage-content {
	border: 1px solid #cccccc;
	background-color: #000000;
}

#advancedpage-left {
	background-image: url(images/advanced-front.jpg);
	background-repeat: no-repeat;
	float: left;
	font-size: 12px;
	height: 450px;
	min-height: 450px;
	width: 600px;
}
#advancedpage-downloadlink {
	background-color: #000000;
	color:#000000;
	margin-left: 200px;
	margin-top: 145px;
	width: 380px;
	font-size: 12px;
	border: 2px solid #cccccc;
	padding: 5px;
}
#advancedpage-boxout {
	color:#000000;
	margin-left: 200px;
	margin-top: 5px;
	width: 380px;
	height: 250px;
	min-height: 250px;
	overflow: auto;
	font-size: 12px;
	border: 2px solid #cccccc;
	padding: 5px;
}

#advancedpage-right {
	background-color: #000000;
	float: left;
	padding: 5px;
	text-align: center;
	width: 310px;
	font-size: 12px;
}
#advancedpage-right ul {
	text-align: left;
	font-size: 12px;
}