﻿/* Structure */

body  {
	margin-top: 0;
	margin-left: 0;
	text-align: center;
	background-color:#2b2b2b;
	font-family:Verdana;
}	

p
{
    margin-top:0;
    margin-bottom:5px;
    font-size:12px;
    color:#333333;
}

h1
{
    color:#8554f3;
    margin-top:0;
    margin-bottom:3px;
    font-size:16px;
    font-family:Times New Roman;
}

h2
{
    margin-top:0;
    margin-bottom:2px;
    color:#025529;
    font-size:14px;
    font-family:Times New Roman;
}

h3
{
    margin-top:0;
    margin-bottom:0px;
    font-family:Times New Roman;
    font-size:12px;
}

a:link
{
    color:#8554f3;
    font-size:14px;
    text-decoration:none;
    font-weight:bold;
}

a:visited 
{
    font-size:14px;
    color:#a3a3a3;
    text-decoration:none;
}

a:hover
{
    font-size:14px;
    color:#a3a3a3;
    text-decoration:underline;
}

a:active 
{
    font-size:14px;
    color:#a3a3a3;
    text-decoration:none;
} 

form
{ 
    margin-top:0; 
    margin-bottom:0;
}
    

#frame  {  /*  The is the primary holding box */
	margin-left: auto;
	margin-right: auto;
	padding:0;
	width:760px;
	height:auto;
	background-color:#FFFDE9;
	text-align:left;
	position:relative;
	top:10px;
}

/* Close Structure */

/* Header Controls start here! */

#header
{
    margin-left:auto;
    text-align:center;
    margin-right: auto;
	padding:0;
	width:760px;
	background-color:#ffffff;
	position:absolute;
	top:1px;
	text-align:left;
}

#artistName
{
    position:absolute;
    top:52px;
    right:170px;
    width:450px;
    text-align:right;
	color:#FFFDE9;
	font-size:34px;
	/*font-weight:bold;*/
	z-index:50;
}

.artistName
{
    position:absolute;
    top:60px;
    right:170px;
    width:450px;
    text-align:right;
	color:#FFFDE9;
	font-weight:bold;
	font-size:34px;
	z-index:50;
}

#topBar
{
    width:756px;
    height:25px;
    background-color:#fffee9;
    position:relative;
    left:2px;
    text-align:center;
}

#topBar h1
{
    position:relative;
    top:6px;
    left:-2px;
    color:#8554f3;
    font-size:15px;
    font-family:Arial;
}

#bottomBar
{
    width:756px;
    height:30px;
    position:relative;
    left:2px;
    top:-2px;
    background-color:#F7DC69;
}

#bottomTabRight
{
    width:115px;
    height:30px;
    position:absolute;
    left:619px;
    border-right:solid 1px #ffffff;
    border-left:solid 1px #ffffff;
    background-color:#f0d45f;
}

#bottomTabCenter
{
     color:#025529;
     position:absolute;
     top:8px;
     right:170px;
     font-size:11px;
     width:590px;
     text-align:right;
}

#bottomTabLeft
{
    width:19px;
    height:30px;
    border-right:solid 1px #ffffff;
    background-color:#f0d45f;
    position:absolute;
    top:0;
    left:1px;   
}
    
#logo
{
    position:absolute;
    top:8px;
    left:23px;
    z-index:50;
}

#directories
{
    position:absolute;
    top:-112px;
    left:630px;
    text-align:center;
    font-size:10px;
    border:solid 1px #333333;
    color:#776E6F;
    width:90px;
    height:100px;
    font-size:13px;
}

#directories hr
{
    width:50px;
    position:relative;
    top:6px;
}

.bump
{
    position:relative;
    top:5px;
}

#directories a:link, a:visited, a:active, a:hover
{
    font-size:11px;
}

/* Header controls end here! */


#contentFrame
{
    width:760px;
    background-color:#FFFDE9;
    position:absolute;
    top:179px;
    left:0px;
    height:auto;
}

#contentFrameAP
{
    width:760px;
    background-color:#FFFDE9;
    position:absolute;
    top:31px;
    left:0px;
    height:840px;
}

#footer
{
    width:756px;
    height:30px;
    position:absolute;
    left:2px;
    bottom:0;
    text-align:center;
    font-size:12px;
    color:#ffffff;
    background-color:#f0d45f;
    border-top:solid 2px #ffffff;
    z-index:200;
}

#footer a:link, a:visited, a:active, a:hover
{
    font-size:12px;
    font-weight:bold;
}
    


#panelLeft
{
    position:absolute;
    left:20px;
    width:170px;
    height:500px; 
}

#panelLeft a:link, a:visited, a:active, a:hover
{
    font-size:13px;
    font-weight:bold;
}

#panelLeftTop
{
    width:165px;
    position:relative;
    top:17px;
    font-size:11px;
}

#panelLeftTop p 
{
    color:#333333;
}

#panelLeftTop h2
{
    color:#5C30D6;
}

#joinClub
{
    width:165px;
    height:270px;
    position:relative;
    left:0px;
    top:25px;
    border:solid 1px #025529;
    color:#025529;
    font-size:10px;
}   

#joinClubText
{
    width:165px;
    position:relative;
    top:10px;
    left:5px;
    color:#025529;
}
#joinClubText p
{
    color:#025529;
    margin-top:0;
    margin-bottom:10px;
}

.receiveAA
{
    position:absolute;
    color:#454C00;
    top:-18px;
    left:-3px;
    width:130px;
    background-color:#F7DC69;
    text-align:center;
    font-size:12px;
    font-weight:bold;
    z-index: 104;
}
     


