/* Flagmusic CSS 2.1 main stlye sheet */

body{
   width:             820px;
   margin:            8px auto 8px auto; 
   padding:           0; 
   border:            0;     
   background-image:  url( ../gr/common/wall.jpg );
}

#banner{ 
   width:             820px;
   height:            48px;
   margin:            0;
   float:             left;
}

#menu{ 
   width:             820px;
   height:            28px;
   margin:            0;
   float:             left;
   background-image:  url( ../gr/common/staff_below_menu.jpg );      
}

#footer{ 
   width:             820px;
   height:            43px;
   margin:            0;
   float:             left;
   background-image:  url( ../gr/common/footer.gif );      
}

#full{
   width:             820px;
   margin:            0;
   float:             left;
   background-image:  url( ../gr/common/gray_wall.jpg );   
}

#rail{
   width:             250px;
   height:            600px;
   margin:            0;
   float:             left;
   background-image:  url( ../gr/common/dk_gray_wall.jpg );   
}

#lightrail{
   width:             250px;
   height:            600px;
   margin:            0;
   float:             left;
   background-image:  url( ../gr/common/gray_wall.jpg );   
}

#main{
   width:             570px;
   height:            600px;
   margin:            0;
   border:            none;
   float:             right;
   background-image:  url( ../gr/common/gray_wall.jpg );   
}
#flexmain{
   width:             570px;
   height:            auto;
   margin:            0;
   border:            none;
   float:             right;
   background-image:  url( ../gr/common/gray_wall.jpg );   
}

#main_element{
   margin:            15px 0 0 10px;
   float:             left;
   background-repeat: no-repeat;
}

#main_element span{
   visibility:        hidden;
   width:             550px;
   height:            170px;
   display:           block;
}

h1{
   margin:            10px 0 0 10px;
   font-family:       Verdana,sans-serif;
   font-size:         16px;
   font-weight:       bold;
   line-height:       1.3;
   color:             rgb(32,32,96);
}

h2{
   margin:            10px 0 0 10px;
   font-family:       Verdana,sans-serif;
   font-size:         16px;
   font-weight:       bold;
   line-height:       1.3;
   color:             rgb(32,32,96);
}

h3{
   margin:            10px 0 0 10px;
   font-family:       Verdana, sans-serif;
   font-size:         14px;
   font-weight:       bold;
   line-height:       1.3;
   color:             rgb(32,32,96);
}

h4{
   margin:            10px 0 0 10px;
   font-family:       Verdana, sans-serif;
   font-size:         12px;
   font-weight:       bold;
   line-height:       1.3;
   color:             rgb(32,32,96);
}

h5{
   margin:            10px 0 0 15px;
   font-family:       Verdana, sans-serif;
   font-size:         12px;
   font-weight:       bold;
   line-height:       1.3;
   color:             rgb(32,32,96);
}

p{
   margin:            10px 6px 0 15px;
   font-family:       Verdana, Arial;
   font-size:         12px;
   line-height:       1.3;
   color:             rgb(64,64,64);
}
.text{
   margin:            10px 12px 0 15px;
   font-family:       Verdana, Arial;
   font-size:         11px;
   color:             rgb(32,32,32);
   line-height:       1.4;
}
.musictext{
   margin:            10px 12px 0 15px;
   width:             510px;
   font-family:       Verdana, Arial;
   font-size:         11px;
   color:             rgb(32,32,32);
   line-height:       1.4;
}
.bio{
   margin:            6px 18px 0 30px;
   font-family:       Times;
   font-size:         12px;
   font-style:        italic;
   color:             rgb(32,32,96);
   line-height:       1.4;
}
.footer{
   font-size:         11px;
   color:             rgb(192,192,192);
   text-align:        center;
}
.hangindent{
   margin:            6px 0 3px 30px;
   font-size:         11px;   
   text-indent:       -10px;   
}
.indent{
   font-size:         11px;
   margin:            6px 20px 0 20px;
}
.dh1{
   font-size:               12px;
   font-weight:             bold; 
   margin:                  0 0 0 10px;
}
.dh2{
   font-size:               11px;
   font-style:              italic;
   margin:                  0 0 4px 20px;
}
.dh3{
   font-size:               11px;
   font-style:              italic;     
   margin:                  0 0 6px 40px;
   color:                   rgb(32,96,32);
}
.dh4{
   font-family:             Times,serif;
   font-size:               12px;        
   font-style:              italic;
   margin:                  0 0 12px 40px;
   color:                   rgb(64,64,64);
   width:                   550px;
}
.verse{
   text-indent:             30px;
   font-size:               11px;
   font-style:              italic;
   margin:                  0;
}
.footnote{
   font-size:               10px;
   font-style:              italic;
   margin:                  12px 10px 0 15px;
}

/*
Image overrides
*/
img{
   border:                  none;
}
.floatleft{
   float:                   left;
   margin:                  0 8px 5px 0;
   padding:                 3px;
}
.floatright{
   float:                   right;
   padding:                 0 10px 10px 20px;
}
.score{
   margin:                  6px 0 10px 15px;
   padding:                 3px;
   background:              white;
   border:                  thin solid silver;
}

a{
   text-decoration:   none;
}
a:hover{
   text-decoration:   underline;
}

a.menu{
   font:              bold 11px arial, sans-serif;
   text-decoration:   none;
   padding:           0 10px 30px 30px;
   letter-spacing:    3px;
   color:             #bbbbff;
}

a.menu:visited{
   color:             #6666cc;
}

a.menu:hover{
   color:             #fff;
}

a.menu:active{
   color:             #060;
}

br.clearleft{
   clear:             left;
}

table{
   margin:            6px 0 0 18px;
}

td{ 
   margin:            10px 12px 0 15px;
   font-family:       Verdana, Arial;
   font-size:         11px;
   color:             rgb(32,32,32);
   border:            0; 
}
.pad{
   padding:           10px 5px 0 5px;
   vertical-align:    top;
}
.storepad{
   padding:           0 5px 0 5px;
   width:             150px;
}

/*
Inline overrides
*/
span.normalsize{
   font-size:               11px;
}
.small{
   font-size:               10px;
}
.clipheader{
   font-size:               14px;
   padding:                 0 0 0 25px;
}
.italic{
   font-style:              italic;
}
.bold{
   font-weight:             bold;
}
.center{
   text-align:              center;
}
.red{
   font-size:               11px;
   font-weight:             bold;
   color:                   rgb(255, 0, 0);
}
.green{
   font-size:               11px;
   font-weight:             bold;
   color:                   rgb(0, 160, 0);
}
.purple{
   font-size:               11px;
   font-weight:             bold;
   color:                   rgb(128, 0, 128);
}
.whiteback{
   background-color:        white;
   padding:                  5px;
}

fieldset{
   border:            0;
}

