/* CSS Document */


/*  ------ University of Illinois at Urbana-Champaign: browser resets ------

Kind regards to Eric Meyer for publishing this browser reset code at http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ .. It has since been edited according to the styles of the illinois.edu web site. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 9pt;
	line-height: 13pt;
	font-family: Arial, Helvetica, sans-serif;
}

body {
	line-height: 1;
	color: black;
	background: transparent;
}
ol, ul {
	list-style: none;
}

/*  ------ University of Illinois at Urbana-Champaign: home page layout ------

DOCUMENT ORGANIZATION: 
	1 - html/body basics
	2 - top of page: container, i-mark branding, flash imagery, main navigation
	3 - middle of page: 
		> column 1 (giving/brilliant futures logo, announcements) 
		> column 2 (colleges & schools, a minute with, community feature/images of illinois)
		> column 3 (resourses for)
		> column 4 (campus highlights, more news and events, featured resources) 

/* ------------------- 1 - HTML/BODY BASICS ------------------- */
html {
	background: transparent;
}

body {
	width: 100%;
}

a {
	text-decoration: none;
	color: #000;
}

h2, h3, h4, div#search_nav, ul#main_nav, div#column_three, #column_four h4 + ul {
	text-transform: uppercase;
}

/* ------------------- 2 - LAYOUT FOR TOP OF DESIGN: SEARCH BAR - ILLINOIS MARK ------------------- */
/* --- I-MARK --- */
span#branding a {
	display: none;
}

/* --- BIG ROTATING FLASH IMAGE --- */
h1 img#flash /* change img to object when flash piece is ready */ {
	display: none;
}

h1 span.hide {
	display: block;
	font-size: 14pt;
	font-weight: bold;
	margin: 0 0 6pt 0;
	padding: 15pt 0;
}

/* --- MAIN NAVIGATION --- */
#main_nav li {
	display: inline;
	padding: 6pt 20pt 0 0;
	background: transparent;
	line-height: 18pt;
	font-weight: bold;
}

#main_nav {
	margin: 10pt 0 15pt 0;
}

/* ------------------- 3 - LAYOUT FOR MIDDLE OF DESIGN: COLUMNS 1 - 4 ------------------- 
					coded in left to right order according to columns' content			*/

div#container_middle {
	background: transparent;
}

/* ------ COLUMN ONE ------ */
/* --- ANNOUNCEMENTS --- */
div#column_one_bottom h3.hide {
	display: block;
	font-weight: bold;
	margin: 18pt 0 6pt 0;
	border-bottom: 1pt solid #444;
}

div#column_one_bottom h4 a {
	font-weight: bold;
}

div#column_one_bottom h4 a:after {
	content: ": ";
}

div#column_one_bottom ul {
	margin: 0 0 10pt 25pt;
}

div#column_one_bottom li {
	list-style: disc outside;
	padding: 0 0 3pt 0;
}

/* ------ COLUMN TWO ------ */
/* --- COLLEGES + SCHOOLS DROP-DOWN MENU --- */
ul.column_two_top {
	background: transparent;
}

ul.column_two_top ul {
	display: inline;
}

ul.column_two_top li h3 {
	background: transparent;
	font-weight: bold;
	margin: 18pt 0 6pt 0;
	border-bottom: 1pt solid #444;
}

ul.column_two_top li h3 a {
	background: transparent;
}

ul.column_two_top ul li {
	display: inline;
	padding: 0 12pt 0 0;
	line-height: 16pt;
}

/* --- A MINUTE WITH --- */
div.column_two_bottom h3 {
	background: transparent;	
	font-weight: bold;
	margin: 12pt 0 6pt 0;
	border-bottom: 1pt solid #444;
}

div.column_two_bottom h3 img {
	display: none;
}

.edu-il-ws-1305-GE1B-description a {
	background: transparent;
}

/* --- COMMUNITY FEATURE: HERE + NOW: IMAGES OF ILLINOIS --- */
div#community_feature  {
	background: none;
}

div#community_feature h2 {
	font-weight: bold;
	margin: 18pt 0 6pt 0;
	border-bottom: 1pt solid #444;
}

div#community_feature ul {
	margin: 0 0 12pt 0;
}

div#community_feature li {
	display: inline;
	padding: 0 12pt 0 0;
	line-height: 16pt;
}

/* ------ COLUMN THREE ------ */
/* --- RESOURCES FOR: AUDIENCE-SPECIFIC NAVIGATION --- */
div#column_three h3 {
	font-weight: bold;
	margin-bottom: 6pt;
	border-bottom: 1pt solid #444;
}

div#column_three li {
	display: inline;
}

div#column_three ul ul {
	display: inline;
	background: transparent;
	text-transform: none;
	margin: 0 0 10pt 10pt;
}

div#column_three ul li a {
	background: transparent;
	font-weight: bold;
}

div#column_three li a:after {
	content: ": ";
}

div#column_three ul li ul li a {
	background: none;
	padding: 0 12pt 0 0;
	line-height: 16pt;
	font-weight: normal;
}

div#column_three ul li ul li a:after {
	content: "";
}

/* ------ COLUMN FOUR ------ */
/* --- CAMPUS HIGHTLIGHTS, NEWS, FEATURED RESOURCES --- */ 
div#column_four {
	background: transparent;
}


/*  ------ University of Illinois at Urbana-Champaign: sitewide page layout ------

DOCUMENT ORGANIZATION: 
	1 - text-only link
	2 - search bar
	3 - footer*/

div#text-only {
	display: none;
}

div#search_nav {
	display: none;
}

div#footer {
	background: transparent;
}


/*  ------ University of Illinois at Urbana-Champaign: sitewide text styling ------

DOCUMENT ORGANIZATION: 
	1 - general text styling
	2 - search bar
	3 - campus highlights module

/* ------------------- 1 - GENERAL TEXT ------------------- */
.hide /* repositions text off page - assistive technologies will still read */ {
	display: none;
}

/* ------------------- 3 - CAMPUS HIGHLIGHTS MODULE ------------------- */
div#column_four h3 {
	display: block;
	font-weight: bold;
	margin: 12pt 0 6pt 0;
	border-bottom: 1pt solid #444;
}

h4.column_four a {
	font-weight: bold;
	display: inline;
}

h4.column_four + ul, span.featured_resources ul {
	margin: 0 0 12pt 0;	
}

h4.column_four + ul li, span.featured_resources ul li {
	display: inline;
	padding: 0 12pt 0 0;
	line-height: 16pt;
	text-transform: none;	
}

/* --- FOOTER --- */
div#footer h2 {
	display: block;
	font-weight: bold;
	margin: 18pt 0 6pt 0;
	border-bottom: 1pt solid #444;
}

div#footer ul {
	list-style: disc; 
}

div#footer li {
	display: inline;
	padding: 0 12pt 0 0;
	line-height: 16pt;
}

div#footer li:first-child /* removes bullet from first items in footer lists */ {
	background: transparent;
}

div#footer ul.accesskeys li {
	display: none;
}

strong {
	font-weight: bold;
}