﻿/* Style sheet for freelance manager site - Blue */



	body {
		background-color: #eceff6;
		font-family: Verdana, Arial, sans-serif;
		padding: 0;
		margin: 0;
		}
	
	div#page {
  		position: relative;
  		width:800px;
  		margin: 0 auto;
  		background-color:#ffffff;
  		border: 1px solid #3b5998;
  		font-size: small;
  		color: #666;
  		}
	
	#header {
		padding: 18px 5px 18px 30px;
		background: #3b5998;
		}
	
	#header h1 {
		padding: 0;
		margin: 0;
		color: #ffffff;
		font-family: Georgia, serif;
		font-weight: normal;
		font-size: 180%;
		}
	
	/* navigation */
	
	#nav {
		float: left;
		width: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
		background: #ffdf51;
		border-bottom: 1px solid #3b5998;
		}
	
	#nav li { 
		float: left;
		margin: 0;
		padding: 0;
		}
	
	#nav a {
		float: left;
		display: block;
		padding: 6px 30px 6px 30px;
		text-decoration: none;
		font-weight: bold;
		font-size: 90%;
		color: #666;
		background: #ffdf51;
		}
	
	#nav #nav-1 a {
		padding-left: 30px;
		}
	
	#nav a:hover {
		color: #000;
		}
	
	/* content below navigation */
	
	ul {
		clear: left;
		margin-top: 10px;
		}	
	
	/*  UL Columns */

	ul.columnRight {
   		float:right;
   		width:45%;
   		margin:0 0 8px 0;
   		clear:none;
   		}
   
	ul.columnLeft {
   		width:45%;
   		margin:0 0 8px 0;
   		clear:none;
   		}
	
	
	P	{
		clear: left;
		margin-left: 20px;
		margin-right: 20px;
		text-align: justify;
		}
		
	P.top	{
		clear: left;
		margin-left: 20px;
		margin-right: 20px;
		padding-top: 5px;
		text-align: justify;
		}
		
	P.footer	{
		margin: 30px 20px 10px 20px;
		text-align: center;
		font-size: xx-small;
		}	
	
	P.impact  {
		margin-left: 100px;
		padding: 5px;
		width: 600px;
		font-style: italic;
		text-align: justify;
		border: 1px solid #666;
		}
		
	P.space  {
		height: 250px;
		}			

	table  {
		clear: left;		
		}
	
	th.one, th.two, th.three  {
		padding: 25px 20px 5px 20px;
		text-align: left;
		font-size: 90%;
		color: #3b5998;
		}
	
	td.one, td.two, td.three {
		padding: 15px 20px 5px 20px;
		vertical-align: top;
		}
	
	td.four, td.five, td.six  {
		padding: 5px 20px 5px 20px;
		vertical-align: top;
		}
	
	th.one, td.one {
		width: 100px;
		}
	
	th.two, td.two, td.five {
		width: 220px;
		}
	
	th.three, td.three {
		width: 480px;
		text-align: justify;
		}
		
	td.four {
		width: 130px;
		}
	
	a  {
		color: #666;
		text-decoration: underline;
		}
		
	a:hover  {
		color: #000;
		text-decoration: underline;
		}
		
	h1	{
		clear: left;
		margin-left: 20px;
		font-family: Verdana, Arial, sans-serif;
		font-weight: bold;
		font-size: 90%;
		color: #3b5998;
		}
		
	h1.top	{	
		clear: left;
		margin-left: 20px; 
		padding-top: 5px;
		font-family: Verdana, Arial, sans-serif;
		font-weight: bold;
		font-size: 90%;
		color: #3b5998;
		}	
		
	
		
		