/* Work of the amazing Jarad */

body {
margin: 0 0 0 0;
background: url('img/bg.gif');
background-repeat: repeat-y;
background-color: #D7D7D7;
font-family: Tahoma;
}

#container {
width: 778px;
}

#logo {
width: 778px;
margin: 0px;
padding: 0px;
}

#logo img {
margin: 0 0 0 0;
padding: 0px;
}

#menyah {
margin-top: 0px;
padding-top: 0px;
width: 135px;
text-align: center;
color: #FFF;
float: left;
}

#menyah ul {	
list-style: none;
width: 135px;
margin: 0 0 20px 0;
padding: 0;
}	

#menyah li {
margin-bottom: 2px;
}

#menyah li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #FFFFFF;
display: block;
font-size: 15px;
padding: 9px 0 0 2px;
border-bottom: 2px solid #4B4B4B;
}	
	
#menyah li a:hover {
color: #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}

#content {
font-size: 14px;
width: 630px;
float: right;
padding-left: 7px;
padding-right: 3px;
}

#content h2 {
clear: both;
color: #990000;
margin-top: 0px;
margin-bottom: 1px;
border-bottom: 2px solid #969696;
font-size: 25px;
font-weight: bold;
letter-spacing: -1px;
}

#copyright {
float: right;
margin-top: 15px;
width: 630px;
border-top: 1px solid #DDDDDD;
text-align: center;
font-size: 11px;
color: gray;
}

#copyright a {
color: gray;
font-weight: normal;
text-decoration: none;
}

#copyright a:hover {
color: black;
text-decoration: underline;
}


.left {
float: left;
padding-top: 10px;
padding-right: 10px;
}

.right {
float: right;
padding-left: 10px;
}

#content li a {
color: maroon;
font-weight: bold;
}

a {
color: maroon;
font-weight: bold;
}