html
{
    text-align:center;   
}

html,body
{

    text-align: center;
    background: #333;
    color:#fff;
}

body
{
    font: 85%/1.3 Verdana,Arial,sans-serif;
    text-align: center;
    background: #333;
    background-image:url(../../images/bg.jpg);
    background-position:center;
    background-repeat:repeat-y;    
    padding:0px 0px -10px 0px;
    margin:0px 0px -10px 0px;    
    width:auto;
    float:none;
}

body div#outerbox
{        
    text-align:center;    
}

p
{
    margin-top:0px;
}



body div#header
{     
    overflow:hidden;    
    width:770px;
    text-align:center;
    margin:0px auto 0px;
    padding:0px 0px 0px;
    background-image: url(../../images/header1.jpg);    
}

div#header div#siteheader
{    
    background-image: url(../../images/header1.jpg);
    width:770px;
    margin:0px auto;
    text-align:center;    
}

div#header div#siteheader div#sitelogo
{
    background-image:url(../../images/logo_old.gif);
    height:100px;
    width:400px;
    float:left;
    margin-left:10px;      
}

#sitetitleimage
{
    background-image:url(../../images/sitetitle.gif);
    height:150px;
    width:575px;
    position:absolute;
    left:300px; 
    float:left;
    top:0px;
}

div#header div#siteheader div#topsearch
{       
    margin:5px 10px 0px 0px;
    text-align:right;
    float:right;
    font-size:12px;   
    font-weight:bold;
    color:#FF5;
    width:770px;
    width:300px;
}

div#header div#siteheader div#mp3player
{    
    padding-top:40px;
    padding-right:5px;
    float:right;    
}

div#header div#siteheader div#mp3player select
{
    background-color:#0099CC;
    color:#fff;
    font-weight:bold;
}

div#header div#siteheader div#topsearch .searchinput
{
    border-top : #EEF 1px solid;
    border-bottom : #99A 1px solid;
    border-left : #EEF 1px solid;
    border-right : #99A 1px solid;
    color : #333;        
    margin-right:2px;
    font-weight:bold;
    background : #CCD;
    width:100px;
    line-height:12px;
    height:12px;
}

.searchbutton
{
    border-top : #D00 1px solid;
    border-bottom : #500 1px solid;
    border-left : #D00 1px solid;
    border-right : #500 1px solid;
    color : #FFA;
    font-weight:bold;
}

#menu
{
    background-image:url(../../images/header2.jpg);    
    float:left;
    width:770px;
    border-bottom:solid 2px #0099CC;    
}

ul#nav,ul#nav li
{
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:0px;
    list-style-image:none;
    font-weight:normal;
    
}

ul#nav
{
    float:left;
    font-size: 80%;
    margin-left:10px;
}

ul#nav li
{
    float:left;
    margin-right: 3px;
    text-align: center;
    border:none;
}

ul#nav a
{
    float:left;
    width: 75px;
    padding: 5px 0;
    background: #0099CC;
    text-decoration:none;
    color: #fff;
}

ul#nav a:hover
{
    background: #00CCFF;
    color: #FFC;
}

ul#nav li.activelink a,ul#nav li.activelink a:hover
{
    background: #006699;
    color: #FFC;
    font-weight:bold;
}

div#container
{
    width:770px;
    margin:0 auto 0px;
    padding:10px 0 10px;
    text-align:left;
    background-image:url(../../images/body.jpg); 
    background-color:#222;
    background-repeat:no-repeat;
}

div#content
{
    position:relative;
    float:right;
    display:inline;
    width:390px;
    padding-left:10px;
    padding-right:5px;
    padding-top:5px;
    border:none;
    margin:0px 150px 10px 0px;
}

div#side
{
    position:relative;
    float:left;
    display:inline;
    width: 170px;
    height:500px;
    border:none;
    margin:0px 10px 0px 10px; 
    padding:0px 10px 0px 10px;
    text-align:center;
    
}

div#side div
{
    margin: 0px 0px 0px 0px;
    padding: 5px 0px; 
    text-align:center;
}

div#side ul#leftnav li
{
    list-style-image:none;
}

#leftnav
{ 
    text-align:center;
    list-style: none;
    margin : 10px 0 0 0;
    width:160px;
    background-color:#0099CC;
    padding:5px 0px 5px 0px;
}

#leftnav li a
{
    display:block;
    text-align:right;
    height:18px;  
    border:none;
    color:#000;
    text-decoration:none;
    font-weight:bold;
    list-style-image:none;
    font-size:12px;
    border-right:solid 10px #8DC73F;
    width:140px;
    padding:0px 5px 0px 0px;
    margin:0px 0px 2px 0px;
    
}

#leftnav li a:link
{
    
}

#leftnav li a:hover
{      
    color:#FFC;
    border-right:solid 10px #FFFF00;    
    background-color:#00CCFF;
}

#leftnav li a:visited
{  
  
}

div#footer
{
    clear:both;
    width:750px;
    margin:0px 0px 0px 10px;
    padding: 10px 0;
    background: #99CC33;
    color: #000;
    text-align:center;
}

div#footer p
{
    margin:0;
}

#footer #footerbuttons
{
    float:left;
    padding:0px 0px 0px 10px;
    font-size:10px;
}

#footer #footerbuttons a:link
{
    color:#000;
}

#footer #footerbuttons a:hover
{
    color:#FFA;
}

#footer #footerbuttons a:visited
{
    color:#FFA;
}

#footer #footerbuttons a:active
{
    color:#FFF;
}

#footer #pageinfo
{
    text-align:right;
    padding-right:10px;
    color:#FFF;
    font-size:10px;
}