body{
background:/*#1C861F*/ #810541;
font:1em "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
}
p{margin: 5px;font-size:0.8em;color:#c9c6c0; }  
h2 {margin:5px;font-size:1em;}
h3 {margin:5px;font-size:0.8em;}
h4 {margin:5px;font-size:0.7em;}
h6 {margin:5px;font-size:0.6em;}
li {font-size:0.8em;}
dl{margin:5px;}
 a:link {
 color: #c39409;/*#8b6904;*//*#568256;*/
}
a:visited{
color:#c39409;
}
a:hover {
 color: #c39409;
}
a:active {
 color: #c39409;
}

/*Code for the Rounded Corners*/
.roundcontainer{
   background:#000000;/*#ffd800;#fcdd82;#e9b54f;#f6cf74;*/
  margin:auto;
 /* margin-left:20%;
  margin-right:20%;*/
  width:750px;  
 /* margin-left:250px;
   margin-right:250px;*/
   min-width: 750px; 
   min-height: 100%;
  overflow:hidden;
  color:#FFFFCC;
}

.roundedcorner_top div{
   background: url(roundedcornr_225554_tl.png) no-repeat top left;
 /*  border:1px solid brown; */
}
.roundedcorner_top { 
   background: url(roundedcornr_225554_tr.png) no-repeat top right;height:36px;
   /*  width:100%;height:30px;font-size:1em;*/
}
.roundedcorner_bottom div {
   background: url(roundedcornr_225554_bl.png) no-repeat bottom left;
}
.roundedcorner_bottom {
   background: url(roundedcornr_225554_br.png) no-repeat bottom right;
}

.roundedcorner_top div,roundedcorner_top, 
.roundedcorner_bottom div, .roundedcorner_bottom {
   width: 100%;
   height: 30px;
   font-size: 3px;
   }

/**********************/

#searchTools {
width:100%;
margin-bottom:0px;
font-size:1em;
min-width: 700px; 

}

#searchbox {
margin-bottom:0px;
font-size:1em;
float:right;margin-right:16px;
margin-top:4px;width:75%;font:0.9em;
margin-bottom:4px;
text-align:right;
background: #000000;
/*border:1px solid brown;*/
}
.searchbox {
/*margin-bottom:0px;*/
font-size:1em;
float:right;margin-right:20px;
margin-top:2px;width:75%;font:0.9em;
margin-bottom:4px;
text-align:right;
background: #000000;
}
#searchbox a{
font-size:0.8em;
}


#azindex,#directory {
margin-right:0px;
}


#smallbanner{
clear:both;
}


#header {
background:white;
width:100%;
height:300px;
clear:both;
}

#univmenu{
width:100%;height:20px;background-image:url('http://wiu.edu/cas/casnewdesign/images/univ-tab.jpg'); 

}
#univmenu a{
font-family: Verdana;font-size:0.7em;color:white;margin-right: 3px;text-decoration:none;}


#univmenu span{
font-size:0.8em;margin-left:3px;margin-right:3px;width:10%;border-right-style:#ffffff;
border-color:#b080d8;border-right-style:solid ;border-right-width:2px;
text-align:center;text-decoration:bold; }


#univmenu span:hover{
margin-left:3px;margin-right:3px;background:#b080d8;color:white;}

#univmenu span#homespan{
margin-left:3px;margin-right:3px;width:10%;border-right-style:#ffffff;
border-color:#b080d8;border-right-style:none ;border-right-width:2px;
text-align:center;
}



/* ---- WIU Sitewide Navigation - COLORS CANNOT BE CHANGED (part of WIU branding) ----- */
	
div#wiuNav {
	background: url(http://wiu.edu/cas/casnewdesign/images/univ-tab.jpg) repeat-x;
	height: 20px;
	}
	div#wiuNav ul {
	margin: 0px;
	padding: 1px 0 0 0;
	list-style: none;
	font-size: 15px;
	}
	
div#wiuNav ul li {
	float: left;
	}
div#wiuNav ul a {
	border-right: 2px solid #9774b9;
	margin: 0;
	margin-top:1px;
	padding: 0 .8em;
	display: block;
	text-decoration:none;
	}
div#wiuNav a:link, div#wiuNav a:visited {
	color: #FFF;
	}
