@import url('http://iguides.illinoisstate.edu/iguide/iguide-black.css');

/* OVERALL PAGE STYLES */
html {  }

body { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 74%; line-height: 120%; margin: 0px; padding: 0; min-width: 600px; /*min-height: 800px;*/ background-color: #EDEAE2;}

table { font-size: 100%; border-collapse: collapse; border-spacing: 0;}
th,td{ font-style: normal ;font-weight: normal; text-align: left; margin: 0; padding: 0;}

a:link, a:visited { color: #990000; text-decoration: none; font-weight: normal; }
a:active, a:hover, a:focus { color: #990000; text-decoration: underline; font-weight: normal; }

h1 { color: #000000; font-size: 200%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 20px 0px; }
h2 { color: #000000; font-size: 165%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 20px 0px; }
h3 { color: #000000; font-size: 140%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 0px 0px; }
h4 { color: #000000; font-size: 110%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 0px 0px; }
h5 { color: #ffffff; font-size: 120%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 0px 0px; }
h6 { color: #000000; font-size: 100%; font-style: normal; font-weight: bold; line-height: 100%; }
p { margin: 0px 0px 10px 0px; }
strong, bold {  }
em, i {  }
abbr, acronym { font-style: normal; text-decoration: none; }
ul, ol, dl, dt { list-style-position: outside; margin: 0px 0px 10px 25px; padding: 0px; }
li, dd { margin: 0px 0px 5px 0px; }
img { border: none; }


/*Button Styling*/
#button {text-align:center; padding:5px 0 0 0 }
#button a {width:62px; height:20px; vertical-align:middle;}
#button a:link {color:#333;}
#button a:hover { color:#c00; text-decoration:none;}

/*.buttonSmall {background:url(/files/structure/button_small.png) no-repeat top left; width:62px; height:26px; padding:0; margin:0; color:#333; cursor:pointer; }
.buttonSmall:hover {background-image:url(/files/structure/button_small_hover.png); color:#C00;}*/
.buttonSmall {background:url(/files/structure/button_small_aio.png) no-repeat top left; width:62px; height:26px; padding:0; margin:0; color:#333; cursor:pointer; }
.buttonSmall:hover {background-position:-62px 0px; color:#C00;}
.buttonBig {background:url(/files/structure/button_big_aio.png) no-repeat 0px 0px; width:112px; height:27px; text-align:center; padding:0; margin:0; color:#333; cursor:pointer; }
.buttonBig:hover {background-position:0px -32px; color:#C00;}

/* ALTERNATE INFORMATION FOR PRINT/HANDHELD/SCREENREADERS */
.screenRead { position: absolute; left: -1000px; }



/* IGUIDE LAYER */
#layerIGuide { background-color: #000000; height: 30px; width:100%; margin:0; position:absolute; z-index:100 }



/* COLLEGE LAYER */
#layerCollege {  height: 21px; float: right; border-width:0px 0px 1px 0px; border-color:#000; border-style:solid; }
#layerCollege p { font-dsize: 92%; display:inline-block; line-height: 100%; margin: 0px 0px 0px 0px; text-align:left;  }
#layerCollege p a { font-weight: bold; padding: 3px 15px 5px 15px; display: block; }
#layerCollege p a:link, #layerCollege p a:visited { color: #000; text-decoration: none;  }
#layerCollege p a:active, #layerCollege p a:hover, #layerCollege p a:focus { color: #FFFFFF; text-decoration:none;  }



/* MASTHEAD LAYER */
#layerMast {  text-align: center; vertical-align: bottom; background-image: url(/files/structure/bg_mast.png); background-color:#990000;  height: 100px; border-width: 0px 0px 25px 0px; border-style: solid; padding:15px 0px 0px 10px; margin:0; border-color: #ddd; background-repeat: no-repeat;}

#link1 {  }
#link2 {  }
#link3 {  }
#link4 {  }
#link5 {  }
#linkHome {  }

/* Masthead Graphic Rollover */
a.linkHome { display: block; height: 100%; width: 100%; }
a.linkHome:link, a.linkHome:visited { color: #FFFFFF; text-decoration: none; }
a.linkHome:active, a.linkHome:hover, a.linkHome:focus { color: #FFFFFF; text-decoration: underline; }



/** MASTHEAD LEVEL NAVIGATION LAYER **/
#layerNavigation { clear: both; width:100%; margin: 0;   position: absolute; top:140px; left:0; z-index: 5; }

/* MAST LINKS RIGHT*/
#mastNavRightContainer {float:right; background-color:#ddd; margin:10px 0px 0px 0px; height:15px; }
#mastNavRightContainer img {padding:0 5px 0 0; margin:0}
#mastNavRightContainer p.right {font-size:90%;  display:inline; padding:0px 7px 0px 7px; border-width:0px 1px 0px 0px; border-color:#aaa; border-style:solid; }
#mastNavRightContainer p a:link, #mastNavRightContainer p a:visited {color:#666;}
#mastNavRightContainer p a:active, #mastNavRightContainer p a:hover, #mastNavRightContainer p a:focus { color:#333; text-decoration:underline;}
#getLink {cursor:pointer;}

/* STANDARD STYLING FOR MAST NAV */
#mastNavContainer { height: 35px; position: absolute; top: 0px; left: 0px; z-index: 4; }
#mastNavContainer #mastLink01 { width: 140px; height: 35px; left: 0px; position: absolute; z-index: 12; }
#mastNavContainer #mastLink02 { width: 140px; height: 35px; left: 165px; position: absolute; z-index: 11; }
#mastNavContainer #mastLink03 { width: 140px; height: 35px; left: 330px; position: absolute; z-index: 10; }
#mastNavContainer #mastLink04 { width: 140px; height: 35px; left: 495px; position: absolute; z-index: 9; }
#mastNavContainer #mastLink05 { width: 140px; height: 35px; left: 660px; position: absolute; z-index: 8; }
#mastNavContainer #mastLink06 { width: 140px; height: 35px; left: 0px; position: absolute; z-index: 7; }
#mastNavContainer #mastLink07 { width: 140px; height: 35px; left: 165px; position: absolute; z-index: 6; }
#mastNavContainer #mastLink08 { width: 140px; height: 35px; left: 330px; position: absolute; z-index: 5; }
#mastNavContainer #mastLink09 { width: 140px; height: 35px; left: 495px; position: absolute; z-index: 4; }
#mastNavContainer p { font-size: 92%; line-height: 100%; margin: 0px; padding: 0px; display: block; }
#mastNavContainer p a { font-weight: bold; text-align: center; margin: 0px; padding: 12px 0px 0px 0px; width: 189px; height: 32px; display: block; background-image: url(/files/structure/bg_mastLink_aio.png); behavior: url("/files/scripts/iepngfix.htc"); background-repeat: no-repeat; }
#mastNavContainer p a:link, #mastNavContainer p a:visited { color: #fff; text-decoration: none; background-position: 5px 0px; }
#mastNavContainer p a:active, #mastNavContainer p a:hover, #mastNavContainer #mastLink01 a:focus { color: #FFFFFF; text-decoration: none; background-position: 5px -48px; }

/* PAGE CONTENT LAYER */
#wrapBody { display: block; padding: 0px 0px 0px 0px; background-color: #FFFFFF;  height: 1%; margin: 0px; background-image: url(/files/structure/back-links.jpg); background-repeat: repeat-y; background-position: left top;}

/* Lefthand Navigation Menu */

#columnLink {overflow:visible; margin:0px; padding-top:0px; z-index: 3; top:0px; left:0px; position:absolute; background-image:url(../structure/bg_columnLink.png); background-repeat:repeat-y;}
#columnLink img.navIcon { margin-top:5px;}

#columnLinkTop {height:68px; width:224px; margin:15px 0px 0px 0px; padding:0px 0px 0px 35px; border-width:0px 0px 1px 0px; border-color:#ccc; border-style:solid; }
#columnLinkTop:hover {background-image:url(../structure/bg_columnlink_over.png); background-repeat:repeat-y; background-position:left;}

#columnLinkOpenButton {float:left; position:absolute; width:175px; height:75px; z-index: 2; top:175px; left:0px; background-image:url(../structure/bg_refresh.png); }
#columnLinkOpenButton:hover {background-image:url(../structure/bg_refresh_over.png);}

.refresh {float:left; margin:15px 0px 0px 0px; cursor:pointer; }
.refresh img {float:left; margin:0px 5px 0px 0px;}
.refresh p {float:left; color: #333; font-size:14px;  margin-top:10px;}

/* Standards not used
#columnLink { float: left; width:150px;}
#columnLink p { font-weight: bold; font-style: normal; font-size: 92%; line-height: 100%; margin: 0px; padding: 0px; }
#columnLink p a.navLinks { font-weight: bold; padding: 3px 5px 2.2px 12px; display: block; background-color: #990000; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #A03030; }
#columnLink p a.navLinks:link { color: #E2CECE; text-decoration: none; }
#columnLink p a.navLinks:active { color: #FFFFFF; text-decoration: underline; }
#columnLink p a.navLinks:visited { color: #E2CECE; text-decoration: none; }
#columnLink p a.navLinks:hover, #columnlink p a:focus { color: #FFFFFF; text-decoration: underline; }

#columnLink p a.navLinks2 { font-weight: bold; padding: 3px 5px 2.2px 30px; display: block; background-color: #990000; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #A03030; }
#columnLink p a.navLinks2:link { color: #E2CECE; text-decoration: none; }
#columnLink p a.navLinks2:active { color: #FFFFFF; text-decoration: underline; }
#columnLink p a.navLinks2:visited { color: #E2CECE; text-decoration: none; }
#columnLink p a.navLinks2:hover, #columnlink p a:focus { color: #FFFFFF; text-decoration: underline; }*/ 

#linset1 { cursor: pointer; color: #E2CECE; padding: 2px 0px 0px 0px; background-color: #990000; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #A03030; }

/* Main Content Body */
#wrapContent { background-color: #FFFFFF; margin: 0px 0px 0px 215px; padding: 10px 10px 10px 10px; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #990000; }

#wrapContent2 { background-color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #990000; }

/* Float Window Information */
#columnSpecial { float: right; width: 250px; display: block; padding: 0px 0px 10px 0px; }
#columnSpecial img { vertical-align: bottom; }
#columnSpecial h2 { font-size: 100%; line-height: 100%; font-weight: bold; color: #ffffff; background-color: #990000; display: block; padding: 10px; margin: 0px 0px 10px 0px; }
#columnSpecial h3 { font-size: 100%; line-height: 100%; margin: 0px 10px 10px 10px; color: #000000; font-style: normal; font-weight: bold; display: block; }
#columnSpecial p { margin: 0px 10px 10px 10px; color: #000000; font-size: 100%; line-height: 110%; font-style: normal; font-weight: normal; }

#columnText { overflow: visible; height: 1%; display: block; margin: 0px 270px 0px 0px; padding: 0px; }
#columnText:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
#columnText a { color: #990000;}
#columnText p { color: #000000;}

#columnText2 { overflow: visible; height: 1%; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; }



#mainimg { width: 320px; height: 320px;}

/*MODAL WINDOW STYLING*/
#wrapModal {height:100%; width:100%; position:absolute; left:0px; top:0px; z-index:1000000; background: url(/files/structure/bg_shadow.png); display:none;}
#modalWindow {margin:200px auto 0 auto; padding:10px; width:398px;}
#modalTop {display:block; height:61px; }
#modalTop.alert {background-image:url(../structure/bg_modal_topAlert.png);}
#modalMiddle {padding: 0px 30px 0px 15px; display:block; background-image:url(/files/structure/bg_modal_middle.png); background-repeat:repeat-y;}
#modalMiddle p {margin:0; padding:0 0 10px 0;}
#modalBottom {display:block; background-image:url(/files/structure/bg_modal_bottom.png); height:30px;}


/* FOOTER LAYER */
#layerFooter { clear: both; margin: 0px 0px 5px 0px; border-width: 4px 0px 0px 0px; border-style: solid; border-color: #000000; background-color: #990000;}
#layerFooter p { color: #daa5a5; margin: 5px 0px 5px 0px; padding: 0px 10px 0px 10px; }
#layerFooter p a:link, #layerFooter p a:visited { color: #daa5a5;  }
#layerFooter p a:active, #layerFooter p a:hover, #layerFooter p a:focus { color: #FFFFFF;  }



/* ALTERNATE INFORMATION FOR PRINT/HANDHELD/SCREENREADERS 
.screenRead { position: absolute; left: -1000px; }


/* CSS ADDED BY RYAN */

.mapBtn {position:absolute; z-index:5000; height:26px; width:93px; background-image:url(/files/structure/map_buttons.png); background-position:0px 0px; text-align:center; line-height:25px; cursor:pointer; color:#464747}
.mapBtn:hover {background-position:0px -26px; color:#990000}

.mapBtnDown {background-position:0px -78px; position:absolute; z-index:5000; height:26px; width:93px; background-image:url(/files/structure/map_buttons.png); text-align:center; line-height:26px; cursor:pointer; color:#E1E2E0; font-weight:normal;}
.mapBtnDown:hover {background-position:0px -52px; line-height:26px; color:#FFFFFF; }

#mapBtnTest {position:absolute; z-index:5000; height:26px; width:93px; background-image:url(/files/structure/map_buttons.png); background-position:0px 0px; text-align:center; line-height:25px; cursor:pointer; color:#464747}
#mapBtnTest:hover {background-position:0px -26px; color:#990000}

#mapBtnDownTest {background-position:0px -78px; line-height:26px; color:#E1E2E0; font-weight:normal; position:absolute; z-index:5000; height:26px; width:93px; background-image:url(/files/structure/map_buttons.png); text-align:center; cursor:pointer; }
#mapBtnDownTest:hover {background-position:0px -52px; line-height:26px; color:#FFFFFF; }

.formCheckBox { clear: both; margin: 0px 0px 5px 20px; }
.formCheckBox input { float: left; }
.formCheckBox label { margin: 0px 0px 0px 30px; display: block; }

/* More Button */
#wrapMore {}
#btnMore {}

#wrapBodyMore {cursor:pointer; position:absolute; right:164px; top:198px; width:171px; display:none; font-size:12px; z-index:99; line-height:17px; cursor:pointer; margin:0; padding:0; cursor:default}

#bodyMoreTop {width:171px; height:20px; background-image:url(/files/structure/moreboxtop.png); background-repeat:no-repeat; background-position:top}

#bodyMore {width:171px; background-image:url(/files/structure/moreboxrepeat.png); background-repeat:repeat-y}
#bodyMore div {padding:0 0 0 5px;}
#bodyMore input {float:left}
#bodyMore p {margin:0 0 2px 0; padding:0}
#bodyMore label {width:100%; display:block; margin: 0px 0px 2px 0px;}
.liteHr {background-color:#CCC; width:85%; height:1px; margin:5px auto 5px auto}
#wrapMoreAll { margin:0 0 0 25px; }
#moreAll { color:#CCC; cursor:pointer; }

#bodyMoreBtm {width:171px; height:10px; background-image:url(/files/structure/moreboxbtm.png); background-repeat:no-repeat; background-position:bottom}

.moreIcons {background-image:url(/files/structure/moreicons.png); height:14px; width:12px; float:left; background-repeat:no-repeat;}
#moreEvts {background-position:0px 0px}
#moreConst {background-position:0px -14px}
#moreEmer {background-position:0px -28px}
#moreSnow {background-position:0px -42px}


#controlMap area { cursor:pointer; }
#zoomPlus { background: url(/images/controls/zoomAIO.png) no-repeat 0px 0px; height:34px; width:45px; margin-left:42px; cursor:pointer; }
#zoomPlus:hover { background-position:-45px 0px }
#zoomMinus { background: url(/images/controls/zoomAIO.png) no-repeat 0px -34px; height:34px; width:45px; margin-left:42px; cursor:pointer; }
#zoomMinus:hover { background-position:-45px -34px }

.infoBox {max-width:325px; min-height:100px}
.infoBox img { margin:0;float:left; }
.infoBox p { margin:0 0 0 145px; padding:0}
.infoBox h2 {margin:0 10px 5px 0; padding:0; font-size:1em; font-weight:bold;}
.infoBox a { color: #990000; text-decoration: none; font-weight: normal; }
.infoBox a:active, .infoBox a:hover, .infoBox a:focus { color: #990000; text-decoration: underline; }

.infoBoxPark img { margin:0;float:left; }
.infoBoxPark p { margin:0; padding:0}
.infoBoxPark h2 {margin:0 10px 5px 0; padding:0; font-size:1em; font-weight:bold;}
.infoBoxPark a { color: #990000; text-decoration: none; font-weight: normal; }
.infoBoxPark a:active, .infoBoxPark a:hover, .infoBoxPark a:focus { color: #990000; text-decoration: underline; }

#searchBox { left:300px; top:45px; position:absolute; z-index:10; padding: 20px 20px 20px 20px;}
#searchTab { padding: 0px 0px 20px 10px; }

#hiddenInfo { width:335px; background:#CCC; right:0px; top:170px; position:absolute; z-index:10000; padding: 5px; border:thin solid #999;}

div a.chkBox:link { color: #E2CECE; text-decoration: none; }
div a.chkBox:active { color: #FFFFFF; text-decoration: underline; }
div a.chkBox:visited { color: #E2CECE; text-decoration: none; }
div a.chkBox:hover, div a:focus { color: #FFFFFF; text-decoration: underline; }

#layerTools { background-color: #000000; height: 22px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#layerToolsRight {float:right; padding: 0px 10px 0px 0px; color: #999}
#layerToolsRight a, #layerToolsRight a:visited {color: #FFFFFF; }
#layerToolsLeft {float:left; padding: 0px 0px 0px 10px; color: #999}
#layerToolsLeft a, #layerToolsLeft a:visited {color: #FFFFFF; }

#legendDiv { z-index:2; position:absolute; right:0px; top:220px }
#legendTop {height:33px; width:183px; background: url(/images/legends/legendTop.png) }
#legendDivider {height:1px; background-image:url(../structure/legend_divider.png); display:none;}
#legendMiddle {background: url(/images/legends/legendMiddle.png);}
/*.legendMiddle {background-image:url(../structure/legend_middle.png); background-repeat:repeat-y; padding: 5px 0px 5px 30px;}
.legendMiddle img { display:block; clear:both;} */
#legendBottom {height:15px; width:183px; background: url(/images/legends/legendBottom.png);}

img#icon_link:hover {background-image:url(../structure/icon_hover.png); background-repeat:no-repeat;}


.wrapLeftNavSub { cursor: pointer; margin: 0px 20px 0px 30px; padding:5px 0px 5px 0px; background-color:#fff;}
.wrapLeftNavSub input.checkbox {float:left;}
.wrapLeftNavSub input[type='checkbox'] {float:left;}

.leftNavSub { cursor: pointer; clear:both;}
.leftNavSub p { padding:5px 0px 5px 0px; margin: 0px 0px 0px 0px; }
.leftNavSub:hover {background-color:#ddd;}

.wrapLeftNavSubSec { padding: 0px 0px 0px 10px;}

#constructionLink {background-image:url(/images/legends/construction_homepage.png); width:225px; height:85px}
#constructionLink:hover {background-image:url(/images/legends/construction_homepage_hover.png)}

#resIcon {background-position:0px 0px; display:none;}
#dineIcon {background-position:0px -16px; display:none;}
#classIcon {background-position:0px -32px; display:none;}
#adminIcon {background-position:0px -48px; display:none;}
#artIcon {background-position:0px -64px; display:none;}
#sportsIcon {background-position:0px -80px; display:none;}
#poiIcon {background-position:0px -96px; display:none;}
#parkIcon {background-position:0px -112px; display:none;}
#transIcon {background-position:0px -128px; display:none;}

#wrapLegend {position:absolute; width:184px; right:0px; top:200px; z-index:75;}

/* Searchbox */

#searchBoxText {
	font-family:Arial;
	border:0; 
	width:230px; 
	background:transparent; 
	margin:10px 0 0 15px; 
	float:left;
} 

.searchBox_inactive {
	color:#999; 
}

.searchBox_active {
	color:#333; 
}

.searchBox_text {
	color:#666; 
}

#searchBackground {
	width:286px; 
	height:35px; 
}

.searchBackground_inactive { 
	background: url(/files/structure/bg_search_aio.png) no-repeat 0px 0px; 
}

.searchBackground_active {
	background: url(/files/structure/bg_search_aio.png) no-repeat 0px -35px; 
}

#searchButton {
	border:0; 
	float:right;
}

/* Accordion Left Nav*/

#wrap {
    overflow:hidden;
}

.temp{
	cursor: pointer;
}

.temp2{
	padding: 0px 0px 0px 10px
}

.specialLink { padding:0; margin-right:16px; border-bottom:0px solid #ccc;}
/*.specialLink div:hover {background-color:#FFF }*/
/*.specialLink img { padding:10px 0 10px 30px; }*/

.navIcons { height:16px; width:16px; margin:0; float:left; background: url(/images/icons/locationIcons_aio.png); background-position:no-repeat;}
.navTitle { margin:0 0 0 25px; }

dl.accordion-menu {
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 275px;
}

dl.accordion-menu img {
	margin:	0px 0px 0px 10px;
}

dl.accordion-menu dt.a-m-t {
	margin: 0;
	padding:7px 0px 7px 10px;
	color: #666;
	width:248px;
	font-size:110%;
	border-width:0px 0px 1px 0px;
	border-color:#ccc;
	border-style:solid;
}

/*dl.accordion-menu dt.a-m-t div {
	float:left;
}*/

/*dl.accordion-menu dt.a-m-t {
	margin: 0;
	padding:7px 0px 7px 35px;
	color: #666;
	width:223px;
	font-size:110%;
	border-width:0px 0px 1px 0px;
	border-color:#ccc;
	border-style:solid;
}*/

dl.accordion-menu dt.a-m-t-hover{
	background:#fff;
	color:#333;
}


dl.accordion-menu dt.a-m-t-down{
	
}




html.accordion-menu-js dt.a-m-t{
	cursor:pointer;
	zoom:1;
}

dl.accordion-menu dd.a-m-d {
	margin: 0;
	padding: 0;
	padding:0;
}

html.accordion-menu-js dd.a-m-d{
	display:none;
}


html.accordion-menu-js dd.a-m-d-expand {
	display:block;
}

html.accordion-menu-js dd.a-m-d-before-expand {
	display:block;
	position:relative;
	z-index:-1;
	opacity:0;
	height:auto !important;
	visibility:hidden;
	overflow:visible;
	background:#ddd;
}


html.accordion-menu-js dt.a-m-t-expand {
	background:#fff;
	color:#333;
}

html.accordion-menu-js dd.a-m-d-anim {
	overflow:hidden;
	display:block;	
}

dl.accordion-menu dd.a-m-d .bd{
	padding:0;
}