@charset "utf-8";
/* CSS Document */

/* GENERAL PAGE STYLES */

* {margin: 0; padding: 0;}

html {font-size: 100%;}

html { overflow-y:scroll; }

body {
	text-align: center;
	font-size: large;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #434343;
}

.mediumspacer {
	height: 10px;
}

.smallspacer {
	height: 5px;
}

.largespacer {
	height: 15px;
}

.wrapper {
	clear: both;
	overflow: hidden;
	font-size: 100%;
	width: 980px;
	margin: 0 auto;
	text-align: left;
	padding: 0;
}


.invisible{
	position: absolute; 
    left: -10000px; 
    width: 1px; 
    height: 1px; 
    overflow: hidden;
}

.clear {clear: both;}

.none {display: none;}

.redtext {color: #FF0000;}

.deepred {color: #990033;}

.boldtext {font-weight:bold;}

p {margin: 0; padding: .5em 0;}

a img, .imglink {border: none;}

h1, h2, h3, h4, h5, h6 {font-family: Georgia, "Times New Roman", Times, serif; margin: 0;}

acronym, abbr {border-bottom: 1px dotted #444; letter-spacing: 1px;}

.left {
	float: left;
    padding: 0 0 2px;
	}

.right {
	float: right;
    padding: 0 0 2px;
}

.center{margin: 0 auto;}

.half{width: 50%;}

.textright{text-align: right;}

.textleft{text-align: left;}

.textcenter{text-align: center;}

.white{ background: white;}

.nobullet{list-style: none;}

.insidebullet{list-style: inside;}

.errorbox{width: 720px;
	display: block;
	padding: 10px;
	background-color: #FFE7E4;
	border:2px solid #CC0000;
	color: #000000;
	
}


.subnavtitle {
	font-weight: bold;
	color: #990033;
}

.listleft {
	float: left;
    padding: 0 0 2px;
    width: 40%;
	}

.listright {
	float: right;
    padding: 0 0 2px;
    width: 40%;
}




/* 宅男研究所 HEADER */

#header {
	display: block;
	min-width: 980px;
	background: #003399 url(https://www.eiu.edu/images08/header_background/header_grad.jpg) top center repeat-x;
}

#headerlogo {
	background: url(https://www.eiu.edu/images08/宅男研究所_logo.gif) top left no-repeat;
	height:54px;
	width: 458px;
	cursor:pointer;
	display: block;
}



#leftheader {
	float: left;
	width: 455px;
	height: 70px;
	padding: 5px 0 0 10px;
}

#leftheader img {
	padding: 0;
	margin: 0;
	border: 0;
}

#leftheader a {
	padding: 0;
	margin: 0;
	border: 0;
}

#rightheader {
	float: right;
	width: 450px;
	margin-right: 0;
	text-align: right;	
}

#rightheader form {
	padding: 0;
	border: 0;
	display: inline;
	font-size: 60%;
}

#rightheader input {
	margin:0;
}

#headertext {
	text-align: right;
	color: #FFFFFF;
	padding-right: 10px;
	padding-top: 5px;
	font: bold 65% Verdana, Arial, Helvetica, sans-serif;
}

#headertext a {
	color: #FFFFFF;
	text-decoration: none;
}

#headertext a:hover {
	text-decoration: underline;
}

#eiusearch {
	padding-top: 15px;
	padding-right: 10px;
	text-align: right;
}
#top_bar{
	clear: both;
	background: url(https://www.eiu.edu/images08/top_bar.gif) left top repeat-x;
	display: block;
	min-height: 5px;
	overflow: hidden;
	height:5px;
}

#ask-eiu-bg {
    width: 995px;
    height: 53px;
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    background: url(https://www.eiu.edu/images08/header_background/askeiu_form_bg.jpg) no-repeat;
}

.ask-eiu-bg-text {
    position: relative;
    margin: 0;
    padding: 5px 10px 0 40px;
    float: left;
    font-family: Times New Roman, serif;
    font-size: 26px;
    font-weight: bold;
    color: #004488;
}

