/* THE PIXEL PAD CSS */

#wrapper{
 	width: 790px;
	border: 1px solid #000000;
	margin: auto;
 	
 }


body {
	color: #000000;
	background-color: #EBE4DA;
	background: #EBE4DA url(images/right-corner.jpg) no-repeat bottom right;
	font-family: Verdana,Arial,Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
}

#header {
	margin: 0px;      
	width: 790;                          
	background-color: #210D02;
	background-image: url(images/page-header.jpg);
	background-repeat: no-repeat;
	border-bottom: 0px;
	border-left: 1px #000000 solid;
	border-right: 1px #000000 solid;
	height: 79px;
}

p {
	font-family: verdana,Arial,Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 30px;
	text-align: justify;
	
}

p.center {
	font-family: verdana,Arial,Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}

h1 {
	font-family: verdana,Arial,Helvetica, sans-serif;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
}	

.credits {
	color: #000000;
	font-family: verdana,Arial,Helvetica, sans-serif;
	font-size: 10px;
	padding: 15px;		
}


/* 88x31 BUTTONS */
#buttons img {
	margin-top: 15px; 			
	margin-left: 40px; 
	text-align: center;
	border: 0px solid #000000;
}

/* HORIZONTAL NAVIGATION BAR  */ 
#navbar ul {
	background-color: #9E5520;
	margin: 0px;
	padding: 3px;
	list-style-type: none;
	text-align: center;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#navbar ul li { 
	display: inline;
	padding: 3px; 
}

#navbar ul li a {
	text-decoration: none;
	padding: 3px;
	color: #000000;
	background-color: #D3B776;
}

#navbar ul li a:hover {
	color: #ffffff;
	background-color: #534135;
}

#navbar ul li a.current {	  
	background: #E8B71C;				
}


/* VERTICAL NAVIGATION BOX  */ 
#navcontainer {
	background-color: #EBE4DA;
	float: left;
	width: 180px;
	margin-top: 25px;
	margin-left: 15px;
	margin-right: 5px; 
	padding: 0px;
	font-family: Arial,Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	border: 0px solid #000000;
}

#navcontainer ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#navcontainer li {
	border-top: 1px solid #B9AA81;
	border-right: 3px solid #B9AA81;
	border-bottom: 1px solid #B9AA81;
	padding: 0px;
	list-style: none;
}

#navcontainer li a:link, #navcontainer li a:visited {
	display: block;
	padding: 5px;
	border-left: 12px solid #5D3400;   
	background-color: #9E5520;
	color: #ffffff;               
	text-decoration: none;
}

#navcontainer li a:hover {
	background-color: #EBE4DA;
	border-left: 12px solid #9E5520;
	color: #000000;
}

/* DEFINES THE BOUNDARIES FOR THE MAIN CONTAINER */
#container {                   
	margin-top: 15px; 		
	margin-right: 0px;		
	margin-bottom: 0px;		
	margin-left: 235px; 		
	width: 525px;		 	
	height: 450px;			
	background: url(images/left-corner.jpg) no-repeat top left; 
	font-family: verdana,Arial,Helvetica, sans-serif;
	font-size: 14px;		
	color: #000000; 		
	line-height: 14px; 		
	text-align: left;
	border: 0px solid #000000;
}

/* DEFINES FORMAT FOR IMAGES IN THE MAIN CONTAINER */
#container img{
	border: 0px  solid #000000;   	
	padding: 5px;
}		

#footer {
	height: 20px; 
	background-color: #9E5520; 
	color: #ffffff; 
	font-size: 10px;
	border-top: 1px solid #000000; 
	border-bottom: 1px solid #000000; 
	margin-top: 60px; 
	text-align: center; 
}


/* ROUNDED CORNERS START */
.round-corner-box {
   background: #D3B776;
}

.round-corner-top div {
   background: url(images/corner-tl.gif) no-repeat top left;
}

.round-corner-top {
   background: url(images/corner-tr.gif) no-repeat top right;
}

.round-corner-bottom div {
   background: url(images/corner-bl.gif) no-repeat bottom left;
}

.round-corner-bottom {
   background: url(images/corner-br.gif) no-repeat bottom right;
}

.round-corner-top div, .round-corner-top, 
.round-corner-bottom div, .round-corner-bottom {
   width: 100%;
   height: 15px;
   font-size: 1px;
}
.round-corner-content { margin: 0 8px; }
/* ROUNDED CORNERS END */