/*

	1) General selectors - body,h1/h3,a,blockquote,code,p
	2) Structure - container,content,tagline
	3) Left selectors - main,meta,comments
	4) Sidebar selectors - author,links,line,search,themes
	5) Footer - extras

	7) Accessibility - skip,hr
	8) Hacks - clearfix

*/

/* 1) -=-=-=- General selectors -=-=-=- */

body {
	background: #FCFEF4 url(images/bg_top.gif) repeat-x;
	margin: 68px 0 20px;
	padding: 0;
	color: #3F3F3F;
	text-align: center;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #000000;
	line-height: 1.5em;
	margin-right: 5px;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	font-weight: lighter;
	color: #FF3333;
	margin-bottom: -5px;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: lighter;
	color: #FF3333;
	margin-bottom: -5px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #3366CC;
	margin-bottom: -5px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #3366CC;
	margin: 40px 0px 6px 0px;
}
h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #FFCC33;
	margin: 10px 0px 0px 0px;
}

a:link {text-decoration: none; color: #3366CC}
a:visited {text-decoration: none; color: #3366CC}
a:active {text-decoration: none; color: #3300CC}
a:hover {text-decoration: underline; color: #FF3333;}
	
blockquote {
	border-left: 4px solid #3F3F3F;
	padding: 0 10px;
	margin: 0 0 0 10px;
	font-style: italic;
	}
	
code {
	display: block;
	padding: 10px;
	color: #444E1F;
	background: #F5F8E8;
	font-size: 1.2em;
	border-top: 2px solid #D0EC98;
	}
	
.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #000000;
	line-height: 1.1em;
	}


/* 2) -=-=-=- Table selectors -=-=-=- */

table.calendar {
	border-width: 1px;
	border-collapse: collapse;
	background-color: white;
	width: 100%;
}
table.calendar th {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #FF3333;
	background-color: white;
	-moz-border-radius: ;
	background: #3366CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFCC33 ;
}
table.calendar td {
	border-width: 1px;
	padding: 5px;
	border-style: solid ;
	border-color: #FF3333 ;
	background-color: white;
	-moz-border-radius: ;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #000000;
	line-height: 1.2em;
}

table.minical {
	border-width: 1px;
	border-collapse: collapse;
	width: 240px;
	margin-left: auto;
	margin-right: auto;
}
table.minical td {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #3366CC;
	-moz-border-radius: ;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	line-height: 1.2em;
}

table.minical th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	line-height: 1.2em;
	text-align: left;
}
	
table.gallery {
	border-collapse: collapse;
	background: url(images/540_container.gif) repeat-y;
	width: 540px;
}
table.gallery th {
	padding: 5px;
	border-style: none ;
	-moz-border-radius: ;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #3366CC;
	text-align: center ;
}
table.gallery td {
	padding: 5px;
	width: 50%;
	border-style: none ;
	-moz-border-radius: ;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #000000;
	line-height: 1.2em;
	text-align: center ;
}

/* 2)-=-=-=- Structure -=-=-=- */
		
#container {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	}
	
.container_top {
	margin: -45px 0 0;
	position: absolute;
	height: 45px;
	width: 780px;
	padding: 0px;
	}

	
.container_left {
	background: url(images/container_left.gif) no-repeat;
	}
	
.container_right {
	background: url(images/container_right.gif) no-repeat top right;
	}
	
.topline {
	background: url(images/container_top.gif) no-repeat;
	}
	
#content {
	margin: 11px auto;
	padding: 2px 8px 0px 8px;
	width: 540px;
	text-align: left;
	background-color: white;
	}

table.contenttable {
	border-width: 0px;
	padding: 0px;
	width: 768px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
table.contenttable td {
	vertical-align: top;
	}

#sidebar {
	float: left;
	margin: 11px 0px 10px 8px;
	padding: 0px 0px 0px 0px;
	voice-family: "\";}\""; 
  	voice-family: inherit;
	width: 195px;
	overflow: hidden;
	}

.navmenu {
	margin-top: 11px;
	padding: 0px;
	width: 194px;
}

#content_bg {
	background: #fff url(images/container.gif) repeat-y;
	}
	
.uiuclogo {
	float: right;
	padding-right: 6px;
}

.headerschoolname {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	color: #FFFFFF;
	line-height: 28px;
	font-weight: bold;
	margin-left: 20px;
	letter-spacing: 1px;
}

.headeraddressphone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin-left: 23px;
}

.upslogo {
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
}

.centered {
	text-align: center;
}

/* 3)-=-=-=- Left selectors -=-=-=- */	

.breadcrumbs {
	text-align: right;
	font-family: Arial, Helvetica, sans serif;
	font-size: 65%;
	line-height: .8em;
	margin: 5px 0px -2px 0px;
}

.printable {
	text-align: right;
	font-family: Arial, Helvetica, sans serif;
	font-size: 65%;
	margin: 45px 0px -45px 0px;
}

li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #000000;
	line-height: 1.5em;
	}

.main li {
	background: url(images/content_bullet.gif) no-repeat 0 7px;
	padding: 4px 0 0 20px;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #000000;
	line-height: 1.5em;
	}
	
.main ul {
	padding: 0;
	margin: 0;
	}
	
.main img {
	padding: 3px;
	border: 1px solid #ACE149;
	}
	
.meta {
	background: #F0F0F0;
	font-size: .9em;
	padding: 2px;
	}
	
.meta:hover {
	background: #FF0000;
	}
	
.highlight { /* Basic highlight for text */
	background: #F7FEDC;
	}
		
	
.alt {
	background: #EAF8CF !important; 
	border: 1px solid #D5F0A4 !important;
	padding: 10px 10px 0 10px !important;
	}
	
.alt:hover {
	border: 1px solid #ACE149 !important;
	}
	
/* 4)-=-=-=- Sidebar selectors -=-=-=- */	
	

/* 5)-=-=-=- Footer -=-=-=- */	

#540fadeout {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	background: url(images/540_container_bottom.gif) no-repeat;
	}

.footer {
	background: url(images/footer.gif) no-repeat center;

	}

.footertext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 65%;
	color: #000000;
	margin: 0px 0px 10px 0px;
	line-height: 1.2em;
	text-align: center;
}

.footertext A:link {text-decoration: none; color: #3366CC}
.footertext A:visited {text-decoration: none; color: #3366CC}
.footertext A:active {text-decoration: none; color: #3300CC}
.footertext A:hover {text-decoration: underline; color: #FF3333;}
	
/* 7)-=-=-=- Accessibility -=-=-=- */
	
#skip {
	display: none;
	}
	
hr { /* Simple style when CSS not in use */
	display: none;
	}
	
/* 8)-=-=-=- Hacks -=-=-=- */
	
.clearfix:after { /* float hack used to float content correctly */
    content: "."; 
   	display: block; 
   	height: 0; 
   	clear: both; 
    visibility: hidden;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */	

.borderbox { border : 1pt solid black; }

#bodybox {
	width: 540px;
}

.left { 
	float : left; 
	}
	
.right { 
	float : right; 
}

.spacer { clear : both; }

.540bottom {
	margin-top: -2px;
}

.260bottom {
    margin: 10px;
}

td.columns {
	padding: 0px 10px 0px 10px;
	background: url(/ups/images/260_container.gif);
	vertical-align: top; 
}

.thin_break {
	line-height: .1em;
}