﻿body 
{
background: #87041A repeat-x;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #000000;
}
.artistLink
{
color:#AD0521;
font-weight:bold;
}
div#bannerArea
{
width:100%;
background: #7A1321;
height:150px;
border:solid 0px;
}
#leftNavigationLinks{margin-top: 5%;margin-left:0%;margin-right:0%;border:solid 0px;padding:0px;width:140px;}
#leftNavigationSearch{border:solid 0px orange;}
#leftNavigationArea { float: left;  margin-top: 3%; margin-left: 0px;border:solid 0px;font-size: 11px;color:white;line-height:3;width:17%;}

 
#leftNavigationArea li {
 list-style: none;
 text-decoration:none;
}

#leftNavigationArea li a{
 
 height: 25px;
text-decoration:none;
 background: inherit;
 color: #ffffff;
 text-transform: lowercase;
 font-size: 1.1em;
 font-weight:bold;
 }
 

 
 
 

#gridItemArea
 {
	width:90%;
	height:280px;
	padding:4px;
    border:solid 0px;
    vertical-align: top;
    
}
#gridItemArea1
 {
	width:90%;
	height:280px;
	padding:4px;
    border:solid 0px;
    vertical-align: top;
    border-left: 1px solid gray;
    
}
#imgDisplay1Area
 {
	float:left;
	padding:3;
    width:200;
    border:solid 0px;
}
#imgTitle
 {
	
	padding:3;
    width:370;
    border:solid 0px;
    vertical-align: top;
}
#rollDescription
 {
	
	padding:3;
	height:5;
    width:300;
    border:solid 0px;
}
#imgDetailsDisplayArea
 {
	
	padding:3;
    width:200px;
    border:solid 0px;
    padding:2px;
}
.roundedBox
{
    float: left; 
    margin: 1 auto;
    margin-top:5%;
    border: 0px solid #ffffff;
    padding: 20px;
    background-color: red;
    background-repeat: no-repeat;
    width: 79%; 
	
}
#mainArea
 {
	float:left;
	width: 100%;
    border:solid 0px;
    margin-right:0%;
    margin-left:0%;
    
    
}
#contentArea
 {
	float:left;
	margin-left:1.2em;
	margin-right:0%;
	margin-top:3%;
	border:solid 0px;
	width: 79%;
    
}
.roundedBox1
{
    float: left; 
    padding: 2px;
    background-color: #ffffff;
    background-repeat: no-repeat;
     width:100%;
     
}
.roundedBox2
{
    float: left; 
    padding: 2px;
    background-color: #000000;
    background-repeat: no-repeat;
     height:400px;
     width:100%;
     color:#ffffff;
}
#pagingArea
{
margin-left:120px;

}

#pagingArea a
{
color:brown;
font-weight:bold;

}

.AutoSuggest
{
line-height:1;
}
#Registrationtable
{
font-family:Verdana;
font-size:13px;
color:#87041A;

}
#Logintable
{
font-family:Verdana;
font-size:15px;
color:#87041A;

}

.DisplayRegistrationError 
{
text-align:left;
border:dotted 1px;
padding: 5px;	
font-weight:bold;
}

.textboxControl,select {
 
 font-family: Verdana;
 font-size: 0.9em;
 padding: 3px;
  border: 1px solid #555;
 width:140px;
 }
#bottomNavigationArea
{
	float:inherit;
	margin-left:15%;
	width: 79%;
	font-size:12px;
	color:Orange;
}
#bottomNavigationArea a
{
	font-weight:bold;	
	color:Orange;
}
a
{
color:#87041A;
}

#ArtistListingTable
{
	border:solid 0px;
	padding:10px;
	width:500px;
	color:#87041A;		
} 
 .ArtistList
{
padding:10px;
border-bottom: solid 1px lightgrey;
border-left: solid 1px lightgrey;

}

#ArtistListingTable td a
{
	color:#87041A;		
	padding:10px;
}
#ArtistListingTable td a:hover
{
	color:black;
	background:red;
	border:dotted 2px;
	padding:10px;
}
