span.red {color: #FF0000;}

body
 {
	background: #fff004;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	
color: #000000;
span.red {color: #FF0000;}
}

h2 {
	margin-top: 0px;
	color: black;
span.red 
{color: #FF0000;}
}

a {
	text-decoration: underline;
    color: #0000CC;
span.red {color: #FF0000;}
}

a:hover 
{
	text-decoration: underline;
}




/* Header */

#header {
	width: 600px;
	margin: 0 auto;
	
padding: 0px;
	height: 335px;
	background: url(http://www.mysteryspot.com/header03.jpg); 
	
background-repeat: no-repeat;
span.red {color: #FF0000;}

	
}










/* Between menu and main */

#content 
{
	width: 675px;
	margin: 0 auto;
	padding: 0px 0px 0 0px;
span.red {color: #FF0000;}
}

#colOne 
{
	float: right;
	width: 450px;
	padding: 0 15px 0 0; 
	background: #fff004;
span.red {color: #FF0000;}

	
}

#colTwo {
	float: left;
	width: 150px;
	padding: 0 0 0 0;  
	span.red {color: #FF0000;}

	

}
span.red {color: #FF0000;}



ul
{
list-style-type: none
}

ul.bullets
{
list-style-type: disc;
}
ul.bullets li
{margin-bottom: 10px;
}


h1
{
text-align: center;
margin-top:0;
}

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.bevelmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 180px;
}

.bevelmenu li a{
display: block;
width: 125px;
padding: 2px 15px;
text-decoration: none;
font-weight: bold;
background-color: #EDCF19;
border: 2px solid #000000;
color: black;
text-decoration:none;
; text-align: left
}

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

html>body .bevelmenu li a:active{ /* Apply mousedown effect (non IE browsers only) */
border-style: inset;
}

</style>