/* CSS Document */
#homebottom
{
background-image: url(images/greystuff.gif);
background-repeat: no-repeat;
width: 1022px;
max-width: 1022px;
margin: -10px 0px 0px 0px;
padding-left: 0px;
}

#left
{
font-family:Arial, Helvetica, sans-serif;
float: left;
width: 27.5em;
max-width: 27.5em;
margin: 0 0 0 .5em;
padding-left: 1.8em;
line-height: 1em;
}
* html #left {
/*
_margin: 0 0 0 1em;
_padding-left: .8em;
*/
}

#left a:link, #left a:visited {color:#FF6600; text-decoration:none;}
#left a:hover, #left a:active {color:#000000; text-decoration: none;}

.left_copy {
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 1.5em ; /* 1.75em; */
float: left;
width: 27em;
max-width: 27em;
margin: 2em 0em 0em 1.5em;
}
* html #left {
/*
_margin: 2em 0em 0em 1em;
*/
}
.rss {
line-height: 1.75em;
font-size: .9em;
float: left; 
margin-top: 2em;
margin-left: 1.75em;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
* html .rss {
/*
_font-size: .85em;
_margin-left: 1em; 
*/
}

.news_story_title {color:#FF6600; text-decoration: none; font-weight: bold; margin-bottom: 0em; padding-bottom: .5em;}

.right_copy {
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;/*.95em; */
line-height: 1.5em;
float: left;
width: 420px;
max-width: 420px;
margin: 0em 0em 0em 0em;
}
.right_copy a:link, .right_copy a:visited {color:#0070CC; text-decoration: none;}
.right_copy a:hover, .right_copy a:active {color:#6666CC; text-decoration: none;}

#right
{
font-family: Arial, Helvetica, sans-serif;
float: left;
width: 26em;
max-width: 26em;
margin-left: 3.5em;
line-height: 1em;
padding: 1em 0em 2em .5em;
text-align:left;
}
.right_uiuc a:link,.right_uiuc  a:visited {color:#666666; text-decoration:none;}
.right_uiuc a:hover,.right_uiuc  a:active {color:#666666; text-decoration: none;}
* html #right {
_margin-left: 1em;
}

/* ^ home page ^ */
body {
background-image: url(images/body_background.gif);
background-repeat:repeat-y;
background-position: center bottom;
margin: 0em;
padding: 0em;
}
    
#container
{
width: 1022px;
max-width: 1022px;
margin: 0px auto;
color: #666666;
line-height: 130%;
}

h1 {
display: none;
}

a:link, a:visited {color:#666666; text-decoration:none;}
a:hover, a:active {color:#666666; text-decoration: none;}


/*----------------------------------------------------------------------------------------------------  */
/*---------------------------------- Top Banner Navigation -------------------------------------------  */

#topbanner
{
/*background-image: ;*/
background-repeat: no-repeat;
background-color: #ffffff;
height: 72px;
z-index: 2;
}

#topbanner_bottom
{
/* between ENGINEERING AT ILLINOIS and blue bar */
z-index: 5;
position: relative;
background-image:url(images/header_bottom.jpg);
background-repeat:repeat-x;
/* _height: 33px; */
height: 1.9em;
color: #ffffff;
padding-left: 25px;
padding-top: 8px;
font-family:Arial, Helvetica, sans-serif;
font-size: .85em;
letter-spacing: .08em;
margin: -21px 0px 0px 0px;
}
* html #topbanner_bottom {
_margin: -67px 0 0 0;  /* only for IE */
}
a.mainnavlinks:link, a.mainnavlinks:visited { color:#FFFFFF; font-weight: bold; text-decoration: none; }
a.mainnavlinks:hover, a.mainnavlinks:active { color:#CCCCCC; font-weight: bold; text-decoration: none; }

a.mainnavlinks_right:link, a.mainnavlinks_right:visited { color:#FFFFFF; text-decoration: none; }
a.mainnavlinks_right:hover, a.mainnavlinks_right:active { color:#CCCCCC; text-decoration: none; }

/*----------------------------------------------------------------------------------------------------  */
/*------------------------------------ GIVING LINK ---------------------------------------------------  */

#giving {
	position: relative;
	width:4em;
	height: 21px;
	left: 532px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform: uppercase;
	font-size: .7em;
	top: -17px;
	z-index: auto;
}
* html #giving {
	_top: -65px;
}

a.giving:link, a.giving:visited { color:#FFFFFF; text-decoration: none; }
a.giving:hover, a.giving:active { color:#CCCCCC; text-decoration: none; }

/*----------------------------------------------------------------------------------------------------  */
/*---------------------------------------------- SEARCH  ---------------------------------------------  */

#search {
	text-align: right;
	width: 377px;
	margin: 0px 0px 0px 0px;
	position: relative;
	top: -37px;
	left: 630px;
	right: 0px;
	/*background-color: ;*/
	height: 0px;
	_height: 0px;
}
/*----------------------------------------------------------------------------------------------------  */
/*------------------------------------ MAIN PICTURE --------------------------------------------------  */

#mainpicture
{
/* between blue bar and image */
/* background-position: 0px 312px; */
position: relative;
background-color: #ffffff;
border-bottom: url(images/lightgreyline.jpg.html);
/* height: 322px; */
margin-bottom: 10px;
margin-top: relative;
margin-top: -1px;
/* margin-top: 3px; /* IE 7 */
z-index: 1;
}
* html #mainpicture{
_margin-top: -34px; /* only for IE */
/* _margin-top: 60px; /* only for IE */
}

#mainpicture_alumni
{
background-position: 0px 312px;
background-color: #ffffff;
border-bottom: url(images/lightgreyline.jpg.html);
height: 196px;
margin-top: -1px;
/* _margin-top: 3px; /* IE 7 */
}
* html #mainpicture_alumni {
_margin-top: -34px; /* only for IE */
}

/*----------------------------------------------------------------------------------------------------  */
/*------------------------------------------- BOTTOM -------------------------------------------------  */

#bottom
{
background-image: url(images/greystuff.gif);
background-repeat: no-repeat;
width: 1022px;
max-width: 1022px;
margin: -1px 0px 0px 0px;
padding-top: 20px;
/* padding-top: 40px; /* IE 7 */
padding-left: 60px;
}
* html #bottom {
_margin: -35px 0px 0px 0px;
padding-top: 40px;
_padding-left: 0px;
}

#bottom_alumni
{
background-image: url(images/greystuff_alumni.jpg);
background-repeat: no-repeat;
width: 1022px;
max-width: 1022px;
margin: -1px 0px 0px 0px;
_margin: -10px 0px 0px 0px;
padding-top: 1px;
_padding-top: 20px;
padding-left: 0px;
_padding-left: 0px;

}

#bottom_alumni_lvl2
{
background-image: url(images/greystuff.gif);
background-repeat: no-repeat;
width: 1022px;
max-width: 1022px;
margin: -1px 0px 0px 0px;
_margin: -35px 0px 0px 0px;
padding-top: 17px;
_padding-top: 20px;
padding-left: 0px;

}

#bottom_alumnicontent
{
position: relative;
top:-30px;
width: 100%;
padding-top: 0px;
padding-left: 88px;
_padding-left: 0px;
_top:0px;
_left: 40px;
}

/*----------------------------------------------------------------------------------------------------  */
/*------------------------------------- LEFT-SIDE OF HOMEPAGE ----------------------------------------  */



                         /*--------------------LEFT NAV----------------------------*/
						 				 
/* LEFT NAVIGATION STYLES*/

#leftnav
{
font-family: Arial, Helvetica, sans-serif;
float: left;
width: 11em;
_width: 9em;
max-width: 11em;
_max-width: 9em;
margin: 0 -40px 0 0;
_margin: 0 -17px 0 2.5em;
padding-left: 0px;
line-height: 1em;
}


ul.leftnav  {list-style-type: none; margin: 10px -20px 0px 0px; line-height: 1em; text-transform: uppercase;}
* html ul.leftnav {list-style-type: none; margin: 0px -20px 0px 0px; padding-top: 0px; line-height: 1.25em; text-transform: uppercase;}
li.leftnav  {padding: 0px 0px 0px 0px; margin-top: 0px; margin-right: 1.25em; border-bottom: 1px solid #cccccc;}
* html li.leftnav {padding: 0px 0px -10px 0px; margin-top: 0px; border-bottom: 1px solid #cccccc;}

ul.subnav  {list-style-type: none; margin: -13px 0px 13px -20px; line-height: .6em; }
* html ul.subnav {list-style-type: none; margin: 0px 0px 10px 20px; padding-top: 0px; line-height: 1em; }
li.subnav  {padding: 0px 0px 0px 0px; margin-top: 0px; text-transform: capitalize; }
* html li.subnav {padding: 0px 0px -10px 0px; margin-top: 0px; text-transform: capitalize; }

#leftnav a:link, #leftnav a:visited {color:#FF6600; font-size: .75em; text-decoration:none; font: Arial, Helvetica, sans-serif;}
#leftnav a:hover, #leftnav a:active {color:#000000; font-size: .75em; text-decoration: none; font: Arial, Helvetica, sans-serif;}

/* END OF LEFT NAVIGATION STYLES */

						/*-------------------------------------------------------------*/

				 
						 
.left_nav_copy {
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 1.75em;
float: left;
width: 27em;
max-width: 27em;
margin: 0em 0em 0em 1.5em;
_margin: 0em 0em 0em 1em;
}


.img_topstory { 
text-align: left;
vertical-align:text-top;
padding-right: 15px;
padding-top: 15px;
float: left;
}

/*----------------------------------------------------------------------------------------------------  */
/*-------------------------------- RIGHT-SIDE OF HOMEPAGE --------------------------------------------  */


#right_content
{
border-left: 1px solid #CCCCCC;
font-family: Arial, Helvetica, sans-serif;
float: left;
width: 36em;
max-width: 36em;
margin-left: 2.5em;
_margin-left: 1em;
margin-bottom: 1.5em;
_margin-bottom: 0;
line-height: 1.5em;
padding: 1em 0em 0em .5em;
}

a:link, a:visited, .r_content_copy a:link, .r_content_copy a:visited {color:#0066cc; text-decoration: none; }
a:hover, .r_content_copy a:hover, .r_content_copy a:active {color:#FF6600; text-decoration: none; }

.right_uiuc { font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; font-size: .85em; margin: 0 0 .1em 0; padding-left: 20px;  }

.r_content_copy {
font-family:Arial, Helvetica, sans-serif;
font-size: .95em;
line-height: 1.75em;
margin: 0em 0em 0em 0em;
}

#alumni_toplinks {
	position: relative;
	top: 40px;
	right: -310px;
	_position: absolute;
	_top: 0px;
	_right: 0px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .65em;
	width: 50em;
	text-align: right;
	}

.alumni_toplinks a:link, .alumni_toplinks a:visited {color:#FF6600; font-size: .9em; text-decoration:none; font: Arial, Helvetica, sans-serif;}
.alumni_toplinks a:hover, .alumni_toplinks a:active {color:#000000; font-size: .9em; text-decoration: none; font: Arial, Helvetica, sans-serif;}


#page_header {
font-size::5em;
color:#FF6600;
padding-left: 30px;
padding-right: 30px;
_position: relative;
_left: 5em;
width: 52em;
_width: 52em;
_padding-left: 0px;
_padding-right: 0px;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size: 1.4em;
text-transform: uppercase;
color:#FF6600;
border-bottom: .25em #cccccc solid;
}
#alumni_toplinks+h2{
margin-top: -0.5em;
}

h4 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1em;
color: #FF6600;
text-transform: capitalize;
border-bottom: 1px solid #CCCCCC;

}
#line_above {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1em;
color: #FF6600;
text-transform: capitalize;
padding-top: 1em;
border-top: 1px solid #CCCCCC;
}

hr { background-color: #e2e2e2; border:0; }
* html hr { background-color: #e2e2e2; height: 1px; }

.main_img {margin-top: -1em; padding-bottom: 1em;}

/*----------------------------------------------------------------------------------------------------  */
/*----------------------------------- ALUMNI ALUMNI ALUMNI ALUMNI ------------------------------------  */

#featured_alumnus
{
font-family: Arial, Helvetica, sans-serif;
color: #666666;
border-bottom: 1px solid #CCCCCC;
margin-left: 0px;
margin-top: 0em;
padding-top: 0em;
padding-bottom: 1em;
text-align: left;
vertical-align: top;
float: left;
}

.featured_alumnus_pic { margin: 0 1em .5em 0; float: left; left: 50px; text-align: left; }

.featured_alumnus_info
{
width: 5em;
line-height: 1.25em;
font-family: Arial, Helvetica, sans-serif;
font-size: .85em;

}


/*----------------------------------------------------------------------------------------------------  */
/*--------------------------------------------- NEWS -----------------------------------------------  */
#news_section {
text-transform: uppercase;
}
#story-1, #story-2, #story-3, #story-4, #story-5
{
clear: both;
color: #666666;
width: 600px;
border-bottom: 1px solid #CCCCCC;
margin-left: 0px;
margin-top: .5em;
padding-top: 1em;
padding-bottom: 1em;
line-height: .95em;

}

.news_story
{
clear: both;
color: #666666;
width: 450px;
margin-left: 0px;
line-height: .95em;

}

.news_picture { margin: 0 .5em .1em 0; float: left; text-align: left;}

.news_copy 
{
padding-top: 0em;
line-height: 1.25em;
_float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: .95em;
_margin-left: .2em;
_height: 0px;
}

.news_story_title a:link, .news_story_title a:visited {color:#FF6600; text-decoration: none; font-weight: bold; font-size: 1.15em;}
.news_story_title a:hover, .news_story_title a:active {color:#000000; text-decoration: none; font-weight: bold; font-size: 1.15em;}

.news_story a:link, .news_story a:visited {color:#0066CC; text-decoration: none;}
.news_story a:hover, .news_story a:active {color:#FF6600; text-decoration: none;}

                         /*-------------------- NEWS ARTICLES ----------------------------*/
#news_top {padding-bottom: 3em;;}
.news_story_title {color:#FF6600; text-decoration: none; font-weight: bold; font-size: 1.15em; margin-bottom: -.7em;}

#news_story_credits 
{
line-height: 1.25em;
_float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: .75em;
_margin-left: .2em;
_margin-right: 2em;
_height: 0px;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
padding: 0 0 1em 0em;
_padding: 0 0 6em 0em;

}


#news_photocaption1 {font-family: Arial, Helvetica, sans-serif; font-size: .85em; width:300px; line-height: 1.25em; padding-bottom:1em;}
.photocaption_pic2 { padding-bottom: 1em; }
.news_photocaption2 { padding-top: 2em;
font-family: Arial, Helvetica, sans-serif; font-size: .85em; width: auto; line-height: 1.25em; padding-bottom:1em;}

#news_copy 
{
line-height: 1.25em;
font-family: Arial, Helvetica, sans-serif;
font-size: .95em;

}

                         /*-------------------- NEWS ARTICLES ----------------------------*/

/*----------------------------------------------------------------------------------------------------  */
/*----------------- FEATURED HEADERS (headlines, featured news, top story, etc.) ---------------------- */

h3 {
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 1em;
color:#FFFFFF;
text-transform: uppercase;
}

.feature_header { 
/*	width: 100%; 
	padding:0em 0.6em;
	margin: 0; 
	list-style-type: none; 
	border-bottom: thin #cccccc solid;
*/
	padding-left: 1.25em; 

	 }

.feature_header_title {
	margin: 2em 0 0 1.5em ;
	display:inline; 
	float:left; 
	max-width: 10em; 
	background-image:url(images/orngtags.jpg.html); 
	text-decoration:none; 
	 
	color: #ffffff; 
	text-transform: uppercase; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: .8em; 
	font-weight:bold; 
	}

.feature_header_titleangle { 
	margin-top: 2em;	
	float: left; 
	width:3em; 
	background-image:url(images/orngtags_angle.gif.html);
	background-repeat:no-repeat;
	/*background-position:; */
	color: #ffffff; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: .85em; 
	_font-size: .86em;/* IE SPECIFIC  */
	font-weight:bold;
	 }

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

#footer
{
font-family: Arial, Helvetica, sans-serif;
font-size: .7em;
clear: both;
color: #666666;
width: 820px;
border-top: 1px solid #CCCCCC;
margin-left: 30px;
_margin-left: 80px;
margin-top: 2em;
padding-top: 1em;
padding-bottom: 3em;
text-align: left;
line-height: .95em;
}

.footer_uiuc { margin: 0 0 .1em 0; float: left; text-align: left; }

.footer_copy 
{
line-height: 1.25em;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: .85em;
margin-left: 1em;
}


.footer a:link, .footer a:visited {color:#666666; text-decoration: none;}
.footer a:hover, .footer a:active {color:#0066CC; text-decoration: none;}


/*----------------------------------------------------------------------------------------------------  */
/*- Search Google -*/
.searchbutton { background-color: #ff6600; border: 1px #FFFFFF; font-size: 75%; color:#FFFFFF; cursor : hand; height: 18px; width: 18px; }

/*----------------------------------------------------------------------------------------------------  */
/*--------------------------------------------- HEADLINES -----------------------------------------------  */

h5, .headline {
   border-bottom: 1px solid #c3c5c7;
   width: 28.2em;
   text-transform: uppercase;
   font-size: 0.9em;
   /*text-indent: 6px ;*/
   font-family: Arial, Helvetica, sans-serif;
   margin-bottom: 4px;
   line-height: 1.1em;
}
.headline b,h5 b{
   letter-spacing: 0.1em;
   background-color : #e75219;
   padding: 2px 84px 0px 6px;
   color: #ffffff;
   background-repeat: no-repeat;
   background-position: bottom right;
   background-image: url(../../images/fh_angles-tallest4.gif);
}
.headline b a ,.headline b img,
#left .headline b a:link,#left  .headline b a:hover,#left  .headline b a:visited,
h5 b a, h5 b img{
   border: 0px;
   color: #ffffff;
   text-decoration:none;
}