/* CSS Document */

/* General Styles 
=========================================================== */


body {
	color: #000;
	background-color:#663399;
	}
a {
	color: #000000;
	text-decoration: none;
	background: none;
	}
a:visited {
	color: #663399;
	text-decoration: none;
	border-bottom: 1px dotted #663399;
	}
a:hover, a:active {
	color: #FFFFFF;
	}


/* ---- Used for development to draw attention to areas needing attention ---- */
.attention { 
	color: #FF0000;
	background: #FFF;
	}

/* Layout 
=========================================================== */

#container {
	background: #ffd272;
	border: 1px solid #666699;
	}
#footer {
	background: #663399;
	border-top: 2px solid #000000;
	clear: both;
	}
#footer a:link {
	text-decoration: none;
	color: #FFFFFF;
	background: #663399;
	border-bottom: 1px dotted #FFFFFF;
	}
#footer a:hover, #footer a:active {
	text-decoration: none;
	color: #663399;
	background: #FFF;
	border-bottom: 1px dotted #663399;
	}
	#footer p {
		font-size: 0.8em;
		line-height: 1.2em;
		padding-left: 5px;
		color: #FFFFFF;
		letter-spacing: 0.1em;
		}

/* ---- Tool Bar - colors CAN be overwritten with dept CSS ---- */

#header {
	background: #ffd272;
	color: #000000;
	border-bottom: 20px solid #663399;
	}
div#toolNav ul {
	background: #ffd272;
	color: #000000;
	}
div#toolNav li:hover {
	background: #663399;
	color: #000000;
	}
div#toolNav li.toolSubmenu {
	background: #ffd272 url(/graphics/submenu.gif) no-repeat 85% 50%;
	color: #000000;
	}
div#toolNav li.toolSubmenu:hover {
	background-color: #9774b9;
	color: #000000;
	}
div#toolNav li a {
	color: #000000;
	background: #ffd272;
	}
div#toolNav ul.toolLevel1 li.toolSubmenu:hover ul.toolLevel2 li {
	border-bottom: 1px solid #FFFFFF;
	}

/* ---- Search Tools - colors CAN be overwritten with dept CSS ---- */
div#searchTools a {
	color: #000000;
	background: #ffd272;
	}
div#searchTools a:hover {
	color: #000000;
	background: #9774b9;
	}
div#searchTools input {
	background: #FFFFFF;
	color: #000;
	} 
div#searchTools .button {
	border: 1px solid #663399;
	color: #000000;
	background: #ffd272;
	}
div#searchTools .button:hover {
	border: #000000 1px solid;
	color: #000000;
	background: #9774b9;
	}


/* 2nd Level Navigation - Primary Navigation for Departments
=========================================================== */
div#mainNav ul {
	background: #ffd272;
	}
div#mainNav li {
	border-bottom: 1px solid #e8bf68;
	}
div#mainNav li a:hover {
	background: #ffd272;
	color: #FFFFFF;
	}
div#mainNav li.mainSubmenu {
	background: #ffd272;
	color: #FFFFFF;
	}
div#mainNav li.mainSubmenu a:hover {
	color: #FFFFFF;
	background-color: #ffd272;
	}
div#mainNav li a {
	padding: .25em 0 .25em .25em;
	text-decoration: none;
	color: #000000;
	border-style: none;
	}
div#mainNav ul ul {
	top: 0;
	left: 145px;
	display: none;
	z-index: 800;
	}
div#mainNav ul.Level1 li.mainSubmenu:hover ul.Level2 {
	background: #9774b9;
	color: #000000;
	}	
div#mainNav ul.Level1 li.mainSubmenu:hover ul.Level2 li {
	border-bottom: 1px solid #e8bf68;
	color: #000000;
	}

/* 2nd Level Main Content Styling
=========================================================== */
#mainContent {
	color: #000000;
	background: #FFFFFF;
	position: relative;
	}
#mainContent a {
	color: #663399;
	background: #FFF;
	border-bottom: 1px dotted #663399;
	}
#mainContent a:hover, #mainContent a:active {
	color: #663399;
	background: none;
	}
/* ---- Subset Navigation or Related Links ---- */
#mainContent .subNav {
	width: 200px;
	background: #CCCCCC url(http://www.wiu.edu/graphics/gradient-rt.png) repeat-y right;
	float: right;
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	border-left: 1px solid #666666;
}
#mainContent .subNav h3 {
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
	line-height: 1em;
	}
#mainContent .subNav ul {
	margin: 5px 0px 0px;
	padding: 0px;
		}
#mainContent .subNav li {
	font-size: 0.8em;
	padding-left: 10px;
	list-style: square inside;
	}
#mainContent .subNav li a {
	background: none;
	}
#mainContent .subNav li a:hover {
	color: #FFFFFF;
	background: #663399;
	}

/* Forms
=========================================================== */

input, textarea {
	border: 1px solid #E8BF68;
	margin: 3px 3px 3px 20px;
	vertical-align: top;
	width: 300px;
	}
.button {
	background-color: #E6BD67;
	border: 1px solid #CBA75B;
	color: #000000;
	}

/* Highlights
=========================================================== */
.highlight {
	background: #663399 url(/graphics/highlights/highltTop-lavendar.gif) no-repeat left top;
	color: #fff;
	border: none;
}

.highlightBottom {
	background: url(/graphics/highlights/highltBot-lavendar.gif) no-repeat left bottom;
	position: relative;
	border: none;
}
.highlight a {
	color: #FFF;
	}