body {font-family:arial;text-align:center}

a img{border-style:none}
table {border-collapse:collapse}

a img{border-style:none}
#logo{float:left;width:320px;height:100px;text-align:left}
.sub{width:100%;font-family:Trebuchet ms;color:#CCCCCC;font-size:0.8em;}
#pubh{float:right;width:730px;height:90px;margin-top:5px;margin-bottom:5px;border-style:solid;border-color:#DDDDDD;}
#main{
clear:both;
width:800px;height:490px;border-style:none;border-color:#DDDDDD;background-color:#ffffff;
font-family:trebuchet ms;color:#335577;
margin: 0px  auto;
}

#topoocam{clear:both;width:800px;height:80px;}
#oocam{width:800px;height:300px;background-image:url('bg.jpg');}


#chat {width:796px;height:70px;overflow: hidden;border-style:solid;border-width:2px;border-color:#DDDDDD;background-color:#ffffff;margin-top:3px}
#msginput {width:720px;height:30px;font-size:1.1em;background-color:#FFFFFF;margin:0;border-style:solid;border-width:2px;border-color:#DDDDDD;padding-left:22px;background-image:url('cursor.png');background-repeat:no-repeat}
#send{width:74px;height:35px;font-size:0.8em;font-weight:900;font-family:Arial;color:#000000;color:#575b7d;margin:1}

#mycode{clear:both;float:left;
width:400px;height:80px;
text-align:left;
}

#wcode{display:block;font-size:3em;font-weight:900;font-family:Arial;color:#575b7d;margin-top:20px;margin-left:10px;}

#distcode{
float:right;
width:400px;
height:80px;
;background-color:#FFFFFF
}
#distcode img{margin:10px}

#getkeyinput{float:left;padding-left:5px;
width:100px;height:40px;margin:10px;
font-size:2em;font-weight:900;font-family:Arial;color:#000000;background-color:#FFFFFF
}
#call{font-size:2em;font-weight:900;font-family:Arial;color:#000000;margin:10px;}


#ran{font-size:2e;font-weight:900;font-family:Arial;color:#4f4776}

.leftmsg {width:100%;text-align:left;font-size:0.8em;font-family:Arial;color:#4f4776}
.rightmsg {width:100%;text-align:right;font-size:0.8em;font-family:Arial;color:#575b7d}
.infomsg {width:100%;text-align:center;font-size:0.8em;font-family:Arial;color:#FFBBEE}



#bottom {width:800px;height:20px;margin: 10px  auto;}
#bottom a{color:#5599FF;text-decoration:none;font-size:11;font-weight:900;font-family:Arial}
#bottom a:hover{text-decoration:underline}

#pubtop{float:right;width:730px;height:100px;margin-top:5px}
#pubmenu {float:left;margin-left:0px;width:250px}
#links {float:left;margin-left:0px;}
#links a{color:#00AA36;text-decoration:none;font-size:11;font-weight:900;font-family:Arial}

#menu{float:right;width:300px;}
#menu ul{margin:0px;}
#menu li{display:inline;margin-left:20px;}
#menu li{display:inline;margin-left:20px;}
#menu a{color:#FF3600;text-decoration:none;font-size:11;font-weight:900;font-family:Arial}
#menu a:hover{text-decoration:underline}

#phaxe {float:right;width:70px;color:#FFCC00;font-size:0.7em;}
#phaxe  a{color:#FFCC00;text-decoration:none;font-size:0.8em;font-family:Arial;letter-spacing:4px;}
#phaxe  a:hover{color:#AAFF11;text-decoration:underline}