@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("http://tabletink.com/css/main.css");

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

#side_nav
{
	width: 230px;	
}
	#side_nav #main_nav
	{
		width: 230px;	
	}
		#side_nav #main_nav ul li ul
		{
			font-size: 90%;	
		}
			#side_nav #main_nav ul li ul li ul
			{
				font-size: 100%;	
			}

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

#content
{
	width: 730px;	
}

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

#crumb_bar
{
	padding-right: 20px;
	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 20px 0 20px;
}