/* Academic Support Center Default Styles */
/* Author: Patrick Cole */
/* www.patrickcole.com */

	/* Global Reset */
	* { margin: 0; padding: 0; }
	:focus { outline: 0; }
	
	/* Element Styles */
	body { background-color: #f5f5f5; 
		font-family: 'Arial','Helvetica',sans-serif; font-size: 12px;}
	p { line-height: 26px; }
	
	h1 { display: block; width: 333px; height: 72px; margin: 40px 0 0 20px; text-indent: -10000px;
		background: url('../resources/asc-logo.png') top left no-repeat; }
	h2 { font-family: 'Georgia','Times New Roman', serif; font-size: 20px; font-weight: normal; font-style: italic; color: #333; }
	
		/* Header Link Styles */
		h2 a:link { color: #333; }
		h2 a:visited { color: #333; }
		h2 a:hover { color: #333; }
		h2 a:active { color: #333; }
		
	h3 { margin: 20px 0 5px 0; padding: 0 0 5px 0; 
		font-family: 'Georgia','Times New Roman', serif; font-size: 17px; font-weight: normal; font-style: italic; color: #db5432;
		border-style: solid; border-color: #ccc; border-width: 0 0 1px 0; }
		
	h4 { width: 170px; margin: 10px 0 0 0; padding: 0 0 5px 0; font-size: 13px; color: #4d4640;
		border-style: dotted; border-color: #999; border-width: 0 0 1px 0; }
	
	h5#asc-phone { float: left; display: block; width: 146px; height: 15px; margin: 13px 20px 0 20px; text-indent: -10000px;
		background: url('../resources/asc-phone.png') top left no-repeat; }
	h5#asc-email a { float: left; display: block; width: 164px; height: 15px; margin: 10px 0 0 0; text-indent: -10000px;
		background: url('../resources/asc-email.png') top left no-repeat; }
	
	/* Top Anchor Link */
	#top { position: absolute; top: 0; left: 0; text-indent: -10000px; }
	
	/* Global Link Styles */
	a:link { text-decoration: none; color: #333; }
	a:visited { text-decoration: none; color: #333; }
	a:hover { text-decoration: underline; color: #333; }
	a:active { text-decoration: none; color: #333; }
		
	/* Classes */
	.clear { clear: both; }
	
	/* IDs */
	
		/* Global Layout */
			
			/* Top */
			#top-area { width: 100%; background-color: #20496b; height: 240px; margin: 20px 0 20px 0; }
			
			/* Header */
			#header { margin: 0 auto 0 auto; width: 980px; }
				#ai-logo { float: left; width: 200px; height: 240px; 
					background: url('../resources/aiw-logo.png') top left no-repeat; text-indent: -10000px; }
				#asc-logo-nav { float: left; width: 400px; }
				#student-work { float: right; width: 355px; height: 240px; 
					background: url('../resources/student-work.png') top right no-repeat; }
				#student-work .flash { margin: 15px 0 0 15px; }
				
				/* 508 Compliant Flash Section */
				object.noflash { display: none; }
				
				/* Header Navigation */
				ul#navigation { float: left; width: 350px; margin: 10px 0 0 20px; list-style-type: none; list-style-position: inside; }
				ul#navigation li { display: inline; float: left; padding: 0 10px 5px 0;
					font-size: 12px; }
				ul#navigation li a:link, ul#navigation li a:visited, ul#navigation li a:hover, ul#navigation li a:active { color: #fff; }
					
			/* Content Divs */
			#page { width: 980px; margin: 40px auto 0 auto; }
			#hours { float: left; width: 180px; margin: 0 0 0 20px; padding: 0 10px 0 0; }
			#hours ul { list-style-type: none; }
			#hours h2 { width: 170px; margin: 0 0 10px 0; border-style: solid; border-color: #aaa; border-width: 0 0 1px 0; }
			#hours h3 { width: 170px; }
			#content { float: left; width: 760px; margin: 0; }
			
			.content-small { float: left; width: 350px; margin: 0 10px 20px 10px; }
			.content-small ul { padding: 0 0 0 25px; margin: 5px 0 0 0; list-style-position: outside; }
			.content-small ul li { margin: 0 0 5px 0; }
			.content-small h3 { width: 100%; }
			.content-small p { margin: 10px 0 10px 0; }
			
			/* Left Side Hours */
			#instructions { width: 170px; margin: 15px 0 15px 0; }
			h2#instructor { margin: 15px 0 0 0; }
			h2#tutor { margin: 15px 0 0 0; }
			#instructor-hours { margin: 15px 0 15px 0; }
			#instructor-hours ul { margin: 0 0 20px 0; }
			#instructor-hours ul li { margin: 5px 0 5px 0; }
			#tutor-hours { margin: 15px 0 15px 0; }
			#tutor-hours ul li { margin: 5px 0 5px 0; }
			.day { float: left; display: block; width: 70px; }
			#hours-top { margin: 20px 0 20px 0; }
			
			/* Footer */
			#footer-area { width: 100%; padding: 20px 0 20px 0; background-color: #20496b; color: #fff; }
			#footer { width: 980px; margin: 0 auto 0 auto; }
				#copyright { float: left; width: 200px; margin: 0 0 0 20px; }
				#footer-links { float: left; }
				
				ul#footer-nav { list-style-type: none; }
				ul#footer-nav li { display: inline; margin: 0 20px 0 0; }
				ul#footer-nav li a:link, ul#footer-nav li a:visited, ul#footer-nav li a:hover, ul#footer-nav li a:active { color: #fff; }
				
				ul#misc-nav { list-style-type: none; margin: 15px 0 0 0; }
				ul#misc-nav li { display: inline; margin: 0 20px 0 0; }
				ul#misc-nav li a:link, ul#misc-nav li a:visited, ul#misc-nav li a:hover, ul#misc-nav li a:active { color: #fff; }