*.section    { padding:0px; margin:3px 0; background-color:white; 
              border-left:1px solid gray; border-right:2px solid black; 
               border-top:1px solid gray; border-bottom:2px solid black;
               }
*.section p           { margin:0; margin-top:3px;     }
*.section h2          { margin:0; margin-bottom:10px; }
*.section h3          { margin:0; margin-bottom:10px; }
*.section.example     { background-color:white;       }
*.section  *.section  { margin-bottom:0; vertical-align="top" }

/* Non-essential Styles */
p { margin:10px; }

h2    { margin:0; font-size:1.1em; text-align:left; }
h3    { margin:0; font-size:1em; }

table { border-collapse:collapse; margin:0px 0px 0px 0px; align:left; vertical-align:top;}
td,th { background-color:white; width:10%; text-align:left; padding:2px; vertical-align:top;}

*.footer    {font-size:xx-small; text-align:center; color:black; margin-top:5px; }

*.oi1,*.oi2,*.oi3  
         { border-left:1px solid gray; border-right:2px solid black; 
           border-top:1px solid gray; border-bottom:2px solid black; }
/* Essential Styles */

ul.tabs a:link, ul.tabs a:visited, ul.tabs a:active 
                    { text-decoration:none;      color:blue; }  
ul.tabs a:hover, ul.tabs a:focus     
                    { text-decoration:underline; color:black;  }
ul.tabs a           { display:block; }


ul.tabs       { float:right; width:100%; padding:0; margin:0; 
                border-bottom:0px solid #000066; margin-bottom:10px; }

ul.tabs li    { float:right; width:3%; list-style-type:none;  }

ul.tabs *.tab-label { border:1px solid #000066; margin:0; cursor:pointer; 
                      padding-bottom:2px; padding-top:2px; 
                      background:white url(/images/g1.jpg) repeat-x left bottom;
                      font-weight:normal; text-align:center; font-size:1.1em; } 

ul.tabs li.selected *.tab-label { position:relative; border-bottom:none; 
           top:none; padding-bottom:4px; cursor:auto;
           padding-top:5px; border-top:0px solid #000066; margin-top:-5px; 
           background:white url(/images/g2.jpg) repeat-x left top; font-weight:bold; }


*.float-divider { clear:both; display:block; 
                  height:1px; font-size:1px; line-height:1px; }

*.oi1    { background-color:white;  margin:0;   padding:5px;}
*.oi2    { background-color:#9999CC;   margin:5px; padding:5px;}
*.oi3    { background-color:white; margin:5px; padding:5px;}
*.oi3disc    { background-color:white; margin-left:auto; margin-right:auto; padding:5px;}
*.oi3A    { background-color:white; margin:5px; padding:5px;}
*.oi3B    { background-color:white; margin:5px; padding:5px;}
*.oi3C    { background-color:white; margin:5px; padding:5px;}

#main {border:0px solid #000066; border-top:none; }
 #nav            { float:left; width:22%;  min-width:75px;   }
  #content        { float:left; width:78%;  min-width:150px;  }
  #artistcontent        { float:left; width:90%;  min-width:150px;  }
  #news           { float:left; width:20%;  min-width:115px;  }
  #nav     *.oi2  { min-height:43px; min-width:160px;  }
  #content *.oi3  { display:block;    }
    #top40A         { float:left; width:25%;  min-width:75px; text-align:center;}
	#top40B         { float:left; width:25%;  min-width:75px; text-align:center;}
	#top40C         { float:left; width:25%;  min-width:75px; text-align:center;}
	#top40D         { float:left; width:25%;  min-width:75px; text-align:center;}
    #head         { float:left; width:33%;  min-width:75px; }
    #detail       { float:left; width:33%;  min-width:75px; }
	#artistbio       { float:left; width:100%;  min-width:75px; }
	#artistdisc1      { float:left; width:100%;  min-width:75px; }
	#artistdisc2      { float:left; width:100%;  min-width:75px; }
	#artistdisc3      { float:left; width:100%;  min-width:75px; }
	#artistdisc4      { float:left; width:100%;  min-width:75px; }
	#artistdisc5      { float:left; width:100%;  min-width:75px; }
	#artistdisc6      { float:left; width:100%;  min-width:75px; }
	#artistdisc7      { float:left; width:100%;  min-width:75px; }
	#artistdisc8      { float:left; width:100%;  min-width:75px; }
	#artistdisc9      { float:left; width:100%;  min-width:75px; }
	#artistdisc10      { float:left; width:100%;  min-width:75px; }
	#detailA       { float:left; width:33%;  min-width:75px; }
	#detailB      { float:left; width:33%;  min-width:75px; }
	#detailC       { float:left; width:33%;  min-width:75px; }
        #songpageA       { float:left; width:50%;  min-width:75px; }
        #songpageB       { float:left; width:50%;  min-width:75px; }

*.callout { float:right; width:200px; height:200px; padding:6px;
            margin:8px 8px 8px 8px; 
            position:relative; top:10px;
            font-size:22px; line-height:normal; font-weight:bold;  
            text-align:center; color:black; background-color:white; 
            border-left:1px solid black; border-right:1px solid black; 
            border-top:6px solid black; border-bottom:6px solid black; }


h2 { font-size:16px; margin:5px 0; }
*.gp     { height:225px; border:1px solid black; }
*.parent { margin:10px; padding:10px; padding-top:0;    border:1px solid black; background-color:transparent;}
*.box    { margin:0;    padding:5px; text-align:center; border:5px solid black; background-color:gold; }


/* Essential Styles */

*.gp { position:relative; z-index:1;  }

#in-place      { position:absolute; z-index:1; }

#shrinkwrapped { position:absolute; z-index:0; 
                 width:auto; left:0; bottom:0; margin:0; }

#sized         { position:absolute; z-index:auto; 
                 width:300px; height:250px; bottom:0; right:0px; margin:0; }

#stretched     { position:absolute; z-index:-1; 
                 height:auto; right:0; top:0; bottom:0; margin:0; }