/* Body and Containers */
html,body
{
height: 100%; min-height:100%;
}
body {
background: #ffffff;
margin-left:auto; margin-top:0px; margin-bottom:0px; margin-right:auto;
width:730px; text-align:center; PADDING-RIGHT: 0px; PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px; PADDING-TOP: 0px; line-height:18px;
font-family: verdana,arial,helvetica,sans-serif;
font-size:14px;
}
#shadedsides
{ width: 721px;
TEXT-ALIGN: center; margin-left:auto; margin-top:0px; margin-bottom:0px; margin-right:auto;
}
/* Change background color for Left Navigation change */
#container {
top: 10px;
position:relative; /* needed for footer positioning*/
height:auto !important; /* mozilla browsers */
height: 87%; /* IE6: treaded as min-height*/
min-height: 87% !important; /* mozilla browsers */
/*background: transparent url('../images/tile.gif') repeat-y;*/
width:721px; TEXT-ALIGN: left; margin-left:auto;
margin-top:0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px; margin-bottom:0px; margin-right:auto; background-color: #DDF0D9;
border: 1px solid #421e66; color: #000000; font-family: verdana,arial,helvetica,sans-serif;
}
/* Main Content */
#main { width: 570px; float: left; background-image: url('../images/shadow.gif'); background-repeat: no-repeat; background: #ffffff;}
#main-content{ padding-left:20px; padding-right:20px; padding-top:10px; FONT-Size: 12px; font-family: verdana,arial,helvetica,sans-serif; background-repeat: no-repeat; background-position: center;}
#main A:link { COLOR: #000000; BORDER-BOTTOM: #ffffff 1px; TEXT-DECORATION: underline; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:18px;}
#main A:visited { COLOR: #3300CC; BORDER-BOTTOM: #ffffff 1px; TEXT-DECORATION:underline; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:18px; }
#main A:hover { background-color: #E7EBFE; BORDER-BOTTOM: #663399 1px; TEXT-DECORATION: underline; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:18px; }
#header { width: 721px;}
.header { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 14px; FONT-WEIGHT:bold;
color: #000000;}
.header1 { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 14px; FONT-WEIGHT:bold; color: #0000CC; }
.header1 #center{text-align:center;}
.subhead { font-family: verdana,arial,helvetica,sans-serif; FONT-SIZE: 10px; FONT-WEIGHT:bold; color: #000000; }
.subhead1 { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT:bold; color: #000000; }
/* 2nd Level Navigation
=========================================================== */
#mainNav { float: left; margin: 0; padding: 0; width: 150px; display: block; font: 0.7em/1em Verdana, Geneva, Arial, sans-serif;
font-weight:bold; clear: left; position: relative; z-index: 700;}
div#mainNav ul { padding: 0; margin: 0; width: 150px; background-color: #ffffff; color: #000000; }
div#mainNav li { position: relative; list-style: none; margin: 0; border-bottom: 1px solid #c9be5e; }
div#mainNav li a { display: block; padding: 5px; margin: 0; text-decoration: none; border-style: none; }
div#mainNav ul a { width: auto; }
div#mainNav ul ul { position: absolute; left: 145px; top: 0; display: none; z-index: 800; padding: 0; margin: 0;}
div#mainNav ul.Level1 li.mainSubmenu:hover ul.Level2 { display: block; }
/* Main Content Related Navigation
=========================================================== */
#mainContent .subNav { width: 200px; float: right; margin-left: 3px;}
#mainContent .subNav h3 { margin: 0px; padding: 0px; font-size: 0.9em; line-height: 1em;}
#mainContent .subNav ul { padding: 0; margin: 0 0 0 15px; font-size: 1em;}
#mainContent .subNav li { list-style: url(../images/bg.gif) none outside; margin-bottom: 2px; }
.subList ul li { font-size: 1em; }
/* 2nd Level Main Content Styling
=========================================================== */
#mainContent { color: #000000; background: #FFFFFF; position: relative; FONT-Size: 10px;
font-family: verdana,arial,helvetica,sans-serif; }
/* ---- Subset Navigation or Related Links ---- *-*/
#mainContent .subNav { background: #FFFFFF url(none) no-repeat center top; color: #000; border: 1px solid #a5bd5d; padding-top: 25px;}
#mainContent .subNav a { color: #000; }
/* 2nd Level Navigation - Primary Navigation for Departments
=========================================================== */
div#mainNav ul { background: #CCFF99; color: #000000; }
div#mainNav li { font-family: verdana,arial,helvetica,sans-serif; border-bottom: 1px solid #c9be5e; font-size:11px;
background-color:#DDF0D9; color: #000000; margin: 0; }
div#mainNav li a { color: #000000; background-color:#DDF0D9; line-height:18px; margin: 0; }
div#mainNav li a:hover {
background: #d2f4b0 no-repeat 95%; color:#000000; margin: 0; }
div#mainNav li.mainSubmenu a {
background: transparent url(../images/menuarrow-bl.gif) no-repeat 95%; color: #000; margin: 0; }
div#mainNav li.mainSubmenu a:hover {background: #d2f4b0 url(../images/menuarrowhover-bl.gif) no-repeat 95%; color:#000000; margin: 0; }
div#mainNav ul.Level2 li a { border-bottom: 1px solid #FFFFFF; color: #000; background:#DDF0D9; margin: 0; }
div#mainNav ul.Level2 li a:hover { border-bottom: 1px solid #FFFFFF; color: #000000; background: #d2f4b0; margin: 0; }
div#mainNav ul.Level1 li.mainSubmenu:hover ul.Level2 li {
border-bottom: 1px solid #c9be5e; border-left: 1px solid #c9be5e; border-right: 1px solid #c9be5e;
border-top: 0px solid #c9be5e; color: #FFFFFF; background-color: #b69ece; margin: 0;}
/* Forms
=========================================================== */
input, textarea {border: 1px solid #663399; FONT-Size: 10px; font-family: verdana,arial,helvetica,sans-serif; }
#header { background-color:#DDF0D9; width:auto;}
/* w3c */
#w3c{
color: #000000; clear: both; width:711px; height:100px; padding:5px; background-color: #FFFFFF;
FONT-Size:10px; font-family: verdana,arial,helvetica,sans-serif; font-weight:bold;
border: 0px solid #421e66; color: #000000;}
#w3c p{ color: #000000; FONT-SIZE:10px; padding-left:20px; font-family: verdana,arial,helvetica,sans-serif; font-weight:bold;}
/* Footer */
#footer { background: url('../images/footer.gif'); color: #ffffff; clear: both; width:721px; height: 122px;}
#footer p{color: #ffffff; FONT-SIZE: 0.8em; padding-left:20px; font-family: verdana,arial,helvetica,sans-serif;
font-family: verdana,arial,helvetica,sans-serif; line-height:16px; font-size:11px;}
#footer A:link {COLOR: #ffffff; BORDER-BOTTOM: #000000 1px; TEXT-DECORATION: underline; font-family: verdana,arial,helvetica,sans-serif;}
#footer A:visited {COLOR: #B3D6FD; BORDER-BOTTOM: #663399 1px; TEXT-DECORATION:underline; font-family: verdana,arial,helvetica,sans-serif;}
#footer A:hover {COLOR: #0000CC; BORDER-BOTTOM: #000000 1px; TEXT-DECORATION:underline; font-family: verdana,arial,helvetica,sans-serif;}
/* list */
#navlinks li{list-style-position: outside; list-style-type: square; padding-top: 4px;
font-family: verdana,arial,helvetica,sans-serif; FONT-SIZE: 12px; line-height:18px; }
a.navlinks:link {font-family: verdana,arial,helvetica,sans-serif; font-size:9px; color: #000000; text-decoration: none;}
a.navlinks:visited { color: #000000; font-family: verdana,arial,helvetica,sans-serif; font-size:9px; text-decoration: none; }
a.navlinks:hover { color: #464646;font-family: verdana,arial,helvetica,sans-serif; font-size:9px; text-decoration: none;}
#navlistNum li { list-style-type: decimal; font-family: verdana,arial,helvetica,sans-serif; FONT-SIZE: 12px; line-height:25px; }
.alphalist {list-style-position: inside; list-style-type: upper-alpha;}
#alphalist li { list-style-position: outside; list-style-type: upper-alpha; font-family: verdana,arial,helvetica,sans-serif;
FONT-SIZE: 12px; line-height:18px; }
.numberedlist { list-style-position: inside; list-style-type: decimal;}
#numberedlist li { list-style-type: decimal; font-family: verdana,arial,helvetica,sans-serif; FONT-SIZE: 12px; line-height:18px;}
#navlist li { list-style-type: square; font-family: verdana,arial,helvetica,sans-serif; FONT-SIZE: 12px; line-height:18px; }
#navlistNum li { list-style-type: decimal; font-family: verdana,arial,helvetica,sans-serif; FONT-SIZE: 12px; line-height:18px; }
.bulletlist {list-style-position: inside; list-style-type: square; }
#bulletlist li{ list-style-type:square; font-family: verdana,arial,helvetica,sans-serif; FONT-SIZE: 12px; line-height:20px; }
.bulletlist1 {list-style-position: inside; list-style-type: square; }
#bulletlist1 li{ list-style-type:square; font-family: verdana,arial,helvetica,sans-serif; FONT-SIZE: 12px; line-height:20px; }
.bulletlist2 {list-style-position: inside; list-style-type: square; }
#bulletlist2 li{ list-style-type:square; font-family: verdana,arial,helvetica,sans-serif; FONT-SIZE: 12px; line-height:20px; }
.bulletlist3 {list-style-position: inside; list-style-type: square; }
#bulletlist3 li{ list-style-type:square; font-family: verdana,arial,helvetica,sans-serif; FONT-SIZE: 12px; line-height:20px; }
.bulletlist4 {list-style-position: inside; list-style-type: square; }
#bulletlist4 li{ list-style-type:square; font-family: verdana,arial,helvetica,sans-serif; FONT-SIZE: 12px; line-height:20px; }
/* Images and Captions =========================================================== */
.imgboxleftV { font-size: 0.9em; margin: 0px; padding: 0px 15px 0px 0px; float: left;
font-weight: bold; text-align: left; background-position: left top; clear: both; width: 210px;}
.imgboxleft { font-size: 0.9em; margin: 3px 3px 0px 0px; padding: 1px; float: left;
font-weight: bold; text-align: left; background-position: left top; clear: both; width: 170px; }
.imgboxright { font-size: 0.9em; margin: 1px 0px; padding: 1px; float: right; font-weight: bold; text-align: right; background-position: right top; clear: both; width: 150px;}
.imgboxrightV { font-size: 0.9em; margin: 1px 0px; padding: 1px; float: right; font-weight: bold; text-align: right;
background-position: right top; clear: both; width: 150px; }
.picleft{float: left; margin-right:20px; margin-left:0px; margin-top: 10px; margin-bottom:10px; style="border:1px solid #663399;"}
.picright{ float: right; margin-right:0px; margin-left:20px; margin-top: 10px; margin-bottom:10px; style="border:1px solid #663399;"}
#header li { FONT-SIZE: 0.9em; LIST-STYLE-TYPE: none}
dt { FONT-SIZE: 0.9em; LINE-HEIGHT: 1.4em; LIST-STYLE-TYPE: none}
dd { FONT-SIZE: 0.9em; LINE-HEIGHT: 1.4em; LIST-STYLE-TYPE: none}
h1 { font-size: 1.2em; font-weight: normal; }
h2 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 3px 0px; PADDING-TOP: 0px}
h3 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 3px 0px; PADDING-TOP: 0px}
h4 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 3px 0px; PADDING-TOP: 0px}
h1 { FONT-SIZE: 1.2em}
h2 { FONT-SIZE: 1em}
h3 { FONT-SIZE: 0.9em}
h4 { FONT-SIZE: 0.8em}
#header P { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0.8em; PADDING-BOTTOM: 0px; MARGIN: 8px; PADDING-TOP: 0px}
dl { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0.8em; PADDING-BOTTOM: 0px; MARGIN: 8px; PADDING-TOP: 0px}
caption { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0.8em; PADDING-BOTTOM: 0px; MARGIN: 8px; PADDING-TOP: 0px}
blockquote { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 4em; PADDING-TOP: 0px}
.attention { TEXT-TRANSFORM: uppercase; font-family: verdana,arial,helvetica,sans-serif; }
unknown { MARGIN: 0px 0px 0px 7px}
justify {text-align:justify; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.center {font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; FONT-WEIGHT:normal; text-align:center; color:#000000;}
#center{text-align:center;}
/* Highlights =========================================================== */
.highlight { color: #000; border: none; background-color: #a5bd5d; }
div.highlight p { font-size: .8em; }
div.highlight li { font-size: 1em; }
.highlight a { color: #ffffff; }
.quote {
border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin-top: 3px;
margin-bottom: 3px; padding-top: 3px; padding-bottom: 3px; clear: both;
}
/* ---- Branding ID ---- */
#header #wiuTitle {
background: #000000 url(../images/wiuHeader/banner2.jpg) no-repeat left top;
margin: 0; padding: 0; color: #FFFFFF; clear: both; width: 721px; height: auto;
}
#header #wiuTitle img { margin: 10px 0 0 18px; padding-bottom: 0; }
#header #wiuTitle a { text-decoration: none; }
#header #deptTitle {
font-size: 16px; font-weight:bold; font-family: verdana,arial,helvetica,sans-serif;
text-align:center; padding: 1.2em 0.5em 0 0; float: right; width:350px;
}
/* ---- WIU Sitewide Navigation - COLORS CANNOT BE CHANGED (part of WIU branding) ----- */
div#wiu {}
div#wiuNav ul {
margin: 0px; padding: 0px 5%; list-style: none;
width: 90%; background: url(../images/wiuHeader/title-pur.jpg) repeat-x;
float: left; font-size: 90%; font-family: verdana,arial,helvetica,sans-serif;
}
div#wiuNav ul li { float: left; }
div#wiuNav ul a { border-right: 2px solid #9774b9; margin: 0; padding: 2px .8em; display: block; }
div#wiuNav a:link,div#wiuNav a:visited { color: #FFFFFF; }
div#wiuNav a:hover,div#wiuNav a:active {
background: #E9E9E9 url(../images/wiuHeader/title-lav.jpg) repeat-x top;
color: #FFFFFF; text-decoration: underline; display: block;
}
div#wiuNav .firstNav a { padding-left: 1em; }
div#wiuNav .lastNav a { border-style: none; }
/* ---- search tools ----- */
div#searchTools p { margin: 0; padding: 5px; float: right; display: inline; }
div#searchTools form { text-align: right; margin: 0;}
#searchTools a { color: #000000; background-color: #DDF0D9; }
div#searchTools a:hover { text-decoration: underline; background-color: #d2f4b0; }
div#searchTools label { margin: 0; padding: 0; display: none; }
div#searchTools input {font: 1em "Verdana", arial, helvetica, monospace;
margin: 0; width: 8em; display: inline; color: #000000; background: #FFFFFF;}
div#searchTools .button {
border: 1px solid #b69ece; color: #fff; font: 0.8em/1em "Verdana", Arial, Helvetica, sans-serif; background: #663399;
width: 5em; margin: 0; }
div#searchTools .button:hover { border: #000000 1px solid; color: #000000; background-color: #d2f4b0; }
/* WIU Header */
#header { margin: 0; padding: 0; }
#header p { margin: 0; padding: 0; }
#header a { text-decoration: none; border-width: 0px; color: #000000; }
#containerHome {background: #a5bd5d;}
#header { background-color:#DDF0D9; color: #000000; }
/* mainContent table */
#mainContent table { border: thin solid #BDCAD9; border-bottom-width:thin; background-color:#FFFFFF; width:300px;}
#mainContent th { padding: 1px 1px 1px; background-color:#FFFFFF; border: 1px solid #B69ECE;}
#mainContent tr { padding: 1px 1px 1px; border: 1px solid #B69ECE; background-color:#FFFFFF; }
#mainContent .cellBk td { border: thin solid #999999; background-color:#FFFFFF; }
#mainContent td { border: thin #999999; vertical-align:text-top; height:21px; text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; background-color:#FFFFFF; }
/* ---- Drop down menu in tool bar - colors CAN be overwritten with color or dept CSS ---- */
#header #toolNav { width: 95px;margin: 0;float: left; z-index: 500;font: 0.8em/1em Verdana, Arial, Helvetica, sans-serif; padding: 5px; }
div#toolNav ul { position: absolute; margin: 0; padding: 0; width: 95px; color:#000000; }
div#toolNav li { position: relative; list-style: none; 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. */
}
div#toolNav li a { color: #000000; margin: 0; }
div#toolNav li:hover {color: #000000; margin: 0; background-color: #d2f4b0; text-decoration:underline;}
div#toolNav ul li ul li a { width: 95px; display: block; margin: 0; text-decoration: none; padding: 3px 3px 3px 3px; }
div#toolNav ul li ul { position: absolute; top: 0; left: 80px; display: none; }
div#toolNav ul.toolLevel1 li.toolSubmenu:hover ul.toolLevel2
{display: block; text-decoration: none; width: 95px;border-bottom: 1px solid #FFFFFF; background:#ffffff; }
div#toolNav li.toolSubmenu {background: url(../images/menuarrow-bl.gif) no-repeat 70%; color: #000000; margin: 0; }
div#toolNav li.toolSubmenu:hover {background: url(../images/menuarrowhover-bl.gif) no-repeat 70%; color: #000000; margin: 0; }
.skip { display: none}