﻿* {
	margin:0;
	
	}

html
{
	/*height:100%;*/
	margin:0;
	
	}

p 
{
    padding-bottom:15px;
}
img 
{
    border:none;
}

	.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		.white_content {
			display: none;
			position: fixed;
			top: 20px;
			left: 20px;
			width: 720px;
			height: 485px;
			padding: 16px;
			border: 16px solid orange;
			background-color: white;
			z-index:1002;
			overflow: auto;
		}
		
body
{
    background-color:White;
	margin:0px;
	padding:0px;
	font-family:Helvetica, Arial, sans-serif;
 	font-size: 75%;
 	color:#515151;
	height:100%;
	/*text-align:center;*/
	background-repeat:repeat;
	}

a:link
{
    text-decoration:none;
    color:#515151;
}

a:visited
{
    text-decoration:none;
    color:#515151;
}
a:hover
{
    text-decoration:underline;
    color:#515151;
}
a:active
{
    text-decoration:none;
    color:#515151;
}

#page_container
{
	
    /*height: 100%; /* For IE */
	background-repeat:repeat-x;
}

#container
{
   
	position:relative;
	width:800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	min-height: 100%;  /*For Modern Browsers */
    /*height: auto !important; /* For Modern Browsers */
    /*height: 100%; /* For IE */
    background-repeat:repeat-y;
	
}

#content
{
    
    width:100%;
	padding-bottom:65px;*/
	text-align:left;
    /*min-height: 100%;  /*For Modern Browsers */
    /*height: auto !important; /* For Modern Browsers */
    /*height: 100%; /* For IE */
  
}

#leftcolumn *
{
    padding:0;
    margin:0;
}

#leftcolumn
{
    position:relative;
    width:200px;
    background-color:Gray;
    /*min-height: 100%;  /*For Modern Browsers */
    /*height: auto !important; /* For Modern Browsers */
    /*height: 100%; /* For IE */
    float:left;
}

#unionlogo
{
    position:relative;
    width:100%;
    background-color:White;
    height:140px;
    margin:0px auto;
    /*text-align:center;
    vertical-align:middle;*/
    padding-top:5px;
}

span#IMark a {
	background: url(../images/i-mark.gif);
	position: absolute;
	margin-left:70px;
	margin-top:40px;
	
	height: 58px;
	width: 45px;
}

span#IMark a:hover, span#IMark a:focus {
	background-position: -45px;
}

#navigation
{
    position:relative;
    width:100%;
    min-height: 100%; /* For Modern Browsers */
    height: auto !important; /* For Modern Browsers */
    height: 100%; /* For IE */
    
}

#links_heading
{
    font-size:115%;
    font-weight:bold;
    text-align:center;
    padding-top:15px;
    padding-bottom:10px;
}

#quick_links
{
    padding-left:15px;
    padding-right:10px;
   
}

#quick_links li
{
    list-style:none;
    padding-bottom:3px;
}

#quick_links2
{
    padding-left:15px;
    padding-right:10px;
   
}

#quick_links2 li
{
    list-style:none;
    padding-bottom:3px;
}

#rsoquick_links
{
    padding-left:15px;
    padding-right:10px;
   
}


#aux_links
{
	padding-left:10px;
    padding-top:10px;
    padding-right:10px;

}

#aux_links li
{
    padding-bottom:3px;
}

#rightcolumn
{
    position:relative;
    width:600px;
    /*min-height: 100%;  /*For Modern Browsers */
    /*height: auto !important; /* For Modern Browsers */
    /*height: 100%; /* For IE */
    float:left;
}
#topcontent
{
    position:relative;
    width:100%;
    min-height:135px;
    height:auto !important;
    height:135px;
    padding-top:10px;
    color:White;
}

#searchtext
{
    position:relative;
    width:300px;
    float:right;
    text-align:right;
    vertical-align:middle;
    
}
#searchbox
{
    position:relative;
    width:240px;
    float:right;
    text-align:right;
    padding-right:10px;
		padding-top:0px;
}

div.gsc-control-cse gsc-control-cse-en,
div.gsc-control-wrapper-cse,
div.gsc-above-wrapper-area,
div#___gcse_1
{
	margin-top: 0px;
	padding-top: 0px;
}
div#searchbox {

}
form.gsc-searchbox {}
input.gsc-input {

}
input#gsc-i-id1 {

}

div#searchbox table {margin-top: 3px;}
div#searchbox td.gsib_a {
	
}

div#searchbox td.gsib_b {

}

input.gsc-search-button gsc-search-button-v2 {padding-top: 0px; margin-top: 0px;}

