body { margin:0; padding:0; background-color:#ccb192; }
body, html, td { font-family: Arial, sans-serif; font-size:13px; }
#wrapper { width:100%; height:100%; }

a { color:#8b0304; text-decoration:none; }
a:hover { color:#0000ff; text-decoration:underline; }

#logo { float:left; width:102px; height:102px; }
#header-top { float:left; width:554px; height:75px; background-image:url(../graphics/bgheader.gif); background-repeat:repeat; }
#arobase { float:left; width:56px; height:75px; }
#top-right { float:left; width:28px; height:75px; background-image:url(../graphics/topright.gif); }


#menu { float:left; width:638px;  background-image:url(../graphics/bgmenu.gif); 
        font-size:13px; color:#000000; line-height:27px; } 
#menu a { color:#000000; text-decoration:none;  padding-left:10px; padding-right:10px; }
#menu .menu-left { float:left; width:525px; height:27px; text-align:left;}
#menu .menu-right { float:left; width:113px; height:27px; text-align:center; }
#menu .cell { float:left; height:27px; }

#menu .selected { padding-left:10px; padding-right:10px; }


#boilerplate { float:left; width:760px; height:21px; background-image:url(../graphics/shadowbottom.gif); background-position:left; background-repeat:no-repeat; line-height:21px; 
               font-size:12px; color:#8b0304; }
#boilerplate a { color:#8b0304; text-decoration:none; background-image:none; padding-left:5px; padding-right:5px; }
#boilerplate a:hover { color:#fddead; background-image:url(../graphics/linkshadow.gif); background-repeat:repeat; }
#boilerplate .boilerplate-left { float:left; width:480px; height:21px; text-align:left; margin-left:10px; }
#boilerplate .boilerplate-right { float:left; width:260px; height:21px; text-align:right; margin-right:10px; }
#boilerplate .boilerplate-right a { color:#333333; }
#boilerplate .boilerplate-right a:hover { color:#fddead;}

#boilerplate .selected {  color:#fddead; font-weight:bold; background-image:url(../graphics/linkshadow.gif); background-repeat:repeat;padding-left:5px; padding-right:5px;  }