html {
     overflow: -moz-scrollbars-vertical;
}


body {
   font-family: Lucida Sans, Tahoma, Verdana, arial, sans-serif;
   background-color: #232928;
   font-size: 100%;
   margin: 0px;
   padding: 0px;
   background-repeat: repeat-x;
   }
h1, h2, h3, h4 {
   font-family: Arial, "Helvetica Neue Light", sans-serif;
   text-transform: uppercase;
   font-weight: normal;
}

#header {
   width: 750px;
   padding: 0px;
   margin-top: 0px;
   margin-right: auto;
   margin-bottom: 0px;
   margin-left: auto;
   height: 100px;
   position: relative;
}


#header #logo {
   position: absolute;
   height: 57px;
   width: 300px;
   text-indent: -1000px;
   left: 0px;
   top: 30px;
}
#header #logo span {
   background-image: url('../images/logo.jpg');
   background-repeat: no-repeat;
   height: 90px;
   width: 540px;
   left: -40px;
   top: -15px;
   position: absolute;
   z-index: 2
}

#menu {
   margin: 0px auto;
   padding:5px;
   width: 750px;

}
#menu #navlinks
{
   padding: 3px 0;
   margin-left: 0;
   font: bold 0.9em "Lucida Grande", "Lucida Sans", Arial, sans-serif;
   margin-bottom: 0px;

}

#menu #navlinks li
{
list-style: none;
margin: 0;
display: inline;
line-height:20pt;
}

#menu #navlinks li a
{
padding: 5px 0.4em;
margin-left: 1px;
text-decoration: none;
}

#menu #navlinks li a:link { color: #82C9ED; }

#menu #navlinks li a:hover {
color: #FAE35F;
background: #000000;
background-repeat: repeat-x;
background-position: left top;
}

#menu #navlinks a:visited {
   color: #82C9ED;
}

#menu #navlinks li a#onlink
{
   background: #62B5E2;
   color: #FFFFFF;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>main content box */
.maincontent {

   border-bottom:3px solid #0099CC; margin:0px; padding:0px; width: 100%;
   background-color: #299BD2;
   height: auto;
}
         .maincontent .inside {
         
            width: 750px;
            margin: 0px auto;
            padding: 0px;
            position: relative;
            height: auto;
            }
.maincontent .inside .left {

   width: 400px;
   margin: 0px;
   padding: 0px;
   position: relative;
   left: 0px;
   top: 0px;
   z-index: 5;
   height: auto;
}
.maincontent .inside .right {
   width: 350px;
   position: absolute;
   height: auto;
   margin: 0px;
   padding: 0px;
   left: 400px;
   top: 0px;
}

.largecontent {
   width: 700px;
   position: absolute;
   height: auto;
   margin: 0px;
   padding: 0px;
   left: 0px;
   top: 0px;
}

/*>>>>>>>>>>>>>>>>>>>>>>>>> main tags*/
.maincontent .inside h4, .maincontent-x .inside h4 {
   color: #ffffff;
   font-weight: normal;
   text-transform: uppercase;
   letter-spacing: -0.05em;
   font-size: 1.10em;
   margin: 0px;
   padding: 20px 0px 0px;
}
.maincontent .inside h4 a, .maincontent-x .inside h4 a {
   color: #FFFFFF;
   text-decoration: none;
}
.maincontent .inside h4 a:hover, .maincontent-x .inside h4 a:hover {
   color: #FFF9BB;
}
.maincontent .inside h2, .maincontent-x .inside h2 {
   /*text-transform: uppercase;*/
   color: #F2E65E;
   font-size: 1em;
   font-weight: bold;
   margin: 0px;
   padding: 0px;

}


.inside h1 {

   /*text-transform: uppercase;*/
   color: #F2E65E;
   font-size: 15pt;
   font-weight: bold;
   margin: 0px;
   padding: 10px;
   
   }

.maincontent .inside h2 a, .maincontent-x .inside h2 a {
   color: #FFFFFF;
   text-decoration: none;
}
.maincontent .inside .left a:hover, .maincontent-x .inside .left a:hover {
   color: #FFF9BB;
}
.maincontent .inside p, .maincontent-x .inside p {
   font-size: 0.8em;
   color: #003366;
   line-height: 1.4em;
   margin: 5px 0px 10px;
   padding: 0px;
}
.maincontent a, .maincontent-x a {
   color: #003366;
   font-weight: bold;
}
.maincontent a:hover, .maincontent-x a:hover {
   color: #FFF9BB;
}




#flash {
position: absolute;
width: 350px; 
height: 415px;
z-index: 1; 
left:500px; 
top:400px;
background-color: #ffffff;
}


#leftcutliver{
position: absolute;
width: 109px; 
height: 218px;
z-index: 1; 
left:377px; 
top:52px;
background-color: #ffffff;
}

#toprightbanner {
position: absolute;
width: 200px; 
height: 140px;
z-index: 1; 
right:10px; 
top:-199px;

}





/* >>>>>>>>>>>>>>>>>>>foot */
#footer {
   width: 750px;
   padding: 0px 0px 50px;
   margin-top: 20px;
   margin-right: auto;
   margin-left: auto;
   font-size: 0.7em;
   color: #999999;
}
#footer a     {
   font-weight: normal;
   color: #FFFFFF;
   text-decoration: none;
}
#footer a:hover {
   color: #F5E75C;
}

