body { background: #CCCCCC url(../images/wood.jpg) 0 0; font-family:Georgia, Serif; width:100%; }

a { text-decoration:none; }
a:hover { text-decoration:underline; }

ul, ol { margin:12px 0 12px 24px; }
li { margin:6px; }

.white { color:#FFFFFF; }
.textShadow { text-shadow: 3px 3px 0 #000000; filter: dropshadow(color=#000000, offx=2, offy=2); }
.shadow { -webkit-box-shadow: 1px 6px 6px 1px #444444; -moz-box-shadow: 1px 6px 6px 1px #444444; box-shadow: 1px 6px 6px 1px #444444; } 

#loggedInDiv { background-color:#FFFFFF; padding:12px; border:1px solid #CCCCCC;
               -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
			   -webkit-box-shadow: 1px 6px 6px 1px #444444;
               -moz-box-shadow: 1px 6px 6px 1px #444444;
               box-shadow: 1px 6px 6px 1px #444444; 
			   margin:0 12px;
} 

.thickBoxTitle { color:#FFFFFF; height:20px; padding-top:2px;
                margin-top:12px; margin-bottom:12px; text-align:center; font-weight:bold;}

#content { margin:0 auto; width:800px; height:800px; padding-top:24px; }
  #national { position:absolute; right:20px; top:20px; z-index:-1; } 
    #content h1.heading { font-size:92px; margin-bottom:0; margin-top:48px; font-family: 'Special Elite', cursive;}

p { margin-bottom:8px; }
td, textarea { font-size:12px; } 
h1, h2, h3, h4 { font-family: 'Special Elite', cursive;}
h2 { margin:12px 0 8px 0; }

#left { margin:10px; width:150px; float:left; }
  #left a { color:#FFFFFF; }
  .menu { padding:0; } 
    .ie6 .menuItem, .ie7 .menuItem, .ie8 .menuItem, .ie9 .menuItem { background-color:#663300; border:solid 1px #f3e2c7; }  
    .menuItem { list-style:none; margin-bottom:12px; color:#FFFFFF; padding:12px; z-index:10; position:absolute; width:180px; font-weight:bold;
               -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; 
			   background: #f3e2c7; /* Old browsers */
               background: -moz-linear-gradient(top, #f3e2c7 0%, #b68d4c 58%, #e9d4b3 100%); /* FF3.6+ */
               background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3e2c7), color-stop(58%,#b68d4c), color-stop(100%,#e9d4b3)); /* Chrome,Safari4+ */
               background: -webkit-linear-gradient(top, #f3e2c7 0%,#b68d4c 58%,#e9d4b3 100%); /* Chrome10+,Safari5.1+ */
               background: -o-linear-gradient(top, #f3e2c7 0%,#b68d4c 58%,#e9d4b3 100%); /* Opera 11.10+ */
               background: -ms-linear-gradient(top, #f3e2c7 0%,#b68d4c 58%,#e9d4b3 100%); /* IE10+ */
               background: linear-gradient(top, #f3e2c7 0%,#b68d4c 58%,#e9d4b3 100%); /* W3C */
               filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3',GradientType=0 ); /* IE6-9 */
			   -webkit-box-shadow: 1px 6px 6px 1px #444444;
               -moz-box-shadow: 1px 6px 6px 1px #444444;
               box-shadow: 1px 6px 6px 1px #444444; 
			   text-shadow: 2px 2px 1px #000000;
}
    .menuItem a:hover { text-decoration:underline; }
	  .menuItem.item1 { top:235px; }
	  .menuItem.item2 { top:295px; }
	  .menuItem.item3 { top:355px; }
	  .menuItem.item4 { top:415px; }
	  .menuItem.item5 { top:475px; }
	  .menuItem.item6 { top:535px; }
	  .menuItem.item7 { top:595px; }
	  .menuItem.item8 { top:655px; }
  
#mainContent, #cmsContent { margin:0 10px 10px 0; width:516px; float:left; padding:12px 12px 12px 90px; border:1px solid #CCCCCC;
        -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
       background: #fcfff4; /* Old browsers */
       background: -moz-linear-gradient(top, #fcfff4 0%, #e9e9ce 100%); /* FF3.6+ */
       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(100%,#e9e9ce)); /* Chrome,Safari4+ */
       background: -webkit-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%); /* Chrome10+,Safari5.1+ */
       background: -o-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%); /* Opera 11.10+ */
       background: -ms-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%); /* IE10+ */
       background: linear-gradient(top, #fcfff4 0%,#e9e9ce 100%); /* W3C */
       filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 ); /* IE6-9 */}
  #main h1, #main h2 { text-shadow: 2px 2px 1px #AAAAAA; filter: dropshadow(color=#AAAAAA, offx=2, offy=2); } 

#main .contentImage { margin-bottom:12px; width:315px; }
#main .contentPopupImage.center img { text-align:left; margin:6px 0 0 86px; }

  #innerRight { float:right; width:200px; margin:12px; } 
    #sampleTracks { margin:60px 3px 6px 10px; text-align:center; }
      .sampleTrack  { text-align:center; font-size:12px; margin-bottom:12px; }

.feebackHolder { background: url(../images/img01.jpg) repeat scroll 0 0 transparent; font-size: 14px; margin: 0 6px 18px; padding: 11px;
			   -webkit-box-shadow: 1px 6px 6px 1px #AAAAAA;
               -moz-box-shadow: 1px 6px 6px 1px #AAAAAA;
               box-shadow: 1px 6px 6px 1px #AAAAAA; }
.feedbackCite, .feedbackDate  { text-align:right; margin-top:4px; }

#loginDiv { padding-top:100px; padding-bottom:235px; } 
  #loginTable { margin-left:100px; }
  
#footer { color:#FFFFFF; margin-bottom:12px; padding:0 28px 0 176px; }
  #footer a { color:#FFFFFF;}