html, body { 
margin : 0;
padding : 0;
} 
body { 
background : #ccc url(templates/Ruby/resources/common/images/bg.jpg) top center repeat-y;
color : #555;
} 
#wrap { 
width : 770px;
margin-left : auto;
margin-right : auto;
padding : 0;
color : #555;
background : transparent url(templates/Ruby/resources/common/images/wrap_bg.jpg) repeat-x;
} 
#masthead { 
height : 47px;
padding : 53px 0 0 20px;
margin-bottom : 0;
} 
#container { 
width : 700px;
margin-left : auto;
margin-right : auto;
margin-top : 0;
padding : 25px;

} 

#content { 
padding : 1em;
margin : 0 240px 0 0;
border-right : 1px solid #eee;
} 
#sidebar { 
float : right;
width : 200px;
margin-top : 0;
padding : 1em;
} 
#footer { 
clear : both;
height : 50px;
padding : 25px 0;
margin-bottom : 0;
margin-top : 0;
text-align : center;
border-top : 5px solid #E80202;
color : #fff;
background : #000;
}

#footer a:link,#footer a:visited { 
color : #E80202;
background : inherit;
text-decoration : underline;
} 
#footer a:hover { 
color :  #636363;
background : inherit;
text-decoration : none;
} 

/*menu*/

/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#menucontainer {
height:24px;
background:#000;
display:block;
padding:45px 0 0 15px;
}
#menu {
position:relative;
display:block;
height:24px;
font-size:11px;
font-weight:bold;
font-family:Arial,Verdana,Helvitica,sans-serif;
}
#menu ul {
margin:0px;
padding:0;
list-style-type:none;
width:auto;
}
#menu ul li {
display:block;
float:left;
margin:0 1px 0 0;
}
#menu ul li a {
display:block;
float:left;
color:#fff;
text-decoration:none;
padding:5px 20px 0 20px;
height:19px;
background:transparent url(templates/Ruby/resources/common/images/menu_bg-OFF.gif) no-repeat top left;
}
#menu ul li a:hover {
color:#fff;
background:transparent url(templates/Ruby/resources/common/images/menu_bg-OVER.gif) no-repeat top right;
}
#menu ul li a.current,#menu ul li a.current:hover {
color:#000;
background:#fff;
}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE MENU ^^^^^^^^^^ */