.ask-eiu-bg-text-2 {
    color: #0099cc;
}

.ask-eiu-box {
    position: relative;
    width: 580px;
    height: 20px;
    margin: 10px 0 0 0;
    padding: 0 4px 0 4px;
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #004488;
    border: 1px solid #aaa;
}

#ask-button {
    position: relative;
    width: 48px;
    height: 20px;
    margin: 10px 0 0 6px;
    padding: 0;
    float: left;
    background: #bcdeff;
    border: 1px solid #004488;
}

.ask-button-text {
    position: relative;
    margin: 2px 0 0 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #004488;
    text-align: center;
}

#top-ten-button {
    position: relative;
    width: 66px;
    height: 20px;
    margin: 10px 0 0 6px;
    padding: 0;
    float: left;
    background: #bcdeff;
    border: 1px solid #004488;
}

.top-ten-button-text {
    position: relative;
    margin: 2px 0 0 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #004488;
    text-align: center;
}



#askeiucontainer {
    width: 100%;
    background: #f1ebdc;
    margin-bottom: -5px;
}

#askeiucontent {
    width: 995px;
    position: relative;
    overflow: hidden;
    margin: 0 auto 0 auto;
    padding: 0;

}

/* TOP NAVIGATION */

#topnav {
	display: block;
	width: 100%;
	background: #818388 url(https://www.eiu.edu/images08/topnav_bg.gif) left top repeat-x;
	color: #fff;
	text-align: center;
}

#topnav .wrapper ul {
	margin: 0;
	padding: .3em 0;
	list-style: none;
	text-align: center;
	font: 90% "Clarendon BT", Georgia, "Times New Roman", Times, serif;
	background: #818388 url(https://www.eiu.edu/images08/topnav_bg.gif) left top repeat-x;
}

#topnav .wrapper ul li {
	margin: 0;
	display: inline;
	padding: .3em 0;;
}

#topnav .wrapper ul li a {
	color: #FFFFFF;
	text-decoration: none;
	padding: .3em 1.8em;
	background: #818388 url(https://www.eiu.edu/images08/topnav_bg.gif) left top repeat-x;
}

#topnav .wrapper ul li a:hover {
	color: #003366;
	text-decoration: none;
	padding: .3em 1.8em;
	background: #a5a8af url(https://www.eiu.edu/images08/topnavroll.jpg) left bottom repeat-x;
}


/* BREADCRUMB */

#breadcrumb{
	
	background: #f1ebdc url(https://www.eiu.edu/images08/content_tab_bg.jpg) center top no-repeat;
	display: block;
	font-size: 70%;
	}

#breadcrumb .wrapper{
	background:url(https://www.eiu.edu/images08/tab_left.gif) center bottom no-repeat; 
	height: 25px; 
	padding-top: 15px;
	}

#breadcrumb .wrapper span{
	padding: 5px 15px 14px 10px; 
	background: #fff url(https://www.eiu.edu/images08/tab_right_bg.jpg) right top no-repeat; 
	overflow: hidden;
	}
#breadcrumb a:link, #breadcrumb a:visited{color:#990000;}
#breadcrumb a:hover, #breadcrumb:active{color: black;}

/*  CONTENT  */
#rightcontent .atozbox a, #rightcontent .atozbox a:visited{
    color: black; border:none; font-weight: bold;
}
.content{
	background: #f1ebdc url(https://www.eiu.edu/images08/content_bg.jpg) center top repeat-y;
	display: block;
	}

/* BEGIN LEFTNAV PAGE STYLE */

.onecol {background: #fff;}
.twocol {background: #fff url(https://www.eiu.edu/images08/content_bg2.gif) left top repeat-y;}
.threecol {background: #fff url(https://www.eiu.edu/images08/content_bg3.gif) left top repeat-y;}

/* LEFT NAVIGATION */

#leftnavcontainer {
	float: left;
	width: 185px;
	padding: 0 10px 0 10px;
    font-size: 63%;
	overflow: hidden;
}

#leftnavcontainer p {
	padding: 10px;
	line-height: 1.4;
}

#leftnavcontainer p a {
	color: #434343;

}