#panelRight
{
    position:absolute;
    left:220px;
    top:0; 
    width:540px;
    height:1050px;
    font-size:12px;
    color:#8554f3;
}

#panelRight h1
{
    color:#454C00;
}

#panelRight p
{
    color:#3E1CB7;
}

#panelRightText
{
    width:500px;
    position:absolute;
    left:-13px;
    top:15px;
   
}   

#panelRightTextBottom
{
    width:500px;
    position:absolute;
    top:700px;
    left:-13px;
    font-size:12px;
}     

#artistContentFrame
{
    width:760px;
    background:#e6e6d4 url(Images/artistBG.gif);
    position:absolute;
    top:179px;
    left:0px;
    height:auto;
}

#photoContainer
{
    position:absolute;
    top:175px;
    left:-15px;
    width:514px;
    height:510px;
    border:solid 1px #000000;
}

.pc1
{
    position:absolute;
    top:20px;
    left:20px;
    font-size:12px;
    font-style:italic;
    width:480px;
    color:red;
    z-index:100;
}

.pc2
{
    position:absolute;
    bottom:20px;
    left:20px;
    font-size:12px;
    width:480px;
    color:#333333; 
    z-index: 102;
}

#flashFrame
{
    width:380px;
    height:395px;
    text-align:center;
    background-color:#ffffff;
    position:absolute;
    top:45px;
    left:67px;
    border:solid 2px #3f3f3f;
}

#artistSideLeft
{
    position:absolute;
    left:2px;
    top:0;
    width:20px;
    height:807px;
    border-right:solid 1px #ffffff;
    background-color:#f0d45f;
   
}

#artistSideRight
{
    position:absolute;
    width:20px;
    border-left:solid 1px #ffffff;
    height:807px;
    right:2px;
    top:0;
    background-color:#f0d45f;
}



#artistContent
{
    position:relative;
    top:40px;
    left:60px;
    width:640px;
    height:720px;
    background-color:#ffffff;
}

#artistContent a:link, a:visited, a:active, a:hover
{
    font-size:12px;
}  

#artistFlash
{
    position:relative;
    text-align:center;
    left:73px;
    top:55px;
    height:410px;
    width:490px;
    border:solid 2px #3f3f3f;
    background-color:#FFFDE9;
}
#artistFlash p
{
    font-size:11px;
    font-style:italic;
    position:absolute;
    top:390px;
    right:15px;
    color:#290255;
}

#artistImage
{
    position:relative;
    text-align:center;
    left:25px;
    top:23px;
    height:410px;
    width:585px;
    border:solid 2px #3f3f3f;
    background-color:#ffffff;
}

#apMouseOver
{
    position:absolute;
    top:20px;
    left:19px;
    width:455px;
    height:380px;
}

#apMouseOver ul
{
    padding:0 ; 
    margin:0 5px 0 0;
    position:absolute;
    top:303px;
    left:303px;
    list-style-type:none;
}

#apMouseOver li
{
    float:left;
    padding:0 0 0 3px;
}

#apMouseOver a.gallery span 
{
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
}
    
#apMouseOver a.gallery, #apMouseOver a.gallery:visited 
{
    display:block; 
    color:#000; 
    text-decoration:none; 
    text-align:left; 
    cursor:default;
}
    
#apMouseOver a.slidea 
{ 
    height:70px; 
    width:70px;
}
    
#apMouseOver a.slideb 
{ 
    height:70px; 
    width:70px;
}

#apMouseOver a.slidec 
{
    height:70px; 
    width:70px;
}

#apMouseOver a.gallery:hover
{
    border:0px solid #fff; 
}

#apMouseOver a.gallery:hover span {
    position:absolute; 
    width:450px; 
    height:300px; 
    top:-303px; 
    left:-303px;
    color:#000; 
    background:#fff;
    }

.apImage
{
    position:relative;
    top:30px;
}

.apData
{
    font-size:12px;
    width:500px;
    padding:4px;
    border:0;
    position:absolute;
    bottom:80px;
    left:22px;
    
}

table td.CELL1 {width:80px;}
table td.CELL2 {width:420px;}

.closeWindow 
{
    position:absolute;
    top:430px;
    right:0px;
    font-size:11px;
}

#artistsBio
{
    position:absolute;
    left:73px;
    top:500px;
    width:500px;
}

#artistsBio a:link, a:visited
{
    font-size:12px;
}

#artistsBio a:hover, a:active
{
    text-decoration:underline;
}


#alphaLeft
{
    text-align:left;
    float:left;
    position:relative;
    left:40px;
}

#alphaCenter
{
    text-align:left;
    float:left;
    position:relative;
    left:70px;
}

#alphaRight
{
    text-align:left;
    float:left;
    position:relative;
    left:100px;
}

#alpha
{
    font-size:12px;
    text-align:left;
    line-height:16px;
    position:relative;
    left:40px;
}

#alpha a:link
{
    color:Blue;
    
}

/*#alpha a:visited, a:hover
{
    text-decoration:none;
   
}*/

#links
{
    position:absolute;
    top:638px;
    font-size:14px;
}

#links a:link
{
    text-decoration:underline;
}

#exchangeLinks
{
    position:absolute;
    top:90px;
    left:60px;
    width:370px;
    height:300px;
    text-align:left; 
}

#exchangeLinks p
{
    position:static;
    text-indent:-10px;
    margin-left:10px;
    font-size:13px;
}

#bottomTabCenter a:link, a:visited, a:hover, a:visited
{
    font-size:13px;
}