/* Major Layout Styles */
html,body										{ background:#6E6E6E url("http://www.csuci.edu/_common/images/body-texture.gif");}
	/* Content */
#content										{ background:transparent url("http://www.csuci.edu/_common/images/body-texture.gif");clear:both;margin:0;padding:0;width:100%}
#content-wrap									{ background:#ffffff url("http://www.csuci.edu/_common/images/3px_shadow_wht.gif") repeat-x 0 0;margin:0 auto;width:768px;overflow:hidden}	
#mast											{ overflow:hidden}
#breadcrumbs									{ float:right;width:574px;padding:20px 20px 0;list-style:none;margin:0 }
#breadcrumbs li									{ display: inline}
#breadcrumbs li:last-child						{ font-weight: bold}
#article										{ float:right;width:574px;padding:20px;margin:0 }	
#sidebar										{ float:left;width:152px; }
#sidebar h2										{ background: rgba(0,0,0,.07);font: bold italic 1.167em Georgia, "Times New Roman", Times, serif;margin:0;padding: 10px}
.ie6 #sidebar h2								{ overflow: visible;zoom:1} /* IE 6 - Italics Bug */
#sidebar h2 a:link,
#sidebar h2 a:visited							{ text-decoration: none}
#sidebar h2 a:hover,
#sidebar h2 a:focus								{ color: inherit;text-decoration: underline}
#sidebar p										{ padding: 0; margin: 10px }

.ie6 #sidebar,
.ie7 #sidebar,
.ie6 #article,
.ie7 #article									{ display: inline }

/* Layout variations */
	/* No sidebar */
.no-sidebar #content-wrap						{ background:#ffffff url("http://www.csuci.edu/_common/images/3px_shadow_wht.gif") no-repeat 0 0;margin:0 auto;width:768px;overflow:hidden}	
.no-sidebar #breadcrumbs						{ width:728px}
.no-sidebar #article							{ padding:20px;width:728px;margin:0}
	/*	Two Equal Columns 
		Note: Presupposes a body class of .no-sidebar and 
		the inclusion of the necessary HTML inside #content-wrap. 
		However, it is possible to use it with a sidebar. Not enough testing at this times. */
.columns										{ overflow: hidden;padding:0;}
.column											{ width:48%; display:inline;float:left;margin:0;padding:0;}
.columns .last									{ margin:0; float: right}
.column h2										{ border-bottom:3px solid #DBDBDB;color:#333;padding-bottom:3px}
.column h2 a:link,
.column h2 a:visited							{ text-decoration:none}
.column h2 a:hover								{ text-decoration:underline}
.column ul,
.column img										{ margin-bottom:2em}
.column ul ul									{ margin-bottom: auto}
	/* Switch sidebar side */
.switch #sidebar								{ float: right}
.switch #breadcrumbs,
.switch #article								{ float:left}
	/* Wide layout  */
.l-wide #header .inner,
.l-wide #content-wrap							{ width: 980px; }
.l-wide #breadcrumbs,
.l-wide #article								{ width: 680px; }
.l-wide #sidebar								{ width: 260px; }
.l-wide.no-sidebar #breadcrumbs,
.l-wide.no-sidebar #article						{ width: 940px; }

/* Full Window Width */
.l-full-width									{ background: #fff } 
.l-full-width #content-wrap, 
.l-full-width #content-wrap #mast				{ min-width: 960px; width: 100%; }
.l-full-width #content-wrap						{ overflow: visible; float: left }
.l-full-width #sidebar							{ width: 28% }
.l-full-width #article							{ width: 68%}
	/* Full Width, no sidebar */
.l-full-width.no-sidebar #article				{ width: 96.93%;}
.l-full-width.no-sidebar #sidebar				{ display: none }
/* Modules */
    /* Sidebar > Sub Navigation */
.subnav											{ list-style:none;background:transparent;margin:0 0 2em;padding:0}
.subnav a:link,
.subnav a:visited								{ background:transparent;display:block;line-height:1.5em;padding:6px 0 6px 10px;text-decoration:none;}
.subnav li										{ border-bottom:1px solid #ccc}
.subnav a:hover,
.subnav a:focus									{ background-color:#f2f2f2;color:#000000}
	/* Sub Navigation > Nested Nav */
.subnav .nested									{ font-weight:700;background:#fff}
.subnav .nested ul								{ font-weight:normal;list-style:none;background:transparent;margin:0 0 6px;padding:0}
.subnav .nested li								{ border-bottom:none;background: transparent;margin-left:10px}				
.subnav .nested li a:link,
.subnav .nested li a:visited					{ background:transparent url("http://www.csuci.edu/_common/images/bullet-arrow.gif") no-repeat 0 7px;line-height:normal;padding:3px 0 3px 10px;text-indent: 0}				
.subnav .nested li a:hover,
.subnav .nested li a:focus						{ background-color:transparent;color:#000000;text-decoration:underline }