@charset "UTF-8";
/* 
    Document   : main_960
    Created on : Feb 23, 2009, 6:02:52 PM
    Author     : Andrew Green
    Description:
        Layout enhancements for main.css to move towards wider 960px Grid layout
*/
/*------- IMPORT -------*/
@import url("main.css");

#container
{
	width: 960px;
	background: url(/images/bg_container.gif) 230px 0px repeat-y;
}
	.no-nav #container
	{
		width: 960px;	
	}

#side_nav
{
	width: 230px;
	overflow: hidden;
}
	#side_nav #main_nav
	{
		width: 230px;	
	}
		#side_nav #main_nav ul li ul
		{
			font-size: 100%;	
		}
			#side_nav #main_nav ul li ul li ul
			{
				font-size: 100%;	
			}
			
	#side_nav ul#quick_links li.image
	{
		margin-left: 30px;	
	}

#mcc_logo
{
	width: 230px;
	background: url(/images/bg_logo_960.gif) top left no-repeat;
}

#content
{
	width: 730px;
	margin-right: -960px;
}

#top_nav
{
	padding-left: 113px;
	width: 617px;
}

#crumb_bar
{
	padding-right: 10px;
	background-position: -63px 0;
	background-image: url(/images/header_wide_blue.gif);
}
	.green #crumb_bar
	{
		background-position: -63px 0;
		background-image: url(/images/header_wide_green.gif);
	}
	.red #crumb_bar
	{
		background-position: -63px 0;
		background-image: url(/images/header_wide_red.gif);
	}
	.orange #crumb_bar
	{
		background-position: -63px 0;
		background-image: url(/images/header_wide_orange.gif);
	}
	.blue #crumb_bar
	{
		background-position: -63px 0;
		background-image: url(/images/header_wide_blue.gif);
	}
	.purple #crumb_bar
	{
		background-position: -63px 0;
		background-image: url(/images/header_wide_purple.gif);
	}
	.brown #crumb_bar
	{
		background-position: -63px 0;
		background-image: url(/images/header_wide_brown.gif);
	}
	
#content .copy
{
	margin-right: 0;
	padding: 20px 10px 0 20px;
	overflow: auto;
}

#content .box
{
	width: 700px;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../images/boxes/bg_box_700.gif) top left repeat-y;
	text-transform: none;
}
	#content .box .top
	{
		background: url(../images/boxes/bg_box_top_700.gif) top left no-repeat;
	}
	#content .box .bottom
	{
		background: url(../images/boxes/bg_box_bottom_700.gif) bottom left no-repeat;
	}

#footer
{
	padding-left: 250px;
}
	#footer ul li
	{
		margin-right: 0.5em;
	}
		#footer ul li a
		{
			margin-right: 0.5em;	
		}