/* CSS Document */
  
body {
  background: #000000 url(images/back.gif);
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .75em;
  text-align: center;
  padding: 0px;
  color: black;
  }
  
#container {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 800px;
  background-color: white;
  }
  
#header_topmenu {
  height:36px;
  background: #000000 url(images/index_01.gif);
  }
  
#header_main {
  height:100px;
  width: 800px;
  background: #000000 url(images/index_02.jpg);
  }
  
#nav{
  margin: 0;
  padding:0;
  background: url(images/index_03.jpg) repeat-x;
  width: 800px;
  height: 33px;
  /* float: left; */
  font-size: 12px;
  }
  
#nav ul  {
  width: 800px;
  margin: 0px;
  padding: 0px;
  list-style: none;
  }
  
#nav li {
  background: url(images/index_03.jpg) repeat-x;
  width: 133.3px;
  float: left;
  text-align: center;
  }
  
#nav li a {
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  font-family:Tahoma;
  font-size:9t;
  display: block;
  width: 132px;
  height: 24px;
  padding-top: 11px;
  /* border-right: 1px solid #ffffff; */
  border-left: 1px solid #ffffff; 
  background: url(images/index_03.jpg) repeat-x;
  /* Fix IE. Hide from IE Mac \*/
  * { height: 30px; }
  /* End */
  }
  
#footer {
  clear: both;
  padding: 5px 5px 5px 5px;
  font-size: 10px;
  background-color: #000000;
  text-align: center;
  }
  
#footer ul {
  margin: 0px;
  padding: 0px;
  list-style-type:none;
  
  }
  
#footer a {
  text-decoration:none;
  color: white;
  }
  
#footer a:hover {
  color: gray;
  }
  
#footer li {
  display:inline;
  padding: 0px 10px 0px 10px;
  }
  
.mainContent
  {
  clear: both;
  background: url(images/index_04.jpg);
  background-repeat: repeat-x;
  padding: 10px;
  <!--[if IE]>
  width: 800px;
  <![endif]-->
  width: 780px;
min-height: 400px;
  }
  
#leftContent
  {
  float: left;
  width: 485;
  }
  
#rightContent
  {
  float: right;
  width: 275;
  }
  
#homeMainContent {
padding-right: 5px;
}
  
  
H1 {
  margin: 0px;
  padding: 0px;
  color: #000066;
  font: italic bold 20px Tahoma;
  text-align: left;
  }
  
H2 {
  margin: 0px;
  padding: 0px;

  color: #000066;
  font: bold 18px Tahoma;
  text-align: left;
  }
  
H2 a {
  margin: 0px;
  padding: 0px;
  text-decoration: none;  
  color: #000066;
  font: bold 18px Tahoma;
  text-align: left;
  }
  
H2 a:hover {
  margin: 0px;
  padding: 0px;
  text-decoration: underline;  
  color: #000066;
  font: bold 18px Tahoma;
  text-align: left;
  }

H3 {
  margin: 0px;
  padding: 0px;

  color: #000066;
  font: bold 16px Tahoma;
  text-align: left;
  }
  
H3 a {
  margin: 0px;
  padding: 0px;
  text-decoration: none;  
  color: #000066;
  font: bold 16px Tahoma;
  text-align: left;
  }
  
H3 a:hover {
  margin: 0px;
  padding: 0px;
  text-decoration: underline;  
  color: #000066;
  font: bold 16px Tahoma;
  text-align: left;
  }

H4 {
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica; 
  color: black; 
  font-size : 12pt; 
  }
  
#df {
font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: gray;
  font-style: italic;
}

p {
text-align: justify;
font-weight: bold;
}

a img  {
border: 1px solid black;
}

#imgmain  {
border: 3px solid black;
margin: 0px 5px 5px 5px;
}

a:hover img  {
border: 1px inset black;
opacity:0.8;
filter:alpha(opacity=80);
} 

p,td a:link {color: blue;
  text-decoration: none;
}
p,td a:visited {color: blue;
  text-decoration: none;
}
p,td a:hover {color: red;
  text-decoration: underline;
}
p,td a:active {color: blue;
  text-decoration: none;
}

p {
color: black;
}
/*    forms              */


.formfields  { 
	font-family: arial; 
	color: #000000; 
	font-size: 9pt; 
	width: 200px;
	border: 1px solid #000000; 
	padding-left: 2px; 
	padding-right: 2px; 
	background-color: #FFFFFF;
	opacity: 0.75;
  filter: alpha(opacity=75);
  background-position: top; 
  background-repeat:no-repeat; }
  
textarea {
  width: 335px;
  height: 200px;
	font-family: arial; 
	color: #000000; 
	border: 1px solid #000000; 
	padding-left: 2px; 
	padding-right: 2px; 
	background-color: #FFFFFF;
	opacity: 0.75;
  filter: alpha(opacity=75);
  background-position: top; 
  background-repeat:no-repeat;
}


#error {
color: red;
font-weight: bold;
font-size: 12px;
background-color: white;
padding:1px;
border: thin solid black;

}

td {
font-size: 80%;
font-weight: bold;
}

a#tbutton {
position:relative;
padding: 0px 2px 0px 2px ;
border: 1px solid gray;
background-color: 	#E0E0E0;
color: black;
text-decoration: none;
}
a#tbutton:hover {
padding: 0px 1px 0px 3px ;
border: 1px solid gray;
background-color: 	#D8D8D8;
color: black;
text-decoration: none;
}


th {
font-size: 12px;
text-align: left;
}

.box1 {
  width: 265px;
  border:1px solid silver;
  padding: 3px;
  margin-right: 15px;
  background-color: #ffffff;
	background: #ffffff url(images/tableback.jpg) repeat-x;
	}

.box2 {
  width: 100%;
  border:1px solid silver;
  padding: 3px;
  background-color: #ffffff;
	background: #ffffff url(images/index_03.jpg) repeat-x;
	}
	
img.main {
border:1px solid #000066;
width: 125px;
margin:3px;
}

div.alb
{
  margin: 12px;
  border: 0px solid silver;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}
div.alb img
{
  display: inline;
  margin: 3px;
  border: 1px solid silver;
}
div.alb a:hover img {
border: 1px solid #000000;
}

div.desc
{
  text-align: center;
  font-weight: normal;
  width: 125px;
  height: 55px;
  margin: 2px;
}

#artist
{
font-size: 10px;
text-decoration: underline;
}

/* Search page */

#fullSearch {
clear: both;
	background: #ffffff url(images/tableback.jpg) repeat-x;
text-align: center;
border: thin solid darkblue;
border-top: 4px solid #000000;
padding: 3px;
margin-bottom: 5px;
}


#leftSearch {
float: left;
	background: #ffffff url(images/tableback.jpg) repeat-x;
border: thin solid darkblue;
border-top: 4px solid 5E7EC7;
width: 380px;
border-top: 4px solid #000000;
padding: 3px;
margin-bottom: 5px;
}

#rightSearch {
float: right;
	background: #ffffff url(images/tableback.jpg) repeat-x;
border: thin solid darkblue;
border-top: 4px solid darkblue;
width: 380px;
border-top: 4px solid #000000;
padding: 3px;
margin-bottom: 5px;
}


#paymentView {
display:none;
z-index: 999;
width: 750px;
padding: 10px;
#width: 800px;
border: 15px solid #fff;
background-color: whitesmoke;
position:absolute;
left: 50%;
top: 192px;
margin-left: -400;
min-height: 400px;
}