@charset "utf-8";
/*
ITCS/WMS Framework:
Our basic reset & standard formatting stylesheet; most sites will modify these rules in their own general stylesheet

*/

* {
	margin: 0;
	padding: 0;
	}


body {
	font: 78%/1.6em Verdana, Arial, Helvetica, sans-serif;
	background: white;
	color: black;
	}


p, pre, blockquote, dl, address, form, fieldset {
  	margin: .8em 0 1.1em;
	}

 ul, ol {
 	margin: 1em 0 1em 4em
	}

dt {
	font-weight: bold;
	}


dd {
	margin-left: 2em;
	}

abbr[title], dfn[title] {
    border-bottom: 1px dotted #ccc;
    cursor:help;
	}

address {
	margin-left: 1.5em;
	line-height: 1.3em;
	font-style: normal;
	}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
	}

blockquote, q {
    quotes:none;
	margin: 1.5em;
	font: 130%/1.7 Georgia, "Times New Roman", Times, serif;
	color: #525C76
	}


blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none;
	}

q {
	margin: 0;
	}

pre, code, tt    {
	font: 1em 'andale mono', 'lucida console', monospace;
	/*line-height:1.6em;*/
	display:block;
	}

code {
	background-color:#d5d2d8;
	display: block;
	padding: 0px 2px 4px 26px;
	background: #fff url(code.jpg) no-repeat left top;
	line-height: 20px;
	font-size: 12px
	}

pre {
	margin:1.5em 0;
	white-space: pre;
	}

kbd, samp {
	font: 1em 'andale mono', 'lucida console', monospace
	}

del {
    text-decoration: line-through;
	color:#666;
	}

em, dfn {
	font-style: italic;
	}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #67748E;
    margin: 1em 0;
    padding: 0;
	}

img {
	border: 0;
	}

input, select {
    vertical-align:middle;
	}


ins {
    background-color: #FEF87F;
    color:#000;
    text-decoration:none;
	}

strong {
	font-weight: bold;
	}

sup, sub {
	line-height:0;
	}

/* ** ** custom select color ** ** */
::selection {
	background: #525252; /* Safari */
	color:#fff;
	}

::-moz-selection {
	background: #525252; /* Firefox */
	color: #fff;
}


/* =HEADINGS
-----------------------------------------------------------------------------*/



h1 {
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 200%
	}


h2 {
	font-weight: bold;
	font-size: 120%;
	}



h3 {
	font-weight: bold;
	font-size: 110%;
	}



h4 {
	font-weight: bold;
	font-size: 100%;

	}



h5, h6 {
	font-weight: bold;
	font-size: 100%;
	font-style: italic;

	}


/* =TABLES
-----------------------------------------------------------------------------*/
/*  Disables some deprecated table tags */

table,tr,th,td {
	width:auto; /* All browsers */
	height:auto; /* All browsers */
	background-color:transparent; /* All browsers */
	border:none; /* All browsers. Borders are not inherited */
	}

table {
  border-spacing: 0;
  border-collapse: collapse;
  }


td, th {
  text-align: left;
  font-weight: normal;
  vertical-align: top;
  padding: 3px
  }


/* =FORMS
-----------------------------------------------------------------------------*/


fieldset {
  -webkit-border-radius: 5px;
 	-moz-border-radius: 5px;
  border-radius:5px 5px 5px 5px;
 	padding-top:5px;
  padding-left:5px;
  border:1px solid #ccc;
	}

form input[type=email], form input[type=number], form input[type=password], form input[type=text], form input[type=url] {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px 4px 4px 4px;
	height:20px;
	margin-bottom:5px;
	border: 1px solid #ccc;
  padding: 4px 0 1px 5px;
}

form textarea {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius:4px 4px 4px 4px;
  border: 1px solid #ccc;
  padding: 4px;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif
}

button, input[type=button], input[type=submit] {
  min-height: 27px;
  padding-left: 4px;
  padding-right: 4px;
  vertical-align: middle;
}

/* Additional styles in browser-specific stylesheets */
select {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius:4px 4px 4px 4px;
  border: 1px solid #ccc;
  vertical-align: middle;
}

