* { margin : 0; padding : 0; }
	h1,h2,h3,h4,h5,h6 { font-size : 100%; }
	ol,ul { list-style : none; }
	table { border-collapse : collapse; border-spacing : 0; }
	fieldset,img { border : 0; }
	caption,th { text-align : left; }
	
	body { 
	text-align:left; 
	color:#000; 
	font-family:"Trebuchet MS", sans-serif;
	font-size:12px;
	background:url(images/bg.jpg) center no-repeat fixed;
	text-align:center;
	margin:auto; 
	}


		
		
		.header { 
		position:relative;
		width:908px;
		height:139px;
		margin:auto;
		background-image:url(images/header.jpg);
		
		 
		}
		
		.advertisement { 
		position:relative;
		float:left; 
		width:730px;
		height:91px;
		margin:auto;
		top:22px; left:160px; 
		}




	
	.nav { 
	position:relative;
	width:908px;
	height:276px;
	margin:auto;
	background-image:url(images/nav-bg.jpg);
	text-align:left;
	color:#FFFFFF;
	}
	
		.nav li { position:relative; float:left;  }
		
		.nav-top { position:absolute; left:20px; color:#FFFFFF; top:8px;  }
		
			.nav-top a, .nav-top a:visited{ color:#FFFFFF; font-size:11px;}
			
			.nav-top a:hover{ color:#0066CC; text-decoration:none;}
		
		.nav-bottom { position:absolute; left:20px; padding-top:247px; color:#FFFFFF; text-align:center; font-size:14px;  }
		
			.nav-bottom a, .nav-bottom a:visited{ color:#FFFFFF;}
			
			.nav-bottom a:hover{ color:#0066CC; text-decoration:none;}

		/*  
		To Find "#nav a width" :
			Step 1 - change the "#nav a padding" so that the menu item covers the entire nav area from top to bottom.
			Step 2 - compute the "#nav a width" with the equation below  
			
			  ((#nav width) / (# of menu items)) - (2 * (#nav a padding)) = #nav a width 
			  (    800      /         6        ) - (2 *        13       ) = 107.333 = 107 
		*/

		.nav a { display:block; padding:11px 25px; text-align:center; text-decoration:none; color:#fff; font-weight:bold; }





	.content { 
		position:relative;  
		width:908px;
		margin:auto;
		background-image:url(images/content-bg.jpg);  
		}
		
			.content h1{ color:#000000; padding-left:10px; font-size:14px; padding-top:15px;}
			
			.content h2{ color:#000000; padding-left:10px; padding-top:15px;}
			
			.content p{ color:#000000; padding-top:10px; line-height:18px; padding-bottom:5px;}
			
			.content img{ padding-top:15px; margin:auto; position:relative;}
		
		.status-bar { 
		position:relative;  
		width:908px;
		height:78px;
		margin:auto;
		background-image:url(images/status-bar-bg.jpg);
		text-align:left;  
		}
		
		.status-date { 
		position:relative;  
		float:left;
		top:20px;
		padding-left:25px;
		color:#FFFFFF;
		}
		
		.status-bread { 
		position:relative;  
		float:left;
		top:15px;
		padding-left:25px;
		color:#FFFFFF;
		}
			.status-bread a, .status-bread a:visited{ color:#FFFFFF; }
			
			.status-bread a:hover{ color:#0066CC; text-decoration:none;}
		
		.status-login { 
		position:relative;  
		float:right;
		top:15px;
		padding-right:25px;
		color:#FFFFFF;
		}
			.status-login a, .status-login a:visited{ color:#FFFFFF;}
			
			.status-login a:hover{ color:#0066CC; text-decoration:none;}
		
		.status-search { 
		position:relative;  
		float:right;
		top:15px;
		padding-right:25px;
		}

		.leftpane { 
		position:relative; 
		float:left; 
		width:188px; /* (#content width) - (2 * (#middle-content padding) */
		margin:auto;
		text-align:left;  
		}
		
			
			.left-blue-outline{ position:relative; float:left; width:173px; left:15px;}
			

		.contentpane { 
		position:relative; 
		float:left; 
		width:534px; /* (#content width) - (2 * (#middle-content padding) */
		margin:auto;
		text-align:left;  
		}
		
			
			
			.middle-green{ position:relative; float:left; width:514px; left:10px;}
			
			
		.contentpane2 { 
		position:relative; 
		float:left; 
		width:720px; /* (#content width) - (2 * (#middle-content padding) */
		margin:auto;
		text-align:left;  
		}
		
			
			
			.middle-green2{ position:relative; float:left; width:697px; left:10px;}
			
			

		.rightpane { 
		position:relative; 
		float:left;
		width:186px; /* (#content width) - (2 * (#middle-content padding) */
		margin:auto;
		text-align:left;  
		}
		
			
			.right-blue-outline{ position:relative; float:right; width:173px; right:13px;}
			
			

			

	.clear {clear:both; height:1px; overflow:hidden; background-image:url(images/content-bg.jpg); }

	
	.footer { 
	position:relative; 
	width:908px;
	height:109px;
	margin:auto;
	background-image:url(images/footer.jpg); 
	color:#fff;  
	}
	
	.footer ul{position:relative; list-style:none; text-decoration:none; padding-top:7px; font-size:11px;}
	
	.footer li{list-style:none;}
	
	.footer a, .footer a:visited{ color:#FFFFFF; font-size:11px;}
	
	.footer a:hover{ color:#FFFFFF; font-size:11px;}