@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;
}

#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;
}
	.redmountain #mcc_logo a
	{
		background: url("/images/logo_rm.gif") no-repeat 9px 8px;
	}

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

#top_nav
{
	padding-left: 93px;
	width: 637px;
}
	#top_nav .sub ul li
	{
		padding-left: 4px;	
	}

/* layout with no side navigation, but still has a fixed width */
.no-nav #main_nav,
.no-nav #quick_links
{
	display: none;	
}

.no-nav #container
	{
		width: 960px;	
	}

.no-nav #mcc_header
{
	position: relative;
	margin: 0;
	padding: 0;
	height: 80px;
}

.no-nav #mcc_logo
{
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	
}

.no-nav #top_nav
{
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
}
	/*.no-nav #top_nav .sub
	{
		margin-left: 443px;
		width: 517px;
	}
	.no-nav #top_nav form#search
	{
		/*left: 412px;
	}*/

.no-nav #crumb_bar,
.no-nav .red #crumb_bar
{
	padding-right: 15px;
	background-position: 0 0;
}

.no-nav #content
{
	float: none;
	padding-top: 10px;
	width: 960px;
}
	.no-nav #content h1
	{
		/*padding-left: 167px;*/
		padding-left: 20px;
	}
	.no-nav #content .copy
	{
		border-bottom: 0;
	}

.no-nav #footer
{
	padding-left: 15px;
}

/**/
#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;	*/
		}