@charset "utf-8";
/* CSS Document */

/*Simple CSS reset for items we will use JUST for this example. 
Please use full reset when designing! 
Reseting the margin and padding is important for the body tag so the 
header and footer will hug the whole screen.*/

h1, p, body, html {
	margin:0;
	padding:0;}

/*Just visual styles*/
body {
	background:#000;
	font:12px verdana, sans-serif;
	color:#000;
	}

/*Our full length header. 
We align the text center so it shows up in the middle. 
If you prefer you could right or left align it.*/	
#headerbg {
	background:#A5CD39;
	text-align:center;
	padding:20px;
	}
	
/*Center Content*/	
#container {
	position:relative;
	margin:0 auto;
	width:800px;
	}
/*Full width navigation*/
#navi {
	background:#F48120;
	padding:10px;
	text-align:center;
	}

/*Full width footer*/	
#footer {
	background:#A5CD39;
	padding:10px;
	text-align:center;
	}

/*These are just styles used for the example for the content.*/	
.left {
	float:left;
	width:250px;
	background:#F9B646;
	}
	
.right {
	float:left;
	width:450px;
	clear:right;
	background:#000000;
	color:#FFFFFF;
	}
	
.left p, .right p {
	padding:10px;
	}
	
/*If you are going to use floats then you will NEED to clear the 
footer so it doesn't bunch the content up*/
.clear {clear:both;}

/*link colors and behaviors */
a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:small;
	cursor: auto;
	color: #000;
	text-decoration:none;
}
a:link {
	color:#FFF;
	text-decoration: none;
	}
a:visited {
	color: #660066;
	text-decoration: none;
	}
a:hover {
	text-decoration: none;
	color: #f9b646;
	font-weight:bold;
	}
a:active {
	color: #ffea00;
	text-decoration: none;
}