body{
	background-color: #000000;
	margin: 0px;
	padding: 0px;
}
#wave
{
	height: 625px;
	width: 101px;
	float: left;
	background-image: url(../images/wave.png);
}
html>body #bottom_border /* for FF, Chrome, etc... because IE's problem with diplaying borders outside*/
{
	width: 800px;
	height: 625px;
	border-bottom: 2px solid #242424;

}

#bottom_border
{
	width: 800px;
	height: 625px;
	border-bottom: 2px solid #242424;
}
	
#head
{
	height: 125px;
	width: 699px;
}
/*html>body #main /* for FF, Chrome, etc... because IE's problem with diplaying borders outside
{
	height: 500px;
	width: 697px;
	border-right: 2px solid #242424;
	background-image:url(../images/right_fade.png)
}*/
#main
{
	height: 500px;
	width: 697px;
	border-right: 2px solid #242424;
	background-image:url(../images/right_fade.png);
	background-repeat: repeat-y;
	background-position: right;
}
#trans_div
{
	background-color: #000;
	height: 85px;
	width: 688px;
	top: 15px;
	position:relative;
	filter:alpha(opacity=40); /* IE's opacity*/
	opacity: 0.40;
	border: 2px solid #242424;
	background-image: url(../images/hatch.png);
	font-family: Corbel;
	font-size: 40px;
	color: #993333;
}
#main_content{
	position: relative;
	height: 390px;
	top: 4px;
}

html>body #head #top_right /* for FF, Chrome, etc... because IE's problem with diplaying borders outside*/
{
	height: 125px;
	width: 699px;
	float: right;
	border-bottom: 2px solid #242424;
	border-left: 2px solid #242424;
	text-align: right;
	background-image: url(../images/fade.png);
	background-repeat: repeat-x;
}
#digg{
	border-top: 2px solid #242424;
	width: 800px;
	text-align: center;
}
#head #top_right
{
	height: 127px;
	width: 699px;
	float: right;
	border-bottom: 2px solid #242424;
	border-left: 2px solid #242424;
	text-align: right;
	background-image: url(../images/fade.png);
	background-repeat: repeat-x;
}
	
html>body #left_stretch /* for FF, Chrome, etc... because IE's problem with diplaying borders outside*/
{
	float: left;
	height: 125px;
	width: 100%;
	border-bottom: 2px solid #242424;
	background-image: url(../images/fade.png);
	background-repeat: repeat-x;
}
#left_stretch
{
	float: left;
	height: 127px;
	width: 100%;
	border-bottom: 2px solid #242424;
	background-image: url(../images/fade.png);
	background-repeat: repeat-x;
}
#left_stretch_left_border{
	border-right: 2px solid #242424;
	height: inherit;
}
.trans_hatch{
	background-image: url(../images/hatch.png);
	background-repeat: repeat;
	filter:alpha(opacity=40); /* IE's opacity*/
	opacity: 0.40;
	height: 100%;
	width: 100%;
}
html>body #right_stretch /* for FF, Chrome, etc... because IE's problem with diplaying borders outside*/
{
	float: left;
	height: 125px;
	width: 100%;
	border-bottom: 2px solid #242424;
	background-image: url(../images/fade.png);
	background-repeat: repeat-x;
}
#right_stretch
{
	float: left;
	height: 127px;
	width: 100%;
	border-bottom: 2px solid #242424;
	background-image: url(../images/fade.png);
	background-repeat: repeat-x;
}
#copyright
{
	height: 20px;
	width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993333;
	text-decoration: none;
}
.font
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993333;
	text-decoration: none;
}
.index_links
{
	color: #000000;
	text-decoration: none;
}

