body{
background-color: #000000;
}

/*TEXT*/

h1, h2, h3, h4{
font-family: arial;
font-weight: bold;
color: #FFC200;
}

p{
font-family: arial;
font-size: 75%;
font-weight: bold;
color: #b7b5b5;
text-align: justify;
}

p.sub{
font-family: arial;
font-size: 75%;
font-weight: bold;
color: #ffc200;
text-align: justify;
}


ul{
list-style-type: none;
}

/*LINKS*/

a:link {color: #b7b5b5}      /* unvisited link */
a:visited {color: #b7b5b5}  /* visited link */
a:hover {color:  #FFC200}  /* mouse over link */
a:active {color: #FFC200} /*active link*/ 


ul{
list-style-type: none;
}

/*MENU*/


.menu10 {
	width: 200px;
	margin-left: auto;
margin-right: auto;
	}
	
.menu10 li a {
	height: 32px;
  	
  	height: 24px;
	text-decoration: none;
	}	
	
.menu10 li a:link, .menu10 li a:visited {
	color: #4D4D4D;
	display: block;
	background:  url(images/menu10.gif);
	padding: 8px 0 0 10px;
	}
	
.menu10 li a:hover {
	color: #FF9834;
	background:  url(images/menu10.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}

/*IMAGES*/

img.cat{
padding-top: 40px;
}


/*LAYOUT*/

#box{

margin-left: auto;
margin-right: auto;
margin-top: 50px;
padding: 5px;
height: auto;
width: 960px;
background-color: #000000;
}

#inbox{
position: relative;
margin: 0px;
height: auto;
width: 955px;

}

#left{
position: relative;
margin-left: 0px;
width:300px;
height: auto;
float: left;
}


#nav{
position: relative;
margin: 0px ;
padding: 0px;
height: auto;
width: 300px;
float: left;
}

#right{
position: relative;
margin-left: 0px;
padding: 5px;
height: auto;
width: 645px;
float: right;
}

#info{
position: relative;
margin-left: 0;
padding: 10px;
height: auto;
width: 625px;
float: right;
border: #FFC200 solid 2px;
}

#links{
position: relative;
margin-left: 0px;
padding: 10px;
height: auto;
width: 625px;
float: right;
}

/* Clear divs */

.clear{
clear: both;
}

.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */