body
{
    font-size: 10pt;
    font-family: Arial;
    text-align: center;
    margin: auto;
    margin-top: 0;
    width: 1000px;
    color:#6d6969;
    background:#fbfbfb;
}
#Header
{
    background:#f1f0f0;
}
#HeaderLeft
{
    background: url(../Images/HeaderLeft.jpg) no-repeat left;
    height:145px;
    width:480px;
    float:left;
}
#HeaderRight
{
    float:right;
    background:url(../Images/HeaderRight.jpg) no-repeat right;
    height:145px;
}
.Clear
{
    clear: both;
}
#MainImage
{
    background: url(../Images/HomeMainImg.jpg) no-repeat center;
    width: 1000px;
    height: 360px;
	background-color:#fbfbfb;
}
#Content
{
}
#LeftCol
{
    text-align:left;
    width:198px;    
    padding:10px;
    padding-left:0;
    vertical-align:top;
}
#RightCol
{
    text-align:left;
    vertical-align:top;
	background-color:#ffffff;
}
#RightCol ul
{
    list-style:none;
    padding:0;
    margin:0;
	
}
#RightCol ul li
{
    float:left;
    padding-left:10px;
    padding-right:10px;
	
}
#RightCol ul li a img
{
    border:none;
}
#BrowseArtists
{            
    width:200px;
 color: #6d6969;
}
h2
{        
    background: #eeeeee;
    margin:0;    
    padding:5px;
    padding-bottom:13px;
    padding-top:12px;    
    color: #6d6969;
	font-family: Arial;
	font-size: 14pt;	
	font-weight: normal;
	border-bottom:dotted thin #afafaf;
}
#ArtistContent
{
    height: 300px;
    overflow: auto;
    border: solid thin #eeeeee;
}
.ArtistName
{
	padding: 2px;
	padding-left: 7px;
}
.ArtistName a, #ArtistLetter a
{
	color: #6d6969;
	font-family: Arial;
	font-size: 9pt;
	text-decoration: none;
}
#ArtistContent a:hover, .ArtistName a:hover
{
	text-decoration: underline;
}
#PageContent
{
    border:solid thin #e6e6e6;
    padding:10px;
    padding-top:5px;
    padding-bottom:8px;
}
#Footer
{
    border:solid 2px #efefef;        
    border-top:none;
}
#FooterNav
{
    background:#efefef;
    padding:3px;
    padding-top:7px;
}
#FooterNav ul
{
    list-style:none;
    padding:0;
    margin:0;
}
#FooterNav ul li
{
    float:left;
    padding-left:5px;
    padding-right:5px;
}
#FooterNav ul li a
{
    font-size:8pt;
    text-decoration:none;
    color:#2f2f2f;
}
#FooterNav ul li a:hover
{
    text-decoration:underline;
}
#FooterMiddleBar
{
    padding-top:5px;
    padding-bottom:5px;
}
#FooterBottomBar
{
    padding-top:5px;
    padding-bottom:5px;
}
.LoginBtnBg
{
    background:url(../Images/go.gif) no-repeat;
    width:22px;
    height:22px;
    border:none;
    cursor:pointer;
}
.Width50
{
    width:120px;
}
#LoginBox
{
    text-align:right;
    padding-right:20px;
}
#LoginBoxLinks
{
    text-align:right;
    padding-right:20px;
}
#LoginBoxLinks a
{
    color:#6d6969;
    font-size:9pt;
}
.lkbtnArtist
{
	padding: 3px;	
}
.NoRecord
{
    padding:10px;
}
#AboutUs
{
    background:url(../Images/Nav1Img.gif);
    width:87px;
    height:45px;
}
#ArtGallery
{
    background:url(../Images/Nav2Img.gif);
    width:100px;
    height:45px;
}
#Exhibition
{
    background:url(../Images/Nav3Img.gif);
    width:102px;
    height:45px;
}
#HotPics
{
    background:url(../Images/Nav4Img.gif);
    width:95px;
    height:45px;
}
#Artist
{
    background:url(../Images/Nav5Img.gif);
    width:107px;
    height:45px;
}
#Contactus
{
    background:url(../Images/Nav6Img.gif);
    width:106px;
    height:45px;
}
#ConnectingSite
{
    text-align:right;
    padding-right:10px;
    padding-top:7px;
    padding-bottom:7px;
}
#ConnectingSite ul
{
    margin:0;
    padding:0;
    list-style:none;
}
#ConnectingSite ul li
{
    float:right;
    padding-left:5px;
    padding-right:5px;
}
#ConnectingSite ul li a img
{
    border:none;
}
#Bookmark
{
    text-align:right;
    padding-right:20px;    
}
#nav
{
	float: left;
	width: 100%;
	list-style: none;
	font-weight: bold;
	margin-bottom: 10px;
}
#nav li
{
	float: left;
	position: relative;
	display: block;		
}

#nav li a
{
	display: block;
	color: #333333;
	font-family: Arial;
	font-size: 11pt;
	font-weight: normal;
	text-decoration: none;
}
/*--- DROPDOWN ---*/
#nav ul
{
	list-style: none;
	position: absolute;
	left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	opacity: 0; /* Set initial state to transparent */
	-webkit-transition: 0.25s linear opacity; /* Make the dropdown fade-in in Webkit */
}
#nav ul li
{
	padding-top: 1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float: none;
}
#nav ul a
{
	white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display: block;
}
#nav li:hover ul
{
	/* Display the dropdown on hover */
	left: 0; /* Bring back on-screen when needed */
	opacity: 1; /* Fade to opaque */
	/* background:#a0a0a0; */
}
#nav li:hover a
{
	/* Set styles for top level when dropdown is hovered */
}
#nav li:hover ul a
{
	/* Override some top level styles when dropdown is hovered */
	padding:5px;
	text-decoration: none;
	-webkit-transition: -webkit-transform 0.075s linear;
}
#nav li:hover ul li a:hover
{
	/* Set styles for dropdown when items are hovered */
	background: #eeeeee; /* Solid colour fall-back */
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	color:White;
}
#nav li:hover a
{
	/* Set styles for top level when dropdown is hovered */
	background: #eeeeee; /* Solid colour fall-back */
	text-decoration: none;
}
#nav li:hover ul a
{
	/* Override some top level styles when dropdown is hovered */
	text-decoration: none;
	-webkit-transition: -webkit-transform 0.075s linear;
}
#nav li:hover ul li
{
	background:none;
}
#nav li:hover ul li a:hover
{
	/* Set styles for dropdown when items are hovered */
	background: none;
	background: #333; /* Solid colour fall-back */
	background: rgba(51,51,51,0.75); /* It'll look nice semi-transparent */
	text-decoration: none;
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
}