/*************************************************
 File: Subpg.css
 Desc: Contains the main styles for the
	   MU sub page template.
 Outline: (Search by number for quick browsing)
			1. Global Column Styles
			2. Column 1
			3. Column 2
-------------------------------------------------

 1. Global Column Styles
*************************************************/	
#content ul#breadcrumbs {
	background-color: #8a8a8a;
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0 0 0 1.8em;
	width: 78.2em;
}
	
	#content ul#breadcrumbs li {
		color: #fff;
		display: inline;
		font-size: 1em;
		font-style: italic;
		line-height: 2em;
		margin: 0;
		padding: 0 0 0 1px;
	}
	
		#content ul#breadcrumbs li a { color: #fff; font-style: normal; text-decoration: none; }		
			#content ul#breadcrumbs li a:hover { text-decoration: underline; }

#content #sidebar, 
#content #content-main { margin-top: 1em; position: relative; z-index: 1; }

	#content #sidebar { float: left; width: 24.1em; }	
	#content #content-main { float: right; width: 55em; }

/*************************************************
 2. Sidebar
 	a. nav-section	- Contains the navigation for the specific section
	b. sidebar		- Contains the section/page specific modules
*************************************************/

/*	a. Section Navigation	*/
#content #sidebar #nav-section { 
	background-color: #807f7f; 
	list-style: none; 
	list-style-image: none; 
	margin: 0 0 1em 0; 
	padding: 0;
	width: 24.1em;
}

	#sidebar #nav-section li { 
		border-bottom: 1px solid #fff; 
		font-size: 1em; 
		margin: 0; 
		padding: 0; 
		position: relative;
		width: 24.1em; 
	}
		
		/*	Active List Sub Menu  */
		#sidebar #nav-section li.active { background-color: #000; }
		
		#sidebar #nav-section li ul { 
			display: none;
			height: auto; 
			list-style: disc none outside;
			margin: 0 0 .5em 0 !important;
			padding-left: 31px;
			width: 20.9em;			
		}
			
			#sidebar #nav-section li.active ul { display: block; }
			
			#sidebar #nav-section li ul li {
				border: none; 
				color: #ededed;
				line-height: 12px;
				margin: 0; 
				padding: 0;
				width: auto;				
			}

			#sidebar #nav-section li ul li a { background: transparent !important; color: #ededed; display: inline; font-size: 1.2em; font-weight: normal; margin: 0; padding: 0; width: auto; }
			#sidebar #nav-section li ul li a:hover { color: #fff; }
			#sidebar #nav-section li ul li a.active { color: #fff; font-style: oblique; }
			
			#sidebar #nav-section li ul li ul { padding-left: 13px; margin-bottom: 5px !important; width: auto; }			
				#sidebar #nav-section li ul li ul li { margin: 0 !important; width: 100% !important; }
					#sidebar #nav-section li ul li ul li a:hover { color: #fff; }
					#sidebar #nav-section li ul li ul li.active a { color: #fff; font-style: oblique; }
			
		#sidebar #nav-section li a {
			color: #fff;
			display: block;
			font: bold 1.4em 'Trebuchet MS', Arial, sans-serif;
			height: auto;
			padding: 2px 0 2px 18px;
			text-decoration: none;
			width: 223px;
		}
		
			#sidebar #nav-section li a.active { background-color: #000; }
			#sidebar #nav-section li a.contract { background: #000 url('http://www.millersville.edu/lib/img/icons_bullets/sl_minus.gif') no-repeat .36em .43em; }
			#sidebar #nav-section li a.expand { background: transparent url('http://www.millersville.edu/lib/img/icons_bullets/sl_plus.gif') no-repeat .36em .43em; }
					
			#sidebar #nav-section li a:hover { background-color: #000; }
			
			#sidebar #nav-section li .expandBox {
				cursor: pointer;
				height: 21px;
				left: 0;
				position: absolute;
				top: 0;
				width: 16px;
			}
		
	/* Set up the Office of the President (Brown) Navigation */
	#sidebar #nav-section.section-color1 { background-color: #9c600e !important; }
		
		#sidebar #nav-section.section-color1 li.active,
		#sidebar #nav-section.section-color1 li a.active,
		#sidebar #nav-section.section-color1 li a.contract,
		#sidebar #nav-section.section-color1 li a:hover,
		#sidebar #nav-section.section-color1 li ul { background-color: #6a410a; }
		
		
	/* Set up the Academic Affairs (Teal) Navigation */
	#sidebar #nav-section.section-color2 { background-color: #41c4d2 !important; }
		
		#sidebar #nav-section.section-color2 li.active,
		#sidebar #nav-section.section-color2 li a.active,
		#sidebar #nav-section.section-color2 li a.contract,
		#sidebar #nav-section.section-color2 li a:hover { background-color: #32828e; }
	
	/* Set up the School of Education (Yellow) Navigation */
	#sidebar #nav-section.section-color3 { background-color: #cda70e !important; }
		
		#sidebar #nav-section.section-color3 li.active,
		#sidebar #nav-section.section-color3 li a.active,
		#sidebar #nav-section.section-color3 li a.contract,
		#sidebar #nav-section.section-color3 li a:hover { background-color: #8a7009; }
		
	/* Set up the School of Humanities & Social Science (Purple) Navigation */
	#sidebar #nav-section.section-color4 { background-color: #3c1363 !important; }
		
		#sidebar #nav-section.section-color4 li.active,
		#sidebar #nav-section.section-color4 li a.active,
		#sidebar #nav-section.section-color4 li a.contract,
		#sidebar #nav-section.section-color4 li a:hover { background-color: #260c3e; }

	/* Set up the School of Science & Mathematics (Red) Navigation */
	#sidebar #nav-section.section-color5 { background-color: #973523 !important; }
		
		#sidebar #nav-section.section-color5 li.active,
		#sidebar #nav-section.section-color5 li a.active,
		#sidebar #nav-section.section-color5 li a.contract,
		#sidebar #nav-section.section-color5 li a:hover { background-color: #662418; }
	
	/* Set up the Non-School Departments (Navy) Navigation */
	#sidebar #nav-section.section-color6 { background-color: #466b83 !important; }
		
		#sidebar #nav-section.section-color6 li.active,
		#sidebar #nav-section.section-color6 li a.active,
		#sidebar #nav-section.section-color6 li a.contract,
		#sidebar #nav-section.section-color6 li a:hover { background-color: #2a4052; }
	
	/* Set up the Finance & Administration (Green) Navigation */
	#sidebar #nav-section.section-color7 { background-color: #4c834c !important; }
		
		#sidebar #nav-section.section-color7 li.active,
		#sidebar #nav-section.section-color7 li a.active,
		#sidebar #nav-section.section-color7 li a.contract,
		#sidebar #nav-section.section-color7 li a:hover { background-color: #2d4d2d; }

	/* Set up the Information Technology (Blue) Navigation */
	#sidebar #nav-section.section-color8 { background-color: #1c61b2 !important; }
		
		#sidebar #nav-section.section-color8 li.active,
		#sidebar #nav-section.section-color8 li a.active,
		#sidebar #nav-section.section-color8 li a.contract,
		#sidebar #nav-section.section-color8 li a:hover { background-color: #113b6c; }	
	
	/* Set up the Student Affairs (Orange) Navigation */
	#sidebar #nav-section.section-color9 { background-color: #e06400 !important; }
		
		#sidebar #nav-section.section-color9 li.active,
		#sidebar #nav-section.section-color9 li a.active,
		#sidebar #nav-section.section-color9 li a.contract,
		#sidebar #nav-section.section-color9 li a:hover { background-color: #9d4600; }	
		
	/* Set up the University Advancement (Tan) Navigation */
	#sidebar #nav-section.section-color10 { background-color: #bdaa65 !important; }
		
		#sidebar #nav-section.section-color10 li.active,
		#sidebar #nav-section.section-color10 li a.active,
		#sidebar #nav-section.section-color10 li a.contract,
		#sidebar #nav-section.section-color10 li a:hover { background-color: #90824d; }	
		
	/* Set up the Other Organizations (Navy) Navigation */
	#sidebar #nav-section.section-color11 { background-color: #466b83 !important; }
		
		#sidebar #nav-section.section-color11 li.active,
		#sidebar #nav-section.section-color11 li a.active,
		#sidebar #nav-section.section-color11 li a.contract,
		#sidebar #nav-section.section-color11 li a:hover { background-color: #2a4052; }