#leftnavcontainer h2 {
	padding: 6px 5px;
	color: #ffffff;
	font: 144% Georgia, "Times New Roman", Times, serif;
	background: #023499 url(https://www.eiu.edu/images08/heading_grad.gif) left top repeat-x;
    border: 1px solid #003399;
	width: 183px;
}

#leftnavcontainer h3, #leftnavcontainer h3 a{
	padding: 6px 4px 0 4px;
	color: #990033;
    font-size: 117%;
    font-weight: bold;
}



#leftnavcontainer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#leftnavcontainer ul ul{font-size: 100%;}

#leftnavcontainer li {padding: 0;}


#leftnavcontainer li a {
	color: #000;
	padding: 5px 5px 5px 10px;
	width: 180px;
	text-decoration: none;
	display: block;
}

#leftnavcontainer li a:hover {
	color: #039;
	background: #fff;
    padding: 5px 5px 5px 10px;
	width: 180px;
	display: block;
}
#leftnav img a:hover {
	background: transparent;
}
#leftnavcontainer a.notnav{ padding: 0; margin: 0; font-size: 100%; text-decoration: none; background: none; display: inline;}

#leftnavcontainer a.notnav:hover{ text-decoration: underline; background: none; display: inline;}

#leftnavcontainer ul {font-size: 100%;}

#leftnavcontainer .subnavtitle{
	color: #990033;
    font-size: 100%;
    font-weight: bold;

}

#leftnavcontainer .menu_point_right {
background: url(https://www.eiu.edu/images08/white_arrow_right.jpg) no-repeat;
}

#leftnavcontainer .menu_point_right_tall {
background: url(https://www.eiu.edu/images08/white_arrow_right_tall.jpg) no-repeat;
}

#leftnavcontainer .menu_point_down {
background: url(https://www.eiu.edu/images08/white_arrow_down.jpg) no-repeat;
}

#leftnavcontainer .menu_point_down_tall {
background: url(https://www.eiu.edu/images08/white_arrow_down_tall.jpg) no-repeat;
}


#leftnavcontainer .submenu {
color:#ffffff;
text-decoration:none;
cursor:pointer;
}




/*  1 COLUMN LAYOUT  */

#maincol {
padding: 5px;
padding: 0 10px 0 10px;
font-size: 70%;
}


/*  2 COLUMN LAYOUT  */

#rightcontent {
	width: 740px;
	padding: 0 10px 0 20px;
	float: right;
	font-size: 70%;
}

.content h2 {
    font: 200% Georgia, "Times New Roman", Times, serif;
    vertical-align:top; 
	padding: 0 0 10px;
    color: #990033;
}

#rightcontent h3, #middle-col h3, dt h3, #maincol h3 {
	padding: 10px 0 5px; 
	font-size:120%;
	color: #990033;
}

h4 {font-size: 110%;}

#rightcontent ul, #rightcontent ol {
    padding-left: 35px; 
    margin: 0;
}

#middle-col ol{padding-left: 35px; margin: 0;}

#rightcontent li, #middle-col li{
	padding: 5px 0;
}

#rightcontent .greybox {
	width: 720px;
	background-color:#DDDDDD;
	padding:10px;

}

/*
#maincol .greybox {
	width: 920px;
	background-color:#DDDDDD;
	padding:10px;

}
*/


/* SUBPAGE ROTATION STYLE */
#minirotation {
	padding: 10px; 
	display: block; 
	border: 1px solid #ccc;
	text-align: left;
}

#minirotation img {
 vertical-align: bottom;

 }

 
.ministyle {
 color: black;
 padding: 5px 10px;
 background: #d4d4d4;

 font: 100%/1.3 "Clarendon BT", Georgia, "Times New Roman", Times, serif;
 }
 
 .ministyle ul{
 	padding-left: 20px;
}





