/*Main style sheet for Orange Crate*/



h3
/*default header styles*/
{
	font-size: 15pt;
}

.main
/*main div for all the content below the banner*/
{
	width:900px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	border:1px solid #CCCCCC;
}

#header
/*header which contains orange crate log */
{
	
	
	height: 100px;
	width:900px;
	padding-top:1px;
}

#banner
/*banner images container*/
{

	margin-top: 10px;
	margin-left: 0px;
	float:left; 
}

#banner img:hover
{
	 filter:alpha(opacity=50); opacity:.5;
}

#banner_disp
{
	float:left;
}

#banner_nav
/*banner navigation*/
 {
	
	
	width:180px;
	float:left;
	margin-top:10px;
	
}

#banner_nav img:hover
{
	 filter:alpha(opacity=50); opacity:.5;
}

#banner_nav_wrapper
{
/*wrapper for banner navigation*/
 	float: left;
}

#content_wrapper
/*wrapper for right and left content*/
{
	margin-top: 0px;
}



#content_left
/*container for all left content*/
{
	float: left;
	width: 627px;
	text-align: left;
	padding:10px;
	
}

#content_right
/*container for all right content*/
{
	float: left;
	width: 220px;
	text-align: left;
	padding-right:10px;
	padding-left:10px;
	border-left:1px solid #999999;
	
}

#content_right img:hover
{
	 filter:alpha(opacity=50); opacity:.5;
}

#footer
/*page footer*/
{
	margin-top: 20px;
	color: #666666;
	clear: both;
	width:900px;
	font-size: 8pt;
	padding-top:20px;
}

#footer li
{
	list-style-type: none;
	float: left;
	border-left: 1px solid orange;
	padding: 0px 5px 0px 5px; 

}


#middle_column
{
	margin-top: 0px; 
}

#middle_column img:hover
{
	 filter:alpha(opacity=50); opacity:.5;
}