body 
	{
    font-family: Arial, Helvetica, sans-serif;
	background: #191919;
	margin: 0; 
	padding: 0;
	}

p
	{
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	color: #000;
	line-height: 17px; 
	}		

a
	{
	font-weight: bold; 
	text-decoration: underline;
	color: #000; 
	}
	
a:hover
	{
	color: #b41518;
	}		
	
img
	{
	border: 0; 
	padding: 0; 
	margin: 0; 
	display: block; 
	} 
	
	
h1 
	{
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 7px;
	text-decoration: none;
	color: #fff;
	float: right;
	width: 200px; 
	}	

h2
	{
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
	color: #000;
	margin: 3px 0 2px 15px;
	padding: 0;  
	}	

h3 	
	{
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color: #000;
	margin: 17px 0 2px 15px;
	padding: 0; 	
	}	
	
h4	
	{
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color: #b41518;
	margin: 0;
	padding: 0; 	
	}
	
h5
	{
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
	color: #b41518;
	margin: 15px 0 2px 15px;
	padding: 0;  
	}		
	
	
ul	
	{
	list-style-type: square; 
	}	
	
li 
	{
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	color: #000;
	line-height: 17px; 
	}		
		
/*---------- page elements ----------*/			

#wrapper
	{
	width: 800px; 
	margin: 0 auto; 
	}	
	
#header
	{
	width: 800px; 
	height: 136px; 
	background: #fff; 
	text-align: left; 
	} 	
	
#join
	{
	width: 800px; 
	height: 207px; 
	background: #ffcc00;
	margin: 0; 
	padding: 0; 
	background-image: url(images/bg_join.jpg); 
	}	
	
#join_internal
	{
	width: 800px; 
	height: 109px; 
	background: #ffcc00;
	margin: 0; 
	padding: 0; 
	background-image: url(images/bg_join_internal.jpg); 	
	}	
	
#leaves
	{
	width: 323px; 
	float: left; 
	clear: both; 
	} 	
	
#join_text
	{
	width: 477px; 
	float: right; 
	text-align: left; 
	padding: 8px 0 0 0; 
	}	
	
#join_text p
	{
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	color: #000;
	margin: 13px 0 2px 15px;
	padding: 0; 	
	}		
	
#join_text a
	{
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 14px;
	text-decoration: underline; 
	color: #000;
	padding: 0; 	
	}		
	
#join_text a:hover
	{
	color: #b41518;
	}	

.squares
	{
	float: right; 
	clear: left; 
	}	
	
#content
	{
	width: 800px; 
	float: left; 
	background: #fff; 
	background-image: url(images/bg_footer.jpg); 
	background-repeat: repeat-x; 
	background-position: left bottom; 
	}	
	
.text
	{
	width: 450px; 
	float: left;
	clear: right;  
	margin: 15px; 
	text-align: left; 
	} 		
	
.box 
	{
	width: 237px; 
	height: 250px; 
	background: #fff; 
	background-image: url(images/bg_box.jpg); 
	background-repeat: no-repeat; 
	background-position: left bottom; 
	border: 1px solid #dfdfdf;
	margin: 15px 5px 15px 15px; 
	float: left;
	clear: right; 
	padding: 0; 
	}	
	
.box p
	{
	padding: 0 7px 12px 7px; 	
	} 
		
.box_heading
	{
	width: 225px; 
	height: 25px; 
	border-bottom: 1px solid #000; 
	font-weight: bold;
	font-size: 15px;
	text-decoration: none; 
	color: #000;
	margin: 5px; 	
	}
		
.boxes
	{
	width: 800px; 
	float: left; 
	padding: 0; 
	margin: 0; 
	} 	
	
.box2 
	{
	width: 237px; 
	height: 250px; 
	background: #fff; 
	background-image: url(images/bg_box.jpg); 
	background-repeat: no-repeat; 
	background-position: left bottom; 
	border: 1px solid #dfdfdf;
	margin: 15px 15px 15px 5px; 
	float: right;
	clear: both; 
	padding: 0; 
	}	
	
.box2 p
	{
	padding: 0 7px 3px 7px;
	width: 220px;  	
	} 
		
.box_heading2
	{
	width: 225px; 
	height: 25px; 
	border-bottom: 1px solid #000; 
	font-weight: bold;
	font-size: 15px;
	text-decoration: none; 
	color: #000;
	margin: 5px; 	
	}	
	
#bottom_text
	{
	width: 800px; 
	float: left; 
	}	
	
table.bottom
	{
	width: 760px; 
	margin: 0 0 0 15px; 
	vertical-align: top; 
	}	
	
td.bottom
	{
	width: 260px;   
	}	
	
td.address
	{
	text-align: right; 
	font-size: 11px;
	text-decoration: none;
	color: #000;
	line-height: 14px; 	
	} 
	
#article p
	{
	width: 500px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	color: #000;
	margin: 13px 0 2px 15px;
	padding: 0; 
	}	
	
#article
	{
	width: 520px;
	}	
	
#support p
	{
	width: 600px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	color: #000;
	margin: 13px 0 2px 15px;
	padding: 0; 
	}		
	
#support img
	{
	margin: 3px 0 3px 20px; 
	}	
	
#support hr
	{
	color: #b41518; 
	height: 1px; 
	}	
		
#contact
	{
	width: 500px; 
	float: left; 
	clear: right; 
	}		
		
#contact p
	{
	width: 500px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	color: #000;
	margin: 13px 0 2px 15px;
	padding: 0; 
	}			
		
.right
	{
	width: 250px; 
	float: right; 
	margin: 0 15px 0 15px; 
	} 		

.python
	{
	float: left; 
	margin: 0 7px 0 0; 	
	}	
	
#social
	{
	width: 800px; 
	height: 22px; 
	float: left; 
	font-size: 11px;
	text-align: center; 
	}	
	
#social table 
	{
	align: center; 
	margin: 10px auto 0 auto; 
	}	
	
#social td
	{	
	vertical-align: center; 
	}
	
/*---------- navigation ----------*/			
		
#nav
	{
	width: 800px; 
	height: 29px; 
	background: #ffba53;
	background-image: url(images/bg_nav.jpg);
	background-repeat: repeat-x; 
	border-bottom: 2px solid #df8600; 
	}	
	
#nav ul 
	{
	list-style-type: none; 
	padding: 0;
	margin: 0;
	border: 0; 
	} 	
	
#nav li 
	{
	float: left; 
	width: 114px; 
	text-align: center; 
	padding: 5px 0 0 0;
	}	
	
#nav a
	{
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color: #000;	
	}	
	
#nav a:hover
	{
	text-decoration: underline; 
	color: #b41518;
	}