/* CSS Document */

#Index-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:716px;
	height:78px;
	z-index:999;
	
}
#dropmenu {
	z-index: 999;
	text-align: left;
	top:0px;
	position:relative;
}

#Index-02 {
	position:absolute;
	left:716px;
	top:0px;
	width:70px;
	height:17px;
		z-index: 3;
}

#Index-03 {
	position:absolute;
	left:786px;
	top:0px;
	width:71px;
	height:17px;	z-index: 3;
}

#Index-04 {
	position:absolute;
	left:857px;
	top:0px;
	width:103px;
	height:17px;	z-index: 3;
}

#Index-05 {
	position:absolute;
	left:716px;
	top:17px;
	width:244px;
	height:60px;	z-index: 3;
}

#Index-06 {
	position:absolute;
	left:716px;
	top:77px;
	width:244px;
	height:1px;	z-index: 3;
}

#Index-07 {
	position:absolute;
	left:0px;
	top:78px;
	width:960px;
	height:36px; z-index: 3;
	}

#Index-08 {
	position:absolute;
	left:0px;
	top:114px;
	width:960px;
	height:250px;	z-index: 3;
}

#Index-09 {
	position:absolute;
	left:0px;
	top:364px;
	width:191px;
	height:26px;	z-index: 3;
}

#Index-10 {
	position:absolute;
	left:191px;
	top:364px;
	width:769px;
	height:42px;	z-index: 3;
}

#Index-11 {
	position:absolute;
	left:0px;
	top:390px;
	width:191px;
	height:24px;	z-index: 3;
}

#Index-12 {
	position:absolute;
	left:191px;
	top:406px;
	width:24px;
	height:30px;	z-index: 3;
}

#Index-13 {
	position:absolute;
	left:215px;
	top:406px;
	width:381px;
	height:30px;	z-index: 3;
}

#Index-14 {
	position:absolute;
	left:596px;
	top:406px;
	width:53px;
	height:30px;	z-index: 3;
}

#Index-15 {
	position:absolute;
	left:649px;
	top:406px;
	width:265px;
	height:30px;	z-index: 3;
}

#Index-16 {
	position:absolute;
	left:914px;
	top:406px;
	width:46px;
	height:29px;	z-index: 3;
}

#Index-17 {
	position:absolute;
	left:0px;
	top:414px;
	width:191px;
	height:25px;	z-index: 3;
}

#Index-18 {
	position:absolute;
	left:914px;
	top:435px;
	width:46px;
	height:1px;	z-index: 3;
}

#Index-19 {
	position:absolute;
	left:191px;
	top:436px;
	width:458px;
	height:163px;	z-index: 3;
	background-color: #FFFFFF;
}

#Index-20 {
	position:absolute;
	left:649px;
	top:436px;
	width:311px;	z-index: 3;
	height:10px;
}

#Index-21 {
	position:absolute;
	left:0px;
	top:439px;
	width:191px;	z-index: 3;
	height:24px;
}

#Index-22 {
	position:absolute;
	left:191px;
	top:446px;
	width:458px;	z-index: 3;
	height:154px;
}

#Index-23 {
	position:absolute;
	left:649px;
	top:446px;
	width:311px;	z-index: 3;
	height:336px;
}

#Index-24 {
	position:absolute;	z-index: 3;
	left:0px;
	top:463px;
	width:191px;
	height:24px;
}
#index-left-06 {
	position:absolute;
	left:0px;
	top:487px;
	width:191px;
	height:26px;
}
#Index-25 {
	position:absolute;
	z-index: 3;
	left:0px;
	top:513px;
	width:191px;
	height:376px;
	background-color: #339999;
}
#emergency {
	position:absolute;
	width:750px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	z-index:9;
	left: 100px;
	top: 189px;
	}
#pagecenter {
	background-color: #FFFFFF;
	text-align: center;
	position: relative;
	visibility: visible;
	z-index: 99;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
body {
	text-align: center;
	background-image: url(/images/index-bkgd.jpg);
	background-repeat: repeat-y;
	background-color: #A30001;
	background-position: center;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#index-topbanner {
	background-color: #FFFFFF;
	background-image: url(/images/Index-background.gif);
	background-repeat: repeat-x;
	position: absolute;
	visibility: visible;
	z-index: 1;
	height: 112px;
	left: 0px;
	top: 0px;
	width:100%;
}


#index-news {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	position: absolute;
	visibility: visible;
	z-index: 4;
	width: 436px;
	left: 199px;
	top: 448px;
	height: 121px;
}
#index-calendar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #EDF3FD;
	position: absolute;
	visibility: visible;
	z-index: 4;
	width: 300px;
	left: 655px;
	top: 447px;
	text-align: left;
}
.news-calendar-text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	padding-bottom: 5px;
}