input:focus, select:focus, textarea:focus {
	background-color: #E3ECEF;
}

form label {
	cursor: pointer;
	display: block;
}

form fieldset legend {
	font-size: 1.2em; padding:0 5px;
	}

.submit, .submit:visited {
	background: #1F2C52;
	background: #CF682C;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	border:none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	margin-bottom:5px;
	}


.req {
	color: #811A0F;
	font-weight: bold;
	font-size: 110%;
	}


/* =FREQUENTLY USED CLASSES
-----------------------------------------------------------------------------*/

.clear {
	clear: both;
	display: block;
	visibility: hidden;
	width: 0px;
	height: 0px;
	}

.left  {
	float: left
	}

.right {
	float: right
	}

.note {
	font-weight: bold;
	}

.island {
 	padding:20px;
  	margin-bottom:20px;
	}


.island > :last-child{
    margin-bottom:0; /* Remove the margin from the last child of a boxed off area so that we don't end up with compounded margin/padding spacings. */
	}

.pdf {
	font-size: 90%;
	font-weight: normal;
	}

.hide, .vali { /* vali is used when something is required in order to validate as kosher html, but isn't really needed in display  */
	display: none;
	}


/* Put in special headings or text for print versions; remember to turn on in printer stylesheet.  */
.printhead, .printonly  {
	display: none;
	}




/* ELEMENT FORMATTING
-----------------------------------------------------------------------------*/

.breadcrumb {
	font-size: .9em;
	}


/* NAVIGATION
------------------------------------------------------------------------------------ */

#sitenav {

	padding: 0px 0 6px 10px;
	text-transform: uppercase;
	z-index: 999;
	text-align: left;
  	margin: 0 auto;
	}

#sitenav ul {
	list-style-type: none;
	z-index: 999;
	margin: 0; padding: 0;
	padding-top: 12px

	}

#sitenav ul li {
	margin: 0;
	padding: 0 18px 0 18px;
	float: left;
	font-size: 11px;
	font-weight: bold;
	line-height: 150%;
	position: relative;
	min-height: 20px;
	z-index: 999;
	border-right: 1px solid #f6b367;

	}

#sitenav ul > li:hover {

  	}



#sitenav ul > li:last-child {
	border-right: none;
	}


#sitenav ul > li ul li:last-child {
	border-right: 1px solid #f6b367;
	}


#sitenav ul li ul {
  	position: absolute;
  	top: -9999px;
	text-transform: none;
  	z-index: 999;
   	border: 1px solid #f6b367;
   	border-top: none;
  	width: 220px;
 	background-color: #fff;
	text-align: left;
  	margin: 0; padding: 0;
	left: 0;

	}

#sitenav ul li:hover ul {
  	top: 20px;
	text-align: left;
	left: -1px;
	width: 220px;
	}

#sitenav ul li ul li {
  	width: 202px;
  	border-top: 1px solid #f6b367;
	margin: 0; padding: 0;
	position: relative;
	padding-left: 18px;

	}

#sitenav ul li ul li a {

	}


#sitenav ul li ul li:hover {

	}


#sitenav ul li ul li div.menucontainer {
	padding: 6px 7px 6px 0px;
	width: 212px
	}


#sitenav ul > li > ul > li > a:link, #sitenav ul > li > ul > li > a:hover, #sitenav ul > li > ul > li > a:visited {


	}

#sitenav ul > li > ul > li > a:hover, #sitenav ul > li > ul > li > a:visited:hover
	{


	}


#sitenav ul > li > ul > li:hover > a {


 	}

#sitenav li a {

  	}


ul.sectionnavlist, ul.sectionnavlist li ul {
	margin: 0; padding: 0;
	padding-top: .9em;

	}

ul.sectionnavlist li {
	list-style-type: none;
	margin: 0; padding: 0;
	padding-bottom: .9em;
	font-weight: bold;
	font-size: 92%;
	padding-left: 15px;
	line-height: 160%
	}


