/*		Basic CSS 			*/

* {

 	padding: 0; margin: 0; 
	
}

body {

	background-image: url('../images/bg.png'); 
	
}

h2 {

	color: #666666;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	
}

a { color: #CC6714; text-decoration: none; }
a:visited { color: #CC6714; }
a:link { color: #CC6714; }
a:hover { color: #CC6714; }

/*		Document Wrapper		*/

	#wrapper {
	
	  width: 768px;
	  margin: 0 auto;
	  font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
	  font-size: 10px;
	  line-height: 1.6em;
	  color: #666;
	  background-image: url('../images/content_bg.png');
	  background-repeat: repeat-y;
	
	}
	
/*		Header					*/

	#header {
	 
	  width: 713px;
	  margin: 0 auto 20px;
	  height: 77px;
	  clear: both;
	  background-image: url('../images/header.png');
	
	}

        #header p {

          padding: 10px 10px 10px 20px;

        }
	
/*		Footer					*/

	#footer {
	
	  margin-top: 20px;
	  clear: both;
	  background-image: url('../images/footer.png');
	  padding: 0px 5px 0px 5px;
	
	}
	
/*		Body Content			*/

	#content {
	
	  width: 350px;
	  margin-top: 35px;
	  margin-left: 190px;
	
	}
	
	#content h2 {
	
	  margin-top: 5px;
	
	}
	
	#content p {
	
	  padding-bottom: 10px;
	  margin-bottom: 20px;
	  padding-top: 10px;
	  border-bottom: 1px solid #DDDDDD; /* A faint grey line below the text */
	  
	}
	
		#content img.single {
		
			width: 320px;
		
		}
	
		#content img.doubles {
		
			width: 150px;
		
		}
	
	#content img {
	
	  margin: 15px 0 15px 15px;
	
	}
	

/*		Sidebox				*/

	#sidebar {
  	  float: right;
	  margin-right: 30px;
	  width: 150px;
	}
		

	#sidebar p {
	  padding-bottom: 10px;
	  margin-bottom: 10px;
	  border-bottom: 1px solid #dddddd;
	}
	
	#sidebar img {
	  border-style: solid;
	  border-width: 5px;
	  border-color: #eee;
	  margin: 5px 0 0 10px;
	  width: 25px;
	  height: 25px;
	}


/*		Navigation				*/

	#navigation {
	
	  margin-left: 30px; 
	  
	}

	#navigation ul {
	
	  margin-left: 0;
	  padding-left: 0;
	  list-style-type: none;			
	  float: left;
	  width: 140px;
	
	}
	
	#navigation a {

	  margin: 0 auto;
	  display: block;
	  padding: 5px;
	  width: 100px;
	  border-bottom: 1px solid #CCC;

	}

	#navigation a:link, #navlist a:visited {

	  color:#CC6714;
	  text-decoration: none;

	}

	#navigation a:hover {

	  background: #F5F5F5 url('../images/arrow.gif') 96% 50% no-repeat;
	  color:#CC6714;

	}

	#navigation p {

	  margin-top: 30px;
	  margin-bottom: 20px;
	  padding: 5px;
	  border-bottom: 1px dashed #CCC;
	  border-top: 1px dashed #CCC;

	}