﻿/*--------------------*/
/*---GENERAL STYLES---*/
/*--------------------*/
body
{
	text-align:center;
	background-color:gray;
	font-family:Arial, Helvetica, Verdana, Sans-Serif;
}

div
{
}

p
{
	margin:0;
}

em
{
	font-style:normal;
	font-weight:bold;
}


/*----------------*/
/*---MENU STYLE---*/
/*----------------*/
.menu 
{
	font-family: verdana, sans-serif; 
	width:100%;
	background-image:url(Off-the-Chain-Parts_04.png);
}

.menu ul 
{
	list-style-type: none;
}

.menu ul li 
{
	float:left;
	position:relative;
	left:150px;
}

.menu ul li a, .menu ul li a:visited 
{
	display:block; 
	text-decoration:none; 
	color:#000; 
	width:100px;  
	border: solid #fff; 
	border-width:1px 1px 0px 0px; 
	background:#FFA700;
	text-align:center;
	line-height:2em;
	padding-left:20px;
	padding-right:20px;
}

.menu ul li:hover a 
{
	color:#FFF; 
	background:#7F7F7F;
}


/*-------------------*/
/*---CONTENT STYLE---*/
/*-------------------*/
p.content
{
	margin-left:10px;
}


/*-----------------------*/
/*---UNDECORATED STYLE---*/
/*-----------------------*/
a.undecorated
{
	text-decoration:none;
	border:none;
	outline:none;
}

img.undecorated
{
	border:none;
	outline:none;
}


/*------------------*/
/*---COLUMN STYLE---*/
/*------------------*/
div.text_left
{
	padding-left:15px;
	width:45%;
	float:left;
	overflow:visible;
}

div.text_right
{
	float:right;
	width:45%;
	padding-right:15px;
	overflow:visible;
}

div.image_left
{
	padding-left:15px;
	float:left;
}

div.image_right
{
	float:right;
	padding-right:15px;
}


/*--------------*/
/*---ELEMENTS---*/
/*--------------*/
#be
{
	position:relative;
	float:left;
	width:33%;
	text-align:center;
}

#container
{
	text-align:left;
	background-image:url(Off-the-Chain-Parts_04.png);
	width:800px;
	margin:0 auto;
}

#content
{
	padding-left:20px;
	padding-right:20px;
	overflow:auto;
	width:760px;

}

#do
{
	position:relative;
	float:right;
	float:left;
	width:33%;
	text-align:center;
}

#footer
{
	text-align:center;
}

#header_image
{
	padding-left:10px;
	padding-top:10px;
}

#header_menu
{
}

#learn
{
	position:relative;
	float:right;
	width:33%;
	text-align:center;
}

#leftcontent
{
	width:500px;
}

#logo
{
	border:0;
}

#rightcontent
{
	width:260px;
}

#upper_links
{
	position:relative;
	left:300px;
	height: 0px;
	top:-20px;
	text-decoration:none;
}