#uiuc_text
{
  position:relative;
  float:right;
  text-align:left;
  font-family: Arial;
  width:245px; 
  height:50px; 
  padding-top:10px;
  padding-right: 10px;
  font-size: 10pt;
}
#uiuc_text a
{
    color:White;
}

#uiuc_text_header
{
    letter-spacing:0.3em;
    text-transform:uppercase;
    font-weight: bold;
    font-family:'Arial CYR';
    font-size: 18pt;
}
#uiuc_text_header2
{
    font-family: 'Arial Narrow';
}

#uiuc_logo
{
    position:relative;
    float:right;
    text-align:right;
    padding-right:10px;
    width: 55px;
}

#uiuc_logo img
{
    border:0;
}
    
#topnavigation
{
    position:absolute;
    width:100%;
    height:20px;
    bottom:0px;
    bottom:-1px !important;
    left:0px;
    background-color:#DCE1E4;
    color:#515151;
    text-align:center;
    padding-top:3px;
    font-size:11px;
}

#topnavigation li
{
    list-style:none;
    display:inline;
    padding-left:15px;
    
}

#maincontent
{
    position:relative;
    width:100%;
    min-height:600px;
    background-image:url("../images/cupola.gif");
    background-repeat: no-repeat;	
	background-position: bottom right;

}

#maincontent a
{
    font-weight:bold;
}

	
#footer * 
{
	margin:0;
	padding:0;
}
	
#footer
{
	position:absolute;
	bottom: 0;
    text-align:left;
    width:100%;
    height:65px;
    padding-top: 5px;
    color:White;
}

#footer a:link 
{
    color:White;
}

#footer a:visited 
{
    color:White;
}

#footer a:hover
{
    color:White;
    text-decoration:underline;
}

#footer a:active
{
    color:White;
}

	
#address
{
    width:450px;
    text-align:left;
    float:left;
    margin-left:5px;
}

#date
{
    width:250px;
    text-align:right;
    float:right;
    margin-right:5px;
    margin-top: 5px;
}

#copyright
{
    width:450px;
    text-align:left;
    float:left;
    font-size:80%;
    color:#D8D6D7;
    margin-left:5px;
    margin-top:3px;
}

#bottom_links
{
    width:325px;
    text-align:right;
    float:right;
    margin-right:5px;
    margin-top: 0px;
}

#bottom_links li
{
    display:inline;
    list-style:none;
    border-right:solid 1px White;
    padding-left:5px;
    padding-right:2px;
}

.clear
{
	clear:both;
}

h1 
{
    font-size: 180%;
    font-family: 'Comic Sans MS';
    
}
.h1_first_page
{
   font-size: 40px;
    text-transform:uppercase;
    font-weight:lighter;
    font-family:'Castellar',Georgia, 'Times New Roman', Times, serif; 
   /* letter-spacing:0.3em;*/

}
.h1_first_letter
{
    font-size: 48px;
}

h2
{
    font-size:140%;
    font-family: 'Comic Sans MS';
}

.h2_first_page
{
    font-size:20px;
    text-transform:uppercase;
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-weight:lighter;
}
.h2_first_letter
{
    font-size: 25px;
}

h3
{
    font-size: 120%;
    font-family: 'Comic Sans MS';
}

.h3_first_page
{
    font-size:120%;
    font-family: Helvetica ,'Helvetica Light Condensed',Arial;
    font-weight:bold;
}

h4
{
    font-size: 105%;
    font-family: 'Comic Sans MS';
}
.quick_links
{
    font-size:110%;
    font-weight:bold;
    text-align:center;
}

.main_container
{
    padding:15px;
}

.head_container
{
    text-align:center;
    font-family: 'Comic Sans MS';
}

.table_padding5px td
{
    padding-top:5px;
    padding-bottom:5px;
    
}

.table_padding5pxall td
{
    padding:5px;
}

.table_padding5pxall th
{
    padding:5px;
}

.sub_menu
{
    padding-right:10px; 
    padding-left: 10px; 
    padding-top: 15px; 
    padding-bottom:20px; 
    float:right; 
    width:37%; 
    border-left:solid 1px gray; 
    font-size: 90%;
}

.sub_menu a 
{
    font-weight:normal;
}

.list_style li
{
    padding-bottom:8px;
}
.list_style_short li
{
    padding-bottom:3px;
}

.padding_5px
{
    padding:5px;
}

.calendarStyle
{
    
}

.calendarHeaderStyle
{
   height:26px;

}