ul.sectionnavlist li ul li {
	list-style-type: none;
	margin: 0; padding: 0;
	margin-left: 18px;
	padding-bottom: .6em;
	font-weight: normal;
	}

.sectionnavlist a:link {
	text-decoration: none;

	}

.sectionnavlist a:visited {
	text-decoration: none;

	}


.sectionnavlist a:hover, .sectionnavlist a:visited:hover  {
	text-decoration: underline;

	}



#sitenav a:link {
	text-decoration: none;

	}

#sitenav a:visited {
	text-decoration: none;

	}


#sitenav a:hover, #sitenav a:visited:hover  {
	text-decoration: underline;

	}


/* STANDARD FORMAT FOR THE NEWS AND CALENDAR VIEWS: SUMMARIES
-----------------------------------------------------------------------------*/


.headingbar {
	background-color:#52483c; margin-bottom: 10px; position:relative
	}

.headingbar-more {
	text-transform: uppercase; font-size: 10px; color: #fff; width: 100px; float: right; padding-top: 10px; padding-right: 16px; text-align: right;
	}

.headingbar-more a:link {
	color: #fff;
	}

.headingbar-more a:visited {
	color: #D8D1AE;
	}

.headingbar-more a:hover, .headingbar-more a:visited:hover {
	color: #fff;
	}

.headingbar h2 {
	padding: 9px 0 9px 24px;
	margin: 0;
	font-size: 24px;
	font-family: 'Quattrocento', 'Times New Roman', Times, serif;
	font-weight: normal;
	color: #fff;
	}

.headingbar-arrowdown {
	position:absolute; left: 24px; bottom: -24px
	}

.headline {
	padding: 10px 12px 10px 26px;
	}

.newsthumb {
	width: 113px; float: left;
	}

.newsthumb img {
	border: 2px solid white;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	}


.newstext {
	font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 18px;
	margin-left: 123px
	}


/*.newstext span, */ td.event-description span, td.event-date span {
	display: block; text-transform: uppercase; font-size: 10px; color: #967F56; font-weight: normal; font-family: Verdana, Geneva, sans-serif;
	line-height: 15px; padding-bottom: 2px
	}

#newsactions {
	text-align: right; float: right; width: 120px
	}

#newsactions img {
	border: none;
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
	}

.news-text {
	margin-left: 30px;
	}

.even {
	background-color: #E6DCCE
	}

.clearleft {
	clear: left
	}

.calendartable {
	width: 90%;

	margin: 10px 10px 10px 24px;
	}

.calendartable tr {
	border-bottom: 1px solid #ABA188;
	}

.calendartable td {
	padding: 8px 8px 16px 0px;
	}

.event-date {
	text-align: center;
	vertical-align: middle;
	font-size: 28px;
	font-family: 'Quattrocento', 'Times New Roman', Times, serif;
	width: 40px;
	}


td.event-date span {
	font-size: 13px; font-weight:normal;

	}


td.event-description {
	vertical-align: top;
	font-size: 12px;
	line-height: 15px;
	padding-left: 10px
	}


	#calendar{
				margin: 0px auto;
			}
			#calendar h1{
				margin: 0 0 30px 0;
			}
			.todayevent, .event{
				border-width: 1px;
				border-style: solid;
				padding: 0 0 30px 0;
			}
			.event{
				padding: 20px 0 0 0;
			}
			.event{
				border: none;
			}
			.eventbuttons{
				float: left;
				/*line-height: 26px;*/
			}