div#wiuNav a:hover, div#wiuNav a:active {
	background: #9774b9 url(/graphics/title-lav.jpg) repeat-x top;
	color: #FFF;
	text-decoration: underline;
	display: block;
	}
 div#wiuNav .firstNav a {
	padding-left: 9px;
	} 
div#wiuNav .lastNav a {
	border-style: none;
		}
/*********/


#middle{
background:#000000;width:100%;height:545px;overflow:visible;

}

#middlemission {
background: #000000;width:100%;height:570px;overflow:hidden;

}
#middlereport{
background:#000000;width:100%;height:1000px;overflow:hidden;
}
#middleundergrad {
background:#000000;width:100%;height:1900px;clear:both;overflow:hidden;

}
#middleundergrad h2{

}
#missionspan {
background:#000000;width:95%;margin : 10px 0 0 10px; 
}



/*Code for the drop down menu */

/* remove the bullets, padding and margins from the lists */
#menu{
width:100%;
height:20px;
background:#c39409;
}

.menu{
width:100%;
height:20px;
background:#c39409;
}
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

 /* style all the links */
.menu a, .menu :visited {
display:block;
font-size:10px;
width:121px;/*129px;*/
padding:4px 0;
color:#000;
background:#c39409;/*brown;*//*#afd899;*/
text-decoration:none;
margin-right:0px;
text-align:center;
font-family:verdana, sans-serif;
font-weight:550;
}

.menutitle {
border-right:1px solid brown;
}
/* style the links hover */
.menu :hover{
color:#444;
background:#d4d8bd;

}
 
/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:121px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}
 
/***************************************/

#news{
background:#000000;width:25%;height:545px;float:left;text-align:left;font-family:Geneva;
margin-left;5px;font-size:1.0em;
}

#newsitems {
margin-left:5px;margin-right:5px;font-size:1.0em;

}
#newstext {
margin-left:5px;margin-right:5px;font-size:1em;text-align:left;
}
#newsimage {
margin-left:25px;margin-right:5px;font-size:0.9em;
text-align:center;	
	
     
}
#newsimagediv {
font-size:0.9em;
 display: block;
    float: right;
    width: 200px;
    height: 400px;
    border: 1px solid green;
    background:green;
    color:white;
	margin-left:5px;
	margin-right:5px;
	
}

#textwhite {
color:white;
}

#centertext,#centertext2{
text-align:center;
}

#squarepoint{
list-style-type:square;
}
#event {
background:white;width:15%;height:250px;float:left;
font-size:0.8em;
}
#eventspan{
margin-left:20px;
height:250px;
float:left;
}
#student {
background:white;width:15%;height:250px;float:left;font-size:0.8em;
}
#studentspan {
margin-left:20px;
height:250px;
float:left;
}
#faculty {
background:white;width:15%;height:250px;float:left;font-size:0.8em;
}
#facultyspan {
margin-left:20px;height:250px;float:left;
}
#highlights {
background:white;width:29%;height:250px;float:left;text-align:left;font-family:Geneva;
font-size:1em;
}

#imagemargin {

margin:10px;
}

#bottom {
background:#000000;width:100%;height:150px;clear:both;
}
#bottomspan1 {
float:left;width:35%;background:#ffd800;height:150px;
}
#bottomspan2 {
float:left;width:30%;background:#ffd800;height:150px;
}
#bottomspan3 {
float:left;width:34%;background:#ffd800;height:150px;}
/*#footer{
 background:#afd899;width:100%;height:20px;
 text-align:center ;color:green;font-size:12px;
  clear:both; margin-left: 0x;
word-wrap: break-word;
 }*/
 #footer {
	font: 0.9em "Trebuchet MS", Verdana, Geneva, Arial, sans-serif;
	clear: both;
	border-top: 2px solid #c39409;
	line-height: 1.2em;
	height: 124px;
	background: #000000;/*#ffd800;*/
	color: #c39409;
	}
#footer p {
	margin: 6px 5px 0px 8px;
	color:#c39409;
       }
#footer p img {
	text-decoration: none;
	border: none;
	}
#footer p a  {
	text-decoration: none;
	color: #c39409;
	background: #ffd800;
	border: none;
	}
#footer p a:hover  {
	text-decoration: underline;
	color: #c39409;
	background: #fff;
}

/* Web Tools Menu */