/*THREE COLUMN STYLES*/
#search-results {
	float: left;
	width: 620px;
	font-size: 70%;
	padding: 0 10px;
	text-align: left;
	border-right: 1px solid #cdcdcd;
}

#search-results h2 {background:  #fff url(https://www.eiu.edu/images08/search/searchicon.jpg) left center no-repeat; padding-left:42px; }

#directory-results{
	float: right;
	width: 315px;
	padding: 0 10px 0 9px;
	font-size: 70%;
}

#directory{border-top: 1px solid #0045BE; margin-top:4px; color:#000000;}
#directory-results h2{margin-bottom: 6px; background:  #fff url(https://www.eiu.edu/images08/search/directoryicon.jpg) left center no-repeat; padding-left:42px;}
#directory-results ul{list-style:none; padding: 0.750em;border-bottom: 1px solid #cdcdcd;}
#directory-results ul ul{margin: 0; padding: 0 0 0 .500em; border: none;}

#middle-col {
	float: left;
	width: 535px;
	font-size: 70%;
	padding: 0 10px 0 20px;
	text-align: left;
	overflow: hidden;
}

#middle-col a, #rightcontent a, a.eiulink {
    color: #039; 
}

#middle-col a:hover, #rightcontent a:hover, a.eiulink:hover {
    color: #039; 
    background-color: #f9ffb7;
}

#middle-col ul, #middle-col ul ol {list-style-position: inside;}

#middle-col dl ul {list-style-position: outside;}

#middle-col .greybox {
	width: 515px;
	background-color:#DDDDDD;
	padding:10px;

}

#right-col {
	float: right;
	width: 190px;
	text-align: left;
	font-size: 70%;
	padding: 0 10px;
	color: black;
}

.right-col-box {
	display: block;
	width: 180px;
	font-size: 85%;
    background: #ebe7db;
	padding: 5px;
}

.right-col-box ul {
    list-style: none;
    background: #ebe7db;
}

.right-col-box li {
	padding: 4px 0;
}

.right-col-box li a {
	color: #000;
	text-decoration: none;
}

.right-col-box li a:hover {
	color: #039;
	text-decoration: underline;
}

.right-col-box ul li ul{ padding-left: 5px;}
    
#right-col h2 {
    color: #ffffff;
    padding: 6px 5px;
	margin: -5px -5px 4px;
    display:block;
    font-size: 130%;
    font-weight: normal;
    border: 1px solid #003399;
    background: #023499 url(https://www.eiu.edu/images08/heading_grad.gif) left top repeat-x;
}

#right-col h2 a{
	text-decoration:none;
	color: #ffffff;
}

#right-col #calendar h2{
	background: #023499 url(https://www.eiu.edu/images08/right-col/calendar.jpg) right top no-repeat;
}

#right-col #quicknote h2{
	background: #023499 url(https://www.eiu.edu/images08/right-col/quicknote.jpg) right top no-repeat;
}

#right-col #flickr h2{
	background: #023499 url(https://www.eiu.edu/images08/right-col/flickrbar.jpg) right top no-repeat;
}

#right-col #rss h2{
	background: #023499 url(https://www.eiu.edu/images08/right-col/rssbar.jpg) right top no-repeat;
}

#right-col #twitter h2{
	background: #023499 url(https://www.eiu.edu/images08/right-col/twitterbadge.jpg) right top no-repeat;
}




#right-col h3{
	color: #990033;
    display: block;
    font-size: 110%;
    font-weight: normal;
}

#right-col .rightcaldate {
	font-weight: bold; 
	color:#990033;
}

#right-col .rightcaldesc {
	color: #003399; 
	list-style: none; 
	font-weight: normal;
}

	
/*  GRAYBG STYLE  */

.graybg {
    background: #dddddd;
	border:1px solid #777;
    padding: 5px;
    font-size:100%;
}

