body { margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; background: #E2E2E2 url(img/topo.gif) repeat-x top left; }
* { font-size: 11px; }
form { margin: 0px; }
a {	color: #00F; text-decoration: underline; }
h1, h2, h3 { margin-top: 0px; }
h1 { font-size: 2.4em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em; }
p, ol, ul {	margin-bottom: 1.8em; line-height: 160%; }
a img {	border: none; }
.banner { float: left; position: relative; padding-top: 10px; padding-bottom: 10px; }
#header { width: 960px; height: 85px; margin: 0px auto; background: #b2b2b2; position: relative; }
#header_chatroom { width: 99%; height: 85px; margin: 0px auto; background: #b2b2b2; position: relative; }
#logo { background: url(img/logo.gif) left top no-repeat;float: left;margin-bottom: 0px;height: 65px;width: 190px;margin-top: 13px; text-indent: -999999px; }
#logo a { float: left; height: 65px; width: 190px; text-indent: -999999px; }
#logo h1 { font-size: 9px; }
#menu {	float: right;background: #999999;border-top: 2px #CCCCCC solid;border-bottom: 2px #CCCCCC solid;margin: 22px 0 0 0; position: relative;}
#menu ul { margin: 0px;padding: 0px;list-style: none;line-height: normal; position: relative; float: left;}
#menu li {	float: left; margin: 0px 0px 0px 1px; position: relative; }
#menu a { text-decoration: none; color: #FFFFFF; display: block;width: auto;height: 28px;padding: 12px 20px 0px 20px;background: url(img/menu.gif) no-repeat right 50%;}
#menu a:hover {	text-decoration: underline; }
#menu .last a {	background: none; }
#page {	width: 960px; margin: 0px auto; }
#page a {	color: #333333;	text-decoration: none; }
#page a:hover { text-decoration: underline; }
#chatroom {	width: 100%; margin: 0px auto;float: left; overflow: hidden; }
#content { float: left;	width: 100%; background-color: #EEEEEE; margin-top: 10px; position: relative; }
#bsuperior { float: left; width: 100%; height: 21px; margin: 0px auto; position: relative; background: url(img/bsuperior.gif) repeat-x left top; }
#rodape { font-family: Verdana; float: left; width: 100%; height: 22px; margin: 0px auto; position: relative; clear: both; }
#bsub { text-align: right; height: 21px; width:960px; margin: 0px auto; position: relative; font-family: verdana; }
#bchat { text-align: right; height: 21px; width:100%; margin: 0px auto; position: relative; font-family: verdana; }
.title { margin: 0px;	padding: 0px 0px 5px 0px; border-bottom: #BFC9AE solid 1px;	color: #232F01; }
#contentmenu { position: relative; float: left; width: 100%; background-color: #E2E2E2;}
#contentmenu ul { border-bottom:3px solid #ccc;height:23px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0 20px 0 5px; }
#contentmenu ul li {background-color:#CCCCCC;float:left;height:22px;line-height:22px;margin:1px 4px 0 0px;}
#contentmenu ul li :link, #contentmenu ul li :visited {color:#4B5D6B;display:block;font-weight:bold;padding:0 10px;text-decoration:none;}
#contentmenu ul li :hover { color:#000; background-color:#999; }
#contentmenu ul li.active {background:#EEEEEE none repeat scroll 0 0;border-color:#CCCCCC #CCCCCC #EEEEEE;border-style:solid;border-width:2px;margin-top:0;}
#contentmenu ul li.active :hover { background:#EEEEEE none repeat scroll 0 0; }
#listrooms { margin: 0; position: relative; float: left; width:100%; border-bottom:3px solid #CCCCCC; padding-bottom: 10px; }
#listrooms ul { padding:0; width: 98%; list-style: none; margin: 10px; position: relative; float: left; }
#listrooms ul li { width:99%; position: relative; float: left; list-style: none; padding:2px 4px; margin: 0px; border-bottom:1px solid #CCC; }
#help { padding: 10px;width: 940px;position: relative;float: left;border-bottom: 3px solid #CCCCCC; }
.roomname { float:left;font-size:1.2em;font-weight:bold;line-height:1.4em; }
.roomtopic { color:#999999;float:left;font-size:0.9em; text-align: left; clear:both; width: 100%; margin-top: 5px;}
.roomusers { font-size:0.9em;line-height:1.4em;margin-left:8px;text-align: right; float:right; }