#template-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:960px;
	height:113px;
	z-index:99;
}

#template-02 {
	position:absolute;
	left:0px;
	top:113px;
	width:960px;
	height:211px;
}
#template-banner {/*bumped up the height from Template-02 to include the red banner, so that it can act as a home page link; first used in Career Services*/
	position:absolute;
	left:0px;
	top:113px;
	width:960px;
	height:274px;
}
/*#template-03 {
	position:absolute;
	left:0px;
	top:324px;
	width:960px;
	height:62px;
}*/
#template-03 {
	position:absolute;
	left:0px;
	top:324px;
	width:447px;
	height:60px;
	z-index:98;
}
#red-bar-utilities {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
	position: absolute;
	visibility: visible;
	z-index:4;
	width: 242px;
	left: 265px;
	top: 375px;
	height: 28px;
}

#search {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
	position: absolute;
	visibility: visible;
	z-index:4;
	width: 320px;
	left: 641px;
	top: 375px;
	height: 30px;
}

/*THESE STYLES RELATE SPECIFICALLY TO THE TEMPLATE*/

/*THE FOLLOWING RELATE TO THE UNIVERSAL HEADER*/
#header-02 {
	position:absolute;
	left:617px;
	top:0px;
	width:70px;
	height:17px;
		z-index: 3;
}

#header-03 {
	position:absolute;
	left:687px;
	top:0px;
	width:100px;
	height:17px;	z-index: 3;
}

#header-04 {
	position:absolute;
	left:787px;
	top:0px;
	width:103px;
	height:17px;	z-index: 3;
}
#header-05 {
	position:absolute;
	left:875px;
	top:0px;
	width:70px;
	height:17px;
		z-index: 3;
}
.toplink {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#900000;
	}
a.toplink:link {
	text-decoration:none;
	}
a.toplink:visited {
	text-decoration:none;
	}
a.toplink:hover {
	text-decoration:underline;
	}
.white {color: #FFFFFF}	

/*THE FOLLOWING RELATE TO THE COLUMN OF LINKS WITH THE BLACK BACKGROUND*/ 
#template-upperleft {
	position:absolute;
	background-color:#000000;
	left:0px;
	top:105px;
	width:160px;
	height:194px;
	padding: 15px 0 10px 0px;
	font-size:12px;
	text-align:left;
	z-index:97;
	filter:alpha(opacity=80);
	-moz-opacity: .80;
	font-weight:bold;
	}
#template-upperleft a:link {
	color:#ffffff;
	display:block;
	padding: 6px 0 6px 10px;
	text-decoration:none;
	}
#template-upperleft a:visited {
	color:#ffffff;
	display:block;
	padding: 6px 0 6px 10px;
	text-decoration:none;
	}
#template-upperleft a:hover {
	color:#ffffff;
	background-color:#666666;
	}
/*THESE STYLES ARE VARIATIONS TO THE HOME PAGE RED BAR TO ACCOMMODATE ADDITIONAL LINKS*/
#template-03-long{
	position:absolute;
	left:0px;
	top:324px;
	width:960px;
	height:60px;
	z-index:98;
}

#template-03a {
	position:absolute;
	left:447px;
	top:324px;
	width:77px;
	height:60px;
}

#template-03b {
	position:absolute;
	left:524px;
	top:324px;
	width:89px;
	height:60px;
}

#template-03c {
	position:absolute;
	left:613px;
	top:324px;
	width:84px;
	height:60px;
}

#template-03d {
	position:absolute;
	left:697px;
	top:324px;
	width:263px;
	height:60px;
	background-image:url(http://www.usi.edu/welcome/images/template_03d.gif);
	background-repeat:no-repeat;
	font-size: 10px;
	color: #ffffff;
}
#template-03d input {
	font-size: 10px;
}
/*THESE STYLES RELATE TO THE LEFT COLUMN BELOW THE RED BAR*/
#template-left {
	position:absolute;
	left:0px;
	top:390px;
	width:190px;
	height:100%;
	padding: 10px 0 10px 10px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	}
#template-left a {
	display:block;
	color:#000000;
	text-decoration:none;
	padding:3px;
	padding-bottom:8px;
	}
#template-left a:hover {
	display:block;
	color:#999999;
	padding:3px;
	padding-bottom:8px;

	}
#template-left h3{
	color:#990000;
	font-size:16px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#template-left .sublink {
	font-size: 90%;
	color:#666666;
	margin-left:10px;
	}
#template-left a.sublink:hover {
	color:#990000;
	}
/*THESE STYLES RELATE TO THE MAIN CONTENT AREA*/
#template-center {
	position:absolute;
	left:200px;
	top:390px;
	width:470px;
	padding: 10px;
	font-size:12px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:150%;
	z-index: 3;
	}