/*  Login STYLE  */

.loginbg {
    background: #dddddd;
	border:1px solid #777;
    padding: 5px;
    font-size:100%;
    width: 250px;
}

.loginbg label {
	width: 75px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}

.loginbg .submit
{
margin-left: 80px;
margin-top: 5px;
margin-bottom: 3px;
} 


/*  FOOTER  */	

#footer {
	background: #3e3e3e;
	padding: 0px 0px 10px 20px;
	display: block;
	min-width: 980px;
	border-top: 1px solid #ffffff;
	color: #FFFFFF;
	font-size: 60%;
	text-align: left;
	clear: both;
}

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

#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#footer .lefty {
float:left; 
width: 575px;	
}

#footer .righty {
	float:right; 
	padding-right:30px; 
	margin-top:-3px; 	
}

/* ALERT 宅男研究所 STYLE */
.emergency, .weather, .general, .cancelclass, .weatheralert{
	width: 850px;
	display: block;
	padding: 10px;
	font-size: 70%;
	margin: 0 auto;
	background: #e7edff;
}

.emergency{
	border: 1px red solid;
	color: red;
}

.weather{
	border: 1px solid #999;
	color: black;
}

.emergency h2, .weather h2, .cancelclass h2, .general h2, .weatheralert h2{
	display: block;
	font-weight: normal; 
	font-variant: small-caps; 
	font-size: 120%; 
	padding: 5px 10px 5px 35px;
	margin:-10px -10px 5px -10px;
}

.emergencybg {
	background-color:#f1ebdc;
	display:block;
}

.emergency h2{
	background: red url(https://www.eiu.edu/images08/homepage/alertbox_logo.gif) 4px 3px no-repeat;
	color: white;
	padding: 10px 10px 0px 52px;
}

.weather h2{
	background: #4fa50a url(https://www.eiu.edu/images08/homepage/snow.jpg) 4px 3px no-repeat;
	color: white;
	 
}

.weatheralert{
	border: 1px solid #999;
	color: black;
}

.weatheralert h2{
	background-color: #ffde45;
	color: black;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
}

.cancelclass{
	border: 1px solid #999;
	color: black;
}

.cancelclass h2{
	background: #ee8f15 url(https://www.eiu.edu/images08/homepage/snowcancel.jpg) 4px 3px no-repeat;
	color: white;
}

.general{
	border: 1px solid #999;
	color: black;
}

.general h2{
	background: #4fa50a;
	color: white;
	padding: 5px 10px 5px 10px;
}

.smallmessageboxgreen{width: 510px;
	display: block;
	padding: 10px;
	background: #e7edff;
	border:1px solid #999;
	color: #000000;
	margin-bottom: 15px;
	
}

.smallmessageboxgreen h2 {
	background: #4fa50a;
	color: white;
	padding: 5px 10px 5px 10px;
	display: block;
	font-weight: normal; 
	font-variant: small-caps; 
	font-size: 150%; 
	margin:-10px -10px 5px -10px;
}

.smallmessageboxorange{width: 510px;
	display: block;
	padding: 10px;
	background: #e7edff;
	border:1px solid #999;
	color: #000000;
	margin-bottom: 15px;
	
}

.smallmessageboxorange h2 {
	background: #ee8f15;
	color: white;
	padding: 5px 10px 5px 10px;
	display: block;
	font-weight: normal; 
	font-variant: small-caps; 
	font-size: 150%; 
	margin:-10px -10px 5px -10px;
}

.smallmessageboxred{width: 510px;
	display: block;
	padding: 10px;
	background: #e7edff;
	border:1px solid #999;
	color: #000000;
	margin-bottom: 15px;
	
}

.smallmessageboxred h2 {
	background: red;
	color: white;
	padding: 5px 10px 5px 10px;
	display: block;
	font-weight: normal; 
	font-variant: small-caps; 
	font-size: 150%; 
	margin:-10px -10px 5px -10px;
}



.largemessageboxgreen{width: 710px;
	display: block;
	padding: 10px;
	background: #e7edff;
	border:1px solid #999;
	color: #000000;
	margin-bottom: 15px;
	
}

.largemessageboxgreen h2 {
	background: #4fa50a;
	color: white;
	padding: 5px 10px 5px 10px;
	display: block;
	font-weight: normal; 
	font-variant: small-caps; 
	font-size: 150%; 
	margin:-10px -10px 5px -10px;
}

.largemessageboxred{width: 710px;
	display: block;
	padding: 10px;
	background: #e7edff;
	border:1px solid #999;
	color: #000000;
	margin-bottom: 15px;
	
}

.largemessageboxred h2 {
	background: red;
	color: white;
	padding: 5px 10px 5px 10px;
	display: block;
	font-weight: normal; 
	font-variant: small-caps; 
	font-size: 150%; 
	margin:-10px -10px 5px -10px;
}

.largemessageboxorange{width: 710px;
	display: block;
	padding: 10px;
	background: #e7edff;
	border:1px solid #999;
	color: #000000;
	margin-bottom: 15px;
	
}

.largemessageboxorange h2 {
	background: #ee8f15;
	color: white;
	padding: 5px 10px 5px 10px;
	display: block;
	font-weight: normal; 
	font-variant: small-caps; 
	font-size: 150%; 
	margin:-10px -10px 5px -10px;
}


/* Table STYLE */
.goodtable td {
padding: 8px 4px;
text-align:left;
border-right: 1px #ffffff solid;
}
#rightcontent .greybgtable, #middle-col .greybgtable, #maincol .greybgtable {
background-color: #dddddd;
}
.goodtable thead tr {
color: #ffffff;
background-color: #3e3e3e;
padding: 8px 4px;
}
.goodtable th {
padding: 8px 4px;
border-right: 1px #ffffff solid;
}

