body{
    margin: 0px;
    padding: 0;
    border: 0;
    background-color: black;
	width:100%;
}
a:link { 
	color: #3787f9;
	}
a:visited { 
	color: #3787f9;
	}
a:hover { 
	color: #e65335;
	background-color: #333333;
	text-decoration: none;
	}
a:active { 
	color: white;
	}
.container {
    width: 900px;
    min-width: 700px;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
}
#header {
    width: 100%;
    background-color: black;
    color: #FFF;
    padding: 20px;
	clear:both;
	float:left;
}
#footer {
    height: 200px;
    width: 100%;
    background-color: black;
    color: white;
	clear:both;
	float:left;	
}

#leftCol {
    width: 150px;
    float: left;
    background-color: #333;
    color: white;
    text-shadow: red;
    text-transform: uppercase;
    position: relative;
    height: 200px;
    font-variant: small-caps;
    font-weight:bold;
    font-family:"Times New Roman", Times, serif;
}
.bevelmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 150px;
}

.bevelmenu li a{
display: block;
width: 146x;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
background-color: silver;
border: 2px solid white;
text-decoration:none;
}

.bevelmenu li a:hover{
color: black;
background-color: #FFE271;
border-style: outset;
}

html>body .bevelmenu li a:active{ /* Apply mousedown effect (non IE browsers only) */
border-style: inset;
}
#midCol {
    width: 100%;
    padding: 10px 300px 50px 190px;
    float: left;
    background-color: #333;
    color: #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
#rightCol {
    width: 150px;
    margin: 0px 0px 50px -100px;
    float: left;
    color: #666;
    
}