/*	b. Sidebar Modules	*/
#sidebar .sidebar-module { margin: 0 0 1em; overflow: hidden; padding: 0; position: relative; width: 100%; }

	#sidebar .sidebar-module h1 {
		background: #303030 url('http://www.millersville.edu/lib/v2/img/common/leftModTitle.gif') repeat-x top left;
		border: none;
		color: #fff;
		font: normal 1.8em Georgia, 'Times New Roman', Arial, sans-serif !important;
		line-height: 1.67em !important;
		margin: 0;
		padding: 0 0 0 .56em !important;
		width: auto;
	}

	#sidebar .sidebar-module .module-content { background-color: #f6f6f6; border: 1px solid #e6e6e6; margin: 0 !important; padding: 0 1em; }
	
	#sidebar .module-content h3,
	#sidebar .module-content h4,
	#sidebar .module-content ul, 
	#sidebar .module-content ol,
	#sidebar .module-content p { margin: .5em 0; }
		
		#sidebar .module-content h3.notice_heading { color: #9e0b0f; }
		
		#sidebar .module-content li { margin-left: 1em; }	
		
	#sidebar .module-content img { border: 1px solid #fff; margin: 1em 0 0 0; }

/*************************************************
 3. Page's Main Content
*************************************************/
#content-main { float: right; width: 54em; }

#content-main .content-main-col1 { float: left; width: 32em; }
#content-main .content-main-col2 { float: right; width: 22em; }

#content-main .noticeText { color: #940101; }

#content-main table { border-collapse: collapse; margin: 0; }
	#content-main table tr td { padding: .3em 0; }

#content-main .success-message, #content-main .error-message { margin: .3em 0 1em; padding: 1em; } 
	#content-main .error-message { background-color: #f9f2f2; border: 1px solid #ecdada; }
	#content-main .success-message { background-color: #f2f6f9; border: 1px solid #dae5ec; }
	
#content-main #section-nav {
	list-style: none !important;
	list-style-image: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

	#content-main #section-nav li {
		border-bottom: 1px dotted #a3a3a3;
		line-height: 1.33em !important;
		margin: 5px 0 !important;
		padding: 0 0 4px 0 !important;
	}

	#content-main #section-nav li a {
		background: transparent url('http://www.millersville.edu/lib/v2/img/common/arrowright.gif') no-repeat 0px 3px;
		display: block;
		line-height: 1.33em;
		padding-left: 1.25em;
		text-decoration: none;
		width: auto;
	}

		#content-main #section-nav li a:hover, #content-main #sectionmenu li a.active { color: #303030; }

		#content-main #section-nav li a#section-nav-home {
			background-image: none;
			font-size: 1.17em;
			font-weight: bold;
			line-height: 1.07em;
			padding-left: 0;
			text-decoration: none;
			width: auto;
		}