/*3 Column Center Calendars */
#middle-col .rotbox {
	width: 515px;
	background-color:#DDDDDD;
	padding:10px;
	text-align:justify;
	color:#000000;
	font: 100%/1.3 "Clarendon BT", Georgia, "Times New Roman", Times, serif;
}

#middle-col .cal_bg {
	background: #023499 url(https://www.eiu.edu/images08/calendar_535.jpg) right top no-repeat;
}

#middle-col .quicknote_bg {
	background: #023499 url(https://www.eiu.edu/images08/quicknote_535.jpg) right top no-repeat;
}

#middle-col .calendar_h3_3col {
    color: #ffffff;
   	padding-left: 5px;
   	padding-top: 5px;
   	padding-bottom: 10px;
   	margin-bottom: -5px;
    display:block;
    font-size: 130%;
    font-weight: normal;
    border: 1px solid #003399;
    width:528px;
}

#rightcontent .rotbox {
	width: 715px;
	background-color:#DDDDDD;
	padding:10px;
	text-align:justify;
	color:#000000;
	font: 100%/1.3 "Clarendon BT", Georgia, "Times New Roman", Times, serif;
}

#rightcontent .cal_bg {
	background: #023499 url(https://www.eiu.edu/images08/calendar_735.jpg) right top no-repeat;
}

#rightcontent .quicknote_bg {
	background: #023499 url(https://www.eiu.edu/images08/quicknote_735.jpg) right top no-repeat;
}

#rightcontent .calendar_h3_3col {
    color: #ffffff;
   	padding-left: 5px;
   	padding-top: 5px;
   	padding-bottom: 10px;
   	margin-bottom: -5px;
    display:block;
    font-size: 130%;
    font-weight: normal;
    border: 1px solid #003399;
    width:728px;
}

#middle-col .rotbox h3, #rightcontent .rotbox h3{
	padding-top:0;
}

#middle-col .cal, #rightcontent .cal{
	color:#414141;
	text-decoration:none;
}

#middle-col .cal a, #rightcontent .cal a {
	text-decoration:none;
}