table.mixes {
margin: 10px;
color:#ffffff;
   border-width: 1px 1px 1px 1px;
   border-spacing: 2px;
   border-style: outset outset outset outset;
   border-color: white white white white;
   border-collapse: collapse;
}
table.mixes th {
text-align:left;
   border-width: 1px 1px 1px 1px;
   padding: 5px 5px 5px 5px;
   border-style: solid solid solid solid;
   border-color: gray gray gray gray;
   background-color: ;
   -moz-border-radius: 0px 0px 0px 0px;
}
table.font-family td {
   border-width: 1px 1px 1px 1px;
   padding: 5px 5px 5px 5px;
   border-style: solid solid solid solid;
   border-color: gray gray gray gray;
   background-color: ;
   -moz-border-radius: 0px 0px 0px 0px;
}

table.tunes {
   font-size: 0.9em;
margin: 10px;
color:#ffffff;
   border-width: 1px 1px 1px 1px;
   border-spacing: 2px;
   border-style: outset outset outset outset;
   border-color: #2978a1;
   border-collapse: collapse;
}
table.tunes th {
   font-size: 0.9em;
   width: 500px;
   text-align:center;
   border-width: 1px 1px 1px 1px;
   padding: 5px 5px 5px 5px;
   border-style: solid solid solid solid;
   border-color: #1e5b7b;
   background-color: ;
   -moz-border-radius: 0px 0px 0px 0px;
}

table.tuneswide {
   font-size: 0.9em;
margin: 10px;
color:#ffffff;
   border-width: 1px 1px 1px 1px;
   border-spacing: 2px;
   border-style: outset outset outset outset;
   border-color: #2978a1;
   border-collapse: collapse;
}
table.tuneswide th {
   font-size: 0.9em;
   width: 700px;
   text-align:center;
   border-width: 1px 1px 1px 1px;
   padding: 5px 5px 5px 5px;
   border-style: solid solid solid solid;
   border-color: #1e5b7b;
   background-color: ;
   -moz-border-radius: 0px 0px 0px 0px;
}

th.flyer {

   background-image: url('../images/flyerbgcell.gif');
   background-repeat: no-repeat;
}

th.mixname {

width:200px;

}

table.mainmixes {
   font-size: 0.9em;
margin: 10px;
color:#ffffff;
   border-width: 1px 1px 1px 1px;
   border-spacing: 2px;
   border-style: outset outset outset outset;
   border-color: #2978a1;
   border-collapse: collapse;
}
table.mainmixes th {
   font-size: 0.9em;
   width: 300px;
   text-align:center;
   border-width: 1px 1px 1px 1px;
   padding: 5px 5px 5px 5px;
   border-style: solid solid solid solid;
   border-color: #1e5b7b;
   background-color: ;
   -moz-border-radius: 0px 0px 0px 0px;
}

th.flyer {

   background-image: url('../images/flyerbgcell2.gif');
   background-repeat: no-repeat;
}

th.mixname {

width:200px;

}



table.tunes td {
   border-width: 1px 1px 1px 1px;
   padding: 5px 5px 5px 5px;
   border-style: solid solid solid solid;
   border-color: #3287b3;
   background-color: ;
   -moz-border-radius: 0px 0px 0px 0px;
}

table.sets {
   font-size: 1em;
margin: 10px;
color:#ffffff;
   border-width: 1px 1px 1px 1px;
   border-spacing: 2px;
   border-style: outset outset outset outset;
   border-color: #1e5b7b;
   border-collapse: collapse;
}
table.sets th {
color:#ffffff;
   font-size: 1em;
text-align:left;
   border-width: 1px 1px 1px 1px;
   padding: 5px 5px 5px 5px;
   border-style: solid solid solid solid;
   border-color: #1e5b7b;
   background-color: ;
   -moz-border-radius: 0px 0px 0px 0px;
}
table.sets td {
   border-width: 1px 1px 1px 1px;
   padding: 5px 5px 5px 5px;
   border-style: solid solid solid solid;
   border-color: #1e5b7b;
   background-color: ;
   -moz-border-radius: 0px 0px 0px 0px;
}










/* img */

.imgs{
float:left;
margin: 0px;
}

.floatright{
display:inline;
float:right;
margin: 20px;
}

.floatleft{
display:inline;
float:left;
margin: 20px;
}



/* upload */

#frm_upload, #tbl_upload, #btn, #sbm {
margin:0px;
padding:0px;
}
#tbl_upload {
border-top:solid 1px #aaa;
border-left:solid 1px #aaa;
}
#tbl_upload th, #tbl_upload td {
border-right:solid 1px #aaa;
border-bottom:solid 1px #aaa;
text-align:left;
vertical-align:top;
}
#tbl_upload th {
padding:3px 10px 0px 10px;
background-color:#f1f1f1;
font-weight:bold;
}
#tbl_upload td {
padding:3px;
}
.frmfld {
border:1px solid #aaa;
width:300px;
}
#btn, #sbm {
height:20px;
width:120px;
display:block;
}
#btn {
background-color:transparent;
border:none;
cursor:pointer;
}
#sbm {
border:solid 1px #aaa;
background:url(../button.gif) repeat-x 0px 50%;
}
.warning {
color:#990000;
font-weight:bold;
}