#template-center a {
	text-decoration:none;
	font-weight:bold;
	color:#000099;
	}
#template-center a:hover {
	text-decoration:underline;
	}
#template-center ul li a {
	background-image:none;
    display:inline;
    text-decoration:none;
	}
#template-center ul li a:visited {
	background-image:none;
    display:inline;
    text-decoration:none;
	}
#template-center ul li a:hover {
	background-image:none;
    display:inline;
    text-decoration:underline;
	}

#template-center td {
	font-size:80%;
	}
#template-center h4 {
	margin-bottom:0;
	font-size:125%;
	}
#template-center h2 {
	line-height:125%;
	}
/*THIS STYLE RELATES TO THE RIGHT COLUMN BELOW THE RED BAR*/
#template-right {
	position:absolute;
	left:695px;
	top:390px;
	width:250px;
	padding: 10px 0 10px 5px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	border-left:1px solid #cccccc;
	}
/*THIS STYLE RELATES TO THE SEARCH BOX IN THE UNIVERSAL HEADER*/ 	
#search-template {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: right;
	position: absolute;
	visibility: visible;
	z-index:4;
	width: 300px;
	left: 650px;
	top: 48px;
	height: 30px;
}	
/* Fix IE. Hide from IE Mac \*/
/* html ul li { float: left;}
/* html ul li a {height:1% }
/*End */

body {
	font-family: arial, helvetica, serif;
}

.navigation { 
	font-size:8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	width:160px;
	z-index:inherit;
	background-image:url(/images/navbg.gif);
	height: 30px;
	margin-top:3px;
	}
	
.navigation a { 
	display: block;
	z-index:99;

}


#nav, #nav ul { /* all lists */
	position: absolute;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:0;
	padding-right:0;
	margin: 0;
	list-style: none;
	z-index:inherit;
}


		
#nav a {
	display: block;
	z-index:99;
}


ul li li a {
	text-decoration: none;
	color: #000099;
	background: #ccccff;
	padding-top: 7px;
	padding-left: 15px;
	padding-right: 3px;
	padding-bottom:5px;
	border-bottom: 0px none;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 11px;
	border-bottom:#9999FF 1px solid;
}
li li a:hover {
	color: #ffffff;
	background: #000099;
	text-decoration:none;
	}
ul a:hover {
	text-decoration:underline;
	}	
li a:hover {
	background-image:url(/images/navbg-over.gif);
	}
	
ul li a {
	text-decoration: none;
	color: #ffffff;
	padding-top: 7px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom:5px;
	font-family: "Arial", "Helvetica", sans-serif;
	font-weight:bold;
	font-size: 12px;
}


#nav li { /* all list items - I took the #nav out of the original script to be able to create custom widths for the horizontal navs */
	float:left;
	width:160px;
	}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 160px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:inherit;
}


#nav li ul ul { /* third-and-above-level lists */
	margin: -3em 0 0 150px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav li:hover, #nav li.hover {/*THIS IS ESSENTIAL TO "HIDE" DROPDOWNS AFTER ENABLING THE EXPANDIBLE BOX*/
    position: static;
}
/*#test {
	width:100%;
	z-index:9999;
	height: 100px;
	background-color: #FFFFFF;
}*/
#myusi {
	position: absolute;
	visibility: visible;
	z-index: 6;
	width: 60px;
	left: 5px;
	top: 530px;
}

#spotlight {
	background-image:url(/images/spotlight_box.png);
	background-repeat: no-repeat;
	position: absolute;
	visibility: visible;
	z-index: 6;
	width: 191px;
	height: 185px;
	left: 0px;
	top: 525px;
}
#spotlight table {
	margin-top: 65px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	vertical-align: top;
}

/*IMAGE TRANSITION*/

/* default opacity for IE */
img {
	filter:alpha(opacity=100);
	}

/* duplicate image positioning */
img.idupe {
	position:absolute;
	z-index:30000;
	visibility:hidden;
	}
#indexfooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 100px;
	width: 769px;
	position: absolute;
	visibility: visible;
	z-index: 4;
	left: 192px;
	top: 782px;
}
.exploremore {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;

}

a.exploremore:link, a.exploremore:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	text-decoration:none;

}

a.exploremore:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	text-decoration:underline;

}

#index-address {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 85px;
	width: 184px;
	position: absolute;
	visibility: visible;
	z-index: 4;
	left: 3px;
	top: 798px;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-align: left;
}
#copyright {
	position: absolute;
	visibility: visible;
	z-index: 3;
	width: 960px;
	left: 0px;
	top: 890px;
	text-align: left;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #000000;
}