/* common styling */
.menu2{
font-family: arial, sans-serif;background:brown; width:90px; height:20px; position:relative; font-size:11px; margin:30px 0; z-index:80;
text-align:left; margin-left:15px;
margin-top:5px;float:left;
}
.menu2 ul {
padding:0; margin:0; list-style-type: none; background:#eeee; width:90px; height:20px; border:0px solid #606;
}
.menu2 ul li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:85px;
}
.menu2 ul li {
float:left;
}
.menu2 ul li a, .menu2 ul li a:visited {
display:block; float:left; text-decoration:none; color:#000; width:90px; height:20px; line-height:19px; font-size:11px; background:transparent; padding-left:10px;
}
* html .menu2 ul li a, * html .menu2 ul li a:visited {width:90px; width:90px;}

.menu2 table {
border-collapse:collapse; border:0; margin:0; padding:0; font-size:1em; position:absolute; left:0; top:0;
}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.menu2 ul li:hover a,
.menu2 ul li a:hover{
background:#eee; color:#000;
}

.menu2 ul li:hover {position:relative; z-index:90;}
* html .menu2 ul li a:hover {position:relative; z-index:90;}

.menu2 ul li:hover ul,
.menu2 ul li a:hover ul {
visibility:visible; position:absolute; height:auto; border:0px solid #606; background:#eeeeee; overflow:visible;
}
.menu2 ul li:hover ul li a,
.menu2 ul li a:hover ul li a{
display:block; background:transparent; color:#000; line-height:10px; padding:5px 0 5px 0px; height:auto; text-decoration:none;
/*border-bottom-style:ridge;*/

}

.menu2 ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover {
background:#707B99; color:#000;
}
.menu2 ul li:hover ul li ul,
.menu2 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:75px;
}
.menu2 ul li:hover ul li:hover ul,
.menu2 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; height:auto; color:#000; padding:0; border:0px solid #069; list-style-type:none; background:green;
}
.menu2 ul li:hover ul li:hover ul li a,
.menu2 ul li a:hover ul li a:hover ul li a {
display:block; background:transparent; color:#000;
}

.menu2 ul li:hover ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover ul li a:hover {
background:#eeeeee; color:#000;
}

/* End of Web Tools menu */
/* ---- Drop down menu in tool bar - colors CAN be overwritten with color or dept CSS ---- */

#toolNav {

width: 15%;
margin: 0;
float: left;
z-index:500;
font-size: 0.9em;
line-height: 1 em;
padding: 4px 0px 0px 2px;
margin-left:20px;
margin-top:4px;
margin-bottom:4px;
text-align:left;
float:left;
background: #000000;/*#ffd800;*/
height:6px;
/*border:1px solid brown;*/
}

#toolNav ul {
position : absolute;
margin :  0;
padding : 0;
width: 100px;
background:#c39409;/*yellow;*/
text-align:left;
}
div#toolNav li {
position : relative;
list-style: none;
font-size: 0.9em;
line-height: 1 em;
margin : 0;
padding: 0;
width: 100%; /*Hack for old IE.Creates validation warning. */
voice-family:  "\"}\""; /*Hack for old IE.Creates validation warning. */
voice-family: inherit; /*Hack for old IE.Creates validation warning. */
text-align:left;
}
div#toolNav li a{
width: 100px;
display: block;
margin : 0;
text-decoration: none;
padding: 1px 0 0px 0px;
color:#000;
}
div#toolNav>ul a {
width: 100px;
color:#000;
}
div#toolNav ul li ul {
position: absolute;
top: 0;
left: 80px;
display: none;
}


#toolNav li a:hover {
display: block;
width: 100px;
background: white;
color:#000;
}

div#toolNav ul.toolLevel1 li.toolSubmenu:hover ul.toolLevel2 {
display: block;
width: 100px;
background: #c39409;/*yellow;*//*#707B99;*/
color:#000000;
}

p li td {
	font-size: .8em;
	}
dt dd {
	font-weight: bold;
	font-size: .8em;
	}
img.faculty{
	text-align: left;
	padding: 2px;
	}

dt.faculty {
	padding-left: 70px;
	}
dd.faculty {
	padding-left: 75px;
	}

.picturebox {
	width: 200px;
	border: thin dotted #000000;
	background: #FFFFFF;
	color: #000000;
	float: right;
	text-align: left;
	left: 400px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: .9em;
}
.picturebox a {
	color: #663399;
	text-decoration: none;
}
.picturebox a:hover {
	background: #663399;
	color: #FFFFFF;
}
.picturebox a:visited {
	color: #333333;
}