.calendarRowStyle
{
    background-color:#DCE1E4;
}

.calendarAlternatingRowStyle
{
    background-color:Silver;
}

.calendarButton
{
   
}

.calendarEventHeading
{
    font-weight:bold;
    font-size:110%;
}



/* Inactive days of the month that show up */
.AjaxCalendar .ajax__calendar_other .ajax__calendar_day,
.AjaxCalendar .ajax__calendar_other .ajax__calendar_year
{
 color: white;
}
.AjaxCalendar  .ajax__calendar_container 
{
 border:1px solid #646464;
 background-color:white;
 color:black;
}

.solid-green{

background:#5B9B63;
color:#FFFFFF;
font-weight:bold;
padding:1px;
text-align:center;
font-size:10pt;
}

#goGreen
{
	position:relative;
    width:100%;
    /*min-height:800px;
	background-image:url("../images/GoGreen/cupola_small.gif");
    background-repeat: no-repeat;	
	background-position: bottom right;*/
	z-index:1;
}

#goGreen_top
{
	
	width: 100%;
	 position:relative;
}

#goGreen_topleft
{
	width:49%;
	 position:relative;
	 float:left;
	 margin-left:10px;
	  
}

#goGreen_topright
{
	width:49%;
	 position:relative;
	 float:left;
	 
	 
}

#goGreen_bottom
{
	
	width: 100%;
	 position:relative;
	 float:left;
	  
}

#goGreenmaincontent
{
    position:relative;
    width:100%;
    min-height:650px;
    background-image:url("../images/GoGreen/go_green_bkgrnd2.jpg");
    background-repeat: no-repeat;	
	background-position: top left;
	z-index:2;

}

#goGreenFacts
{
    position:relative;
    width:100%;
    
    background-image:url("../images/GoGreen/cupola.gif");
    background-repeat: no-repeat;	
	background-position: bottom right;
	z-index:1;

}

#welcomeweek
{
    padding: 25px;
    color: #573313;
    background-color: white;
    min-height: 380px;
    font-family: Georgia;
}

.welcomeweekTitle
{
	color:#bc226b;	
}

.welcomeweekBannerBG
{
	background-image:url("../images/Welcomeweek/WW-header-bkgrnd_desktop.jpg");
	 height: 149px;
	 width:100%;
	 text-align: center;
}

.welcomeweekBannerMobile
{
	display: none;
}

.welcomeweekBannerDesktop
{
	/*background-image:url("../images/Welcomeweek/WelcomeWeek2011.jpg");*/
	 height: 149px;
	 width:600px;
	 text-align: center;
}

.welcomeweekButtonMobile
{
    display: none;
}



.welcomeweekTopBanner
{
	display: none;
}

.welcomeweekDetail
{
	color:#573313;	
}

#welcomeweek { color:#707070;}

#welcomeweek h1{color:#181a48; font-family: Georgia;}
#welcomeweek h2{color:#181a48;  font-family: Georgia;}
#welcomeweek h3{color:#181a48;  font-family: Georgia;}

#welcomeweek .bottomLine
{
	border-bottom: dotted 1px black;
	
}



.txtBox 
{
    BORDER-RIGHT: 0px solid; 
    BORDER-TOP: 0px solid; 
    FONT-SIZE: 12px; 
    BORDER-LEFT: 0px solid; 
    BORDER-BOTTOM: 1px solid; 
    TEXT-ALIGN: left; 
}



#alumniSocietyMainPage
{
	position:relative;
    width:100%;
   
	z-index:1;
}

#banner_image
{
	position:relative;
  float:right;
  text-align:left;
  font-family: Arial;
  width:245px; 
  height:50px; 
  padding-top:10px;
  padding-right: 5px;
  
	
}

#banner_text
{
 position :relative;
  float:left;
  text-align:center;
  font-family: Arial;
  width:300px; 
  height:50px; 
  padding-top:10px;
  
  font-size: 8pt;
 
	
}

#TechZoneRepair
{
  display: block;
  width: 170px;
  height: 48px;
  background: url("../images/FlashDrive/RepairForm.png") no-repeat 0 0;

}

#TechZoneRepair:hover
{ 
  background-position:0 -48px;
}

#TechZoneRepair span
{
  position: absolute;
  top: -999em;
}


ol.TypeA 
{
	list-style-type: upper-alpha;
	margin-left: 0;
	padding-left: 2.5em;
}

ol.TypeA li 
{
	padding-top: .5em;	
}

ol.TypeA ol 
{
	list-style-type: decimal;
	margin-left: 0;
	padding-left: 2.5em;
}