#gym{
font-size:70%;
color:#333;
background-color:#FFF;
background:url(/semperfit/gyms/gym_bg.gif) left top repeat-x;
}

html>body #gym{
font-size:85%;
}

#gym div{
font-size:1em;
}

#gym li{
font-size:70%;
}

html>body #gym li{
font-size:85%;
}

#gym p{
margin-top:5px;
margin-bottom:5px;
}

/* ##################################################### */

#gym .header{
background:url(/semperfit/gyms/header_bg.gif) left top repeat-x;
margin:0;
}

#gym #col_left{
float:left;
width:320px;
margin:5px;
}

#gym #col_right{
float:right;
width:300px;
margin:5px;
}

/* ##################################################### */

#gym .mccs_message{
margin:10px 0px 0px 0px;
width:325px;
border:1px solid #666;
}

html>body #gym .mccs_message{
width:348px;
}

#gym .mccs_announcement{
background:url(/semperfit/gyms/titlebox_bg_red.gif) left top;
padding:5px;
font-family: arial;
font-size:0.9em;
color:#fff;
text-transform:uppercase;
letter-spacing:0;
}

#gym .mccs_message .bold{
padding:5px;
color:#003366;
margin-top:5px;
margin-bottom:5px;
text-transform:uppercase;
}

/* ##################################################### */

#infobox{
background:url(/semperfit/gyms/info_bg.gif) left top no-repeat;
width:325px;
}

html>body #infobox{
width:360px;
}

#infobox .contact{
padding:7px;
font-weight:bold;
color:#fff;
line-height:18px;
}

#infobox p{
margin:0;
}

#infobox .hours{
padding:7px;
font-weight:bold;
color:#fff;
line-height:18px;
border-top:1px dotted #ccc;
}

#gym .main_txt{
margin-top:10px;
padding:5px;
}

html>body #gym .main_txt{
width:348px;
}

.sidebox{
border:1px solid #666;
width:300px;
margin-top:10px;
}

.sidebox .title{
background:url(/semperfit/gyms/titlebox_bg_grey.gif) left top;
font-weight:bold;
color:#fff;
font-size:0.9em;
padding:5px;
}