.todayblip {
	  margin-left: -31px;
	  margin-top: -1px;
	  margin-bottom: 10px;
	  padding: 5px 18px 12px 50px;
	  font: 8pt 'Verdana', 'Helvetica', sans-serif;
	  font-weight: bold;
	  text-transform: uppercase;
	  }

			.todayeventdesc {
				float: left;
				width: 400px;
			}
			.eventdesc {
				float: left;
				width: 400px;
			}
			.todayeventdesc p, .event p {
				padding-right: 20px;
			}
			.todayeventimg {
				float: left;
				width: 126px;
				text-align: right;
				margin-top: 40px;
			}
			.todayevent h2 {
				font-size: 14pt;
				margin-bottom: 10px;
				margin-top: 38px;
			}
			.event h2, .eventdateday {
				font-size: 12pt;
				margin-bottom: 10px;
			}
			.todayevent h3, .event h3 {
				font: 8pt 'Verdana', 'Helvetica', sans-serif;
				text-transform: uppercase;
			}
			.todayeventdate {
				float: left;
				text-align: center;
			}
			.eventdate {
				float: left;
				padding: 0 40px 0 25px;
				text-align: center;
			}
			.todayeventdate h3, .eventdatemonth, .todayeventdatemonth {
				font: 8pt 'Verdana', 'Helvetica', sans-serif;
				font-weight: bold;
				text-transform: uppercase;
			}
			.todayeventdate h2, .eventdateday, .todayeventdateday {
				margin-top: -4px;
				font: 20pt 'Verdana', 'Helvetica', sans-serif;
			}
			.calendarbutton {
				text-decoration: none;
				display: block;
				text-align:center;
				width: 10em;
				padding: 4px 12px;
				border-width: 1px;
				border-style: solid;
				font: 10px 'Verdana', 'Helvetica', sans-serif;
				text-transform: uppercase;
				margin-bottom: 4px
			}
			.calendarbutton:hover{
				text-decoration: none;
			}

			.todayeventdesc .calendarbutton {
				display:inline-block;
				margin-right: 20px
				}




/* SHARED PROFILES
-----------------------------------------------------------------------------*/

.profilequote p{
	margin-left: 75px;
	margin-right: 40px;
}
.profilequoteleft{
	float: left;
	width: 60px;
}
.profilequoteright{
	float: right;
	margin-top: -160px;
}
.profilequoteleft, .profilequoteright{
	font: 100pt Georgia;
	font-style: italic;
	color: #a3bdca;
}

/* FOOTER
-----------------------------------------------------------------------------*/

#footer {
	color: #aec5e3;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	background: #21456f url(https://secure.aces.illinois.edu/shared/framework/v2/styles/shared-images/local-footer-bgrd.gif) top right repeat-y;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 12px;
	position: relative;
	height: 200px
	}



#localfooter {
	width: 490px;
	float: right;
	padding: 25px 0 10px 0;
	line-height: 16px;
	}


#localsocialicons {
	margin-right: 15px;
	float: right;
	width: 90px;

	}

#localsocialicons img {
	padding: 3px;
	border: 1px solid #5F7587;
	}

#localsocialicons img:hover {
	border: 1px solid #fff;  }

#localinfo {
	margin: 0 90px 10px 30px;
	}

#stndfooter {
	margin: 0 500px 10px 30px;
	padding: 25px 0 10px 0
	}

#stnd-contact {
	width: 45%; float: right
	}


#stnd-recruit {
	margin-right: 50%
	}


#univfooter {
	clear: both;
	background-color: #192030;
	color: #908f8f;
	padding-left: 30px;
	text-transform:uppercase;
	font-size: 9px;
	position: absolute;
	left: 0; bottom: 0; width: 930px
	}


#drupallogin {
	float: right;
	width: 120px;
	padding: 5px 30px 5px 0;
	background: url(https://secure.aces.illinois.edu/shared/framework/v2/styles/shared-images/login_bgrd.jpg) top right no-repeat;
	text-align: right
	}

#univfooter a { display: inline-block; padding: 6px 0; padding-right: 12px }

#univfooter #drupallogin a {
	padding: 0;
	}

#stndfooter ul {
	margin: 0; padding: 0; padding-top: 18px; font-size: 10px;
	list-style-type:none;
	}

#stndfooter ul li {
	padding-bottom: 8px;
	}

#footer address {
	font-size: 10px;
	padding-top: 4px;
	margin-left: 0;
	line-height: 14px;
	}

#localsocialicons img {
	margin-left: 4px; margin-bottom: 3px}


#footer a:link { text-decoration: none;
	color: #aec5e3
 	}


#footer a:visited {
	color: #C6D1CC; text-decoration: none; }

#footer a:hover, #footer a:visited:hover {
	text-decoration: underline;
	color: #fff;
	}