body {
margin : 0;
padding : 0;
background : #0066CC;
font-family : arial;
font-size : 0.8em; 
}


#site {
width : 879px ;
margin : 0 auto ;
padding : 0 0 20px 0 }

#header {
position : relative; 
height : 209px;
background : url(images/top.jpg)
}

#user {position : absolute ; left : 330px ; top : 35px ; color : #fff}
#user a {color : #fff; font-weight : bold ; }
#user p {margin : 0; padding  : 0}

#user input  {margin : 0 0 10px 0; padding  : 0 ; background : #A0FF60}
#user form  {margin : 20px 0 0 0; padding  : 0}
#user .element_3 {margin : 10px 0 0 0 ; position : absolute ; left : 170px ; top : 85px}


#side {position : relative ; 
background : url(images/top-side.jpg) no-repeat ;
width : 233px ; 
float : left ; }


#side ul {
background : url(images/bg-side.jpg);
margin : 40px 0 0 0; 
padding : 10px 0 10px 0;
list-style : none
}


#side li {
padding : 0 0 0 30px; 

}






#side li a {color : #FF0066 ; text-decoration : none ;}


#side li a:hover { background : #fff }
 
 
 
 
 
 
 #bg-bottom-side  {
 background : url(images/bg-bottom-side.jpg) no-repeat;
height : 18px ;
width : 233px;  
position : absolute ;
bottom : -10px ;
left : 0 ;}


#content {
position : relative ; 
float : left ;
width : 646px;
background : url(images/bg-content.jpg) repeat-y;
}


#content h2, p {padding : 0 30px 0 20px ; margin : 0 0 10px 0}

#content h2 {color : #FFFF20}


#bottom-content {
background : url(images/bg-bottom-content.jpg) no-repeat;
height : 15px ;
width : 646px;  
position : absolute ;
bottom : -10px ;
left : 0 ;  
}


#footer {margin : 0 ; padding :  20px 0 0 0 ; height : 40px ; clear : both ; text-align : right ; color : #fff}
#footer a {color : #fff}

#logo {position : absolute ; right : 30px ; top : 100px}