body {margin: 0px 0px; padding:0 5em; /* Need to set body margin and padding to get consistency between browsers. */
	text-align: left; /* Hack for IE5/Win */
	font-family: Arial,Frutiger, "FF Din",  Lucida Grande, Palatino, "Andale Mono", "Trebuchet MS",  Helvetica, Verdana, sans-serif, serif; 
	background-color: #fff; color: #000}

#wrap {

padding:0;
   margin: auto; /* Right and left margin widths set to "auto" */
	margin-top:0;	 
	text-align:left; /* Counteract to IE5/Win Hack */
	background-color:#transparent;
	color:#079ec5;
	border:0;}
		#wrap h1{color:#dfb000; text-align:right; padding:0; margin:0;}
	
	
#head {	
    
    border-top:1px solid #d9e0ca;
	padding:1em 0 1.7em 0;
	background-color:#fff;
	text-align:center;
	}
	
	#head p {line-height:1.5; color:#ccbd83; }
    

	
#content {
	margin:0 3em 1em 3em;
	padding:.5em 1em 5em 1em;
	background:#fff;
	border-top: .1em dotted #d9e0ca;
    border-bottom:0px solid #ccccbc;
	color:#222;
	text-align:justify;
	}
div#content p {line-height:1.3;}
div#content h1{color:#006395; text-align:left;} 
div#content h3{padding-left:0;}
div#content h4{color:#00396b;}
div#content h5{color:#990000; padding-top:10px; border-top:1px dotted #b8bfc7; margin-top:20px;}

#thumbsbox {padding:0; margin: 1em 0; text-align:center;}


#footer {text-align:center; font-size:83%; border-top:1px dotted #b8bfc7; margin-top:5em; padding-top:2em;}

#center {clear:both; text-align:center;}


.front {padding:.7em 2em 2.3em 2em; background:#fff; margin:1em 0 1em 0; border:1px dashed #d9e0ca;}

.leftbox {float:left; width:40%; font-size:90%; background: #cadbe0; padding:1em 2em 2.3em 2em; margin:.3em 0 .3em 0; border:0px dashed #d9e0ca;}
.rightbox {float:right; width:40%; font-size:90%; background: #cadbe0; padding:1em 2em 2.3em 2em; margin:.3em 0 .3em 0; border:0px dashed #d9e0ca;}
 

 
 .flashbox {
 float:left; 
  width:425px; 
  padding:0 0 0 1em 0;
  margin: 0 1em 1em 0;
  border:1px dotted #ccc
  }
.flashbox p {padding: 0 .5em; font-size:83%;}
 
 
 acronym{cursor:help;}


p.menu {margin-top:1em; margin-left:0; font-weight:normal; font-size:90%; color:#797259;}
p.a {margin-left:20px;color:#b8bfc7;}
.grey { font-size:60%;color:#464646;}
.red {color:#990000;} 
.strongred {font-weight:bold; color:#990000;} 
.strongwho {cursor:help; font-weight:bold; border-bottom:1px dotted #b8bfc7;}
.large {font-size:120%;}
.largeline {font-size:120%; color:#2a323a; margin-bottom:2.5em; padding-bottom:2em; border-bottom:1px solid #eee;}
.reviewsnip {font-size:90%; color:#ff5400; border-bottom:1px solid #ccccbc; line-height:1; padding: 1em 0 2em 0;  margin:1em 0 1em 0;}
.smaller{font-size:83%;}
.strong {font-weight:bold;} 
.italic {font-style:italic;}
.blueback {font-size:1.5em; background-color:#fff; color:#1d0062; padding:0; margin-right:.3em;}
.yellowback {background-color:#ffffcc;color:#990000;padding:5px;}
.itred {font-style:italic;color:#990000;} 
.itblue {font-style:italic;color:#00396b;}
.itgreen {font-style:italic;color:#797961;} 
.bigfirst{float:left;color:#D4D4C7;font-size:80px;line-height:60px;padding-top:4px;padding-right:5px;}
.brown {color:#79704e;}
.name {font-size:60%;font-style:normal;color:#174974;}
.purple {color:#96c;}	
.skip {font-size:70%;}
.index :hover{background:#DFE1D7;}
.random {font-size:120%; font-style:italic; background:#f1f0ea; padding: 2em 2em 3em 2em; margin-top:3em;}
.links {line-height:1.8;
		 border-bottom:1px dotted #ccccbc;
		padding: 0 0 1em 0;} 	
		
/* for catalogue and links list */
ul.cat {font-size:90%; list-style: none;}
li.a{line-height:1.5; border:0; padding:.5em 0 .5em 0;}

/* for band discog */
ul.disc { 
        padding:0;
		padding-bottom: .5em;
		margin: 0;
		list-style: none;
		line-height:1.3;
		border-bottom:0px dotted #ccccbc;
	}
p.disc {line-height:1.8;
		 border-top:0px dotted #ccccbc;
		border-bottom:1px solid #ccccbc;
		padding: 1em 0 2em 0;
		margin:1em 0 1em 0;}


/* for tab menu across the top */

#tabmenu { 
        font-size:1.1em;
		color: #000;
		border-bottom: 0px solid #b8c2c8;
		margin: 12px 0px 0px 0px;
		padding: 0px;
		z-index: 1;
		padding-left: 10px }

	#tabmenu li {
		display: inline;
		overflow: hidden;
		list-style-type: none; }

	#tabmenu a, a.active {
		color: #ccba83;
		background: #fff;
		border: 0px solid #b8c2c8;
		padding: 2px 5px 0px 5px;
		margin: 0;
		text-decoration: none; }

	#tabmenu a.active {
	color:#00396b;
		background: #fff;
		border: 1px solid #d9e0ca;
		border-bottom: 3px solid #fff; }

	#tabmenu a:hover {
		color: #73766b;
		background: #e1e4db; 
		}

	#tabmenu a:visited {
		
		color: #890029;
		
		}

	#tabmenu a.active:hover {
		background: #fff;
		color: #464638; 
		
		}
		
	

a.itunes:link    {color:#9966cc; text-decoration:underline;}
a.itunes:hover   {color:#174074;text-decoration:underline;}
a.itunes:visited	{color:#99991f; text-decoration:underline;}
a.itunes:active   {color:#cc33ff; text-decoration:underline;}

a.anchor:link    { color:#174074; text-decoration:underline;}
a.anchor:hover   {color:#9966cc;text-decoration:none;}
a.anchor:visited	{color:#990000; text-decoration:none;}
a.anchor:active   {color:#cc33ff; text-decoration:none;}

a.link:link    {color:#174174; text-decoration:none;}
a.link:hover   {color:#fff; background:#f60;text-decoration:none;padding:0px;}
a.link:visited	{color:#ccc; text-decoration:none;}
a.link:active   {color:#330066; text-decoration:none;} 

a.skipanchor:link    { color:#d9e0ca; text-decoration:none;}
a.skipanchor:hover   {color:#ccbd83;text-decoration:none;}
a.skipanchor:visited	{color:#990000; text-decoration:none;}
a.skipanchor:active   {color:#cc33ff; text-decoration:none;}

img {border:0px;}

img.a {float:left; padding: 0 15px 5px 0;}

img.int {float:left; margin: 0 1em .5em 0; padding:1em; background: #eee;}

.clearleft {clear:left;}

/* right menu */
#navcontainer {float:right; margin: -1.3em 0 1.5em 1.5em; padding:left:2em;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-size:90%;
font-weight:bold;
line-height:1.5;
}

#navcontainer li { margin: 0 0 .2em 0; }


#navcontainer a
{
display: block;
padding: .5em 1.5em;
border: 1px solid #d9e0ca;
width: 15em;
background-color: #d9e0ca;

}



#navcontainer a:link, #navlist a:visited
{
color: #004585;
text-decoration: none;
}

#navcontainer a:hover
{
border: 1px solid #ccbd83;
background-color: #ccbd83;
text-decoration:none;
color: #000;
}

#active a:link, #active a:visited, #active a:hover
{
border: 0px solid #000;
background-color: #000;

color: #fff;
}

#boxes { text-align:left; width:100%; overflow:auto; padding:1em 0 2em 0; border-top: 1px dashed #ccccbc; margin-top:2em;}
#boxes h2, h3 {padding:.5em 1em 0 1em; font-size:93%;}
#boxes p {padding:0 1em 2em 1em; font-weight:normal; font-size:93%;}


#one { float:left; width:30%; background:#e2e4db;}
#one p {color:#000;}

#two { float:left; width:35%; background:#c6c9ba;}
#two p { color:#000;}

#three { float:left; width:35%; background:#fbfdf3;}
#three p {color:#000;}

#four { float:left; width:30%; background:#eff3e3;}
#four p {color:#000;}

#five{ float:left; width:40%; background:#e2e4db;}
#five p {color:#000;}

#six { float:left; width:30%; background:#c7caba;}
#six p {color:#000;}

#seven { float:left; width:20%; background:#e8efe9;}
#seven p {color:#000;}

#eight { float:left; width:20%; background:#eef0e9;}
#eight p {color:#000;}

#nine { float:left; width:30%; background:#e8efe9;}
#nine p {color:#000;}

#ten { float:left; width:30%; background:#fbfdf3;}
#ten p {color:#000;}

#eleven { float:left; width:40%; background:#e6e5dd;}
#eleven p {color:#000;}

#twelve { float:left; width:40%; background:#eef0e9;}
#twelve p {color:#000;}

#thirteen { float:left; width:40%; background:#eef0e9;}
#thirteen p {color:#000;}

#fourteen { float:left; width:40%; background:#c6c9ba;}
#fourteen p {color:#000;}

#fifteen { float:left; width:30%; background:#e2e4db;}
#fifteen p {color:#000;}

#sixteen { float:left; width:40%; background:#eff3e3;}
#sixteen p {color:#000;}

#seventeen { float:left; width:40%; background:#fbfdf3;}
#sixteen p {color:#000;}

