/* Style sheet for UIC.CUPPA.VoorheesCenter */

body { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; }
a:link, a:visited, a:hover, a:active { text-decoration: none; }

div#topnav { width: 800px; position: absolute; left: 0px; top: 0px; }
img#uiclogo { position: relative; left: 0px; top: -22px; padding: 0; margin: 0; }
img#search, img#sitemap { position: relative; left: 575px; top: -22px; padding: 0; margin: 0; }

table#subnav { position: absolute; left: 0px; top: 43px; }
table#subnav a:link { text-decoration: none; color: #000; }
table#subnav a:visited { text-decoration: none; color: #000; }

div#graphics { position: absolute; left: 0px; top: 96px; width: 801px; }
div#leftcol {
	width: 185px;
	position: absolute;
	left: 23px;
	top: 313px;
	height: 87px;
}
div#leftcol.sub { top: 247px; }
div#rightcol { position: absolute; left: 19px; top: 1231px; width: 189px; height: auto; }
div#rightcol h4, div#highlights p { padding: 4px; width: auto; margin: 1px; background-image: url(images/bg_highlights.gif); background-repeat: repeat-x; font: bold 1.2em Arial; color: #A56207; }
div#rightcol h4 { padding: 4px; width: auto; margin: 0; background-image: url(images/bg_highlights.gif); background-repeat: repeat-x; font: bold 1.2em Arial; color: #636; }
div#rightcol.sub { top: 253px; }
div#maincontent { position: absolute; left: 238px; top: 312px; width: 565px; height: 824px; }
div#maincontentsub { position: absolute; left: 226px; width: 560px; top: 253px; height: 433px; }
div#maincontentsub2 { position: absolute; left: 226px; top: 253px; width: 343px; height: auto; }
div#highlights { margin-bottom: 17px; width: 176px; height: auto; border-left: 1px; border-top: 1px; border-right: 1px; border-bottom: 7px; border-color: #C90; border-style: solid; background-color: #FC0; }

table#staff { background-color: #000; }
table#staff td { background-color: #FFF; }

table#subnav th { 	
		vertical-align: top; 
		text-align: left; 
		width: 131px;
		border-top: 1px solid #444; 
		border-right: 1px solid #444; 
		border-left: 1px solid #444;
		font: bold 1.1em Arial; 
		color: #444;
}

table#subnav td { 	
		vertical-align: top; 
		border-right: 1px solid #444; 
		border-top: 1px solid #444; 
		font: normal 0.9em Arial;
		color: #444;
}

.leftend { vertical-align: top; border-left: none; }
.rightend { vertical-align: top; border-right: none; }

h1 { font: normal 18px Arial; color: #636; }
h2 { padding: 0; margin: 0; font: bold 1.1em Arial; color: #C90; }
h4 { padding: 0; margin: 4px; font: bold 1.2em Arial; color: #636; }

p { padding: 0; margin: 0 0 10px 0; font: normal 1.2em Arial; }
p.bigtext { padding: 0; margin: 0 0 10px 0; font: normal 1.2em Verdana; }

ul#leftnav { padding-left: 0; margin-left: 0; list-style-type: none; font-size: 1.3em; color: #960; width: 192px; }
ul#leftnav li { line-height: 2.3em; border-bottom: 1px solid #CE9802; }

ul#leftnav ul { position: relative; left: 0px; padding-left: 0; margin-left: 0; }
ul#leftnav li.selected { border-bottom: 0; color: #636; font-weight: bold; margin-bottom: 1em; }
ul#leftnav ul li  { left: -20px; font: normal 0.8em Arial; line-height: 1.1em; list-style-type: none; color: #C36; border-bottom: 0; margin-bottom: 1.3em; }

ul#calendar { padding-left: 4px; margin-left: 0; list-style-type: none; color: #A56207; }
ul#calendar li { font: normal 1.2em Arial; margin-top: 1.3em; line-height: 1em; }
#confrem { font: normal 0.9em Arial; margin-top: 1.3em; line-height: 1em; color: #C90; }
ul#calendar li a { font: bold 0.9em Arial; }
ul#calendar li a:link { color: #C90; }
ul#calendar li#divider { border-bottom:1px solid #636; color: #636; padding-left: 0; margin-left: 0; font-weight: bold; }
ul#calendar li.brownlink { color: #960; font: bold 1.2em Arial; } 
ul#calendar li.brownlink a:link { color: #960; font: bold 1em Arial;}

img#leftphoto { position: absolute; left: 0px; top: 97px; width: 226px; height: 206px; }
img#banner { position: absolute; left: 227px; top: 96px; width: 575px; height: 170px; }
ul.maincontentlist { font-size: 120%; }

ul#hcv li { font: normal 1.2em Arial; }