html,
body {
 margin: 25px;
 padding: 0;
 background-color: gray;
 color: gray;
 font-family: Arial, sans-serif;
 font-size: 12px;
}

#nav {
 margin: 0 auto;
 padding: 0;
 text-align: left;
 width: 500px;
 height: 22px;
 background-color: gray;
 z-index: 1;
}

#con {
 margin: 0 auto;
 padding: 10px;
 text-align: left;
 width: 480px;
 height: auto;
 background-color: #FF9F00;
 border: 1px solid white;
 font-weight: bold;
}

.text_box {
 margin: 0 auto;
 text-align: justify;
 width: 450px;
 border: 1px solid white;
 padding: 10px;
 background-color: #ffca6d;
}
.cat_box {
 float: left;
 margin-left: 4px;
 margin-top: 15px;
 width: 145px;
 height: 14px;
 padding: 4px;
 text-align: center;
 border: 1px solid white;
 background-color: #ffca6d;
}
.add {
 margin: 0 auto;
 width: 450px;
 color: white;
}
.cl {
 clear: both;
}
.left {
 float: left;
 width: 150px;
}
.right {
 float: left;
 width: 280px;
}

h1 {
 color: white;
 font-size: 14px;
}

a:link,
a:visited {
 color: white;
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}
a.top_nav:link,
a.top_nav:visited {
 display: block;
 float: left;
 width: 100px;
 height: 14px;
 padding: 4px;
 text-align: center;
 color: gray;
 background-color: #FF9F00;
 border-top: 1px solid white;
 border-left: 1px solid white;
 border-right: 1px solid white;
 text-align: center;
 text-decoration: none;
 margin-left: 5px;
 font-weight: bold;
}
a.top_nav:hover {
 display: block;
 float: left;
 width: 100px;
 height: 14px;
 padding: 4px;
 text-align: center;
 color: orange;
 background-color: gray;
 border-top: 1px solid white;
 border-left: 1px solid white;
 border-right: 1px solid white;
 text-align: center;
 text-decoration: none;
 margin-left: 5px;
 font-weight: bold;
}

#ad {
 position: absolute;
 width: 160px;
 height: 600px;
 left: 50%;
 margin-left: 255px;
 margin-top: 22px;
}