@import url('common.css');
@import url('http://iguides.illinoisstate.edu/giving/giving.css');

/* OVERALL PAGE STYLES */
html {background-image: url(/files/structure/bg_body.jpg); background-position:top left; background-repeat: repeat-x; background-color: #adadad;}
body {font-family: Arial, Helvetica, sans-serif; color: #333333;  line-height: 124%; margin: 0px; padding: 0; background-image: url(/files/structure/bg_shadow.png); background-position: top center; background-repeat: no-repeat;  }
#wrapAll {width: 1000px; min-height: 600px; height: auto !important; margin: 0px auto;}

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: underline; font-weight: normal; }
a:active, a:hover, a:focus { color: #cc0000; text-decoration: underline; font-weight: normal; }

h1 { font-family:"Adobe Garamond Pro", Georgia, serif; font-size: 150%; line-height: 100%; color: #333333; font-weight:bold; margin: 0px 0px 20px 0px; }
h2 { font-family:"Adobe Garamond Pro", Georgia, serif; color: #333; font-size: 110%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 8px 0px; }
h3 { color: #000000; font-size: 90%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 0px 0px; }
h4 { color: #000000; font-size: 70%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 0px 0px; }
h5 { color: #ffffff; font-size: 70%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 0px 0px; }
h6 { color: #000000; font-size: 50%; font-style: normal; font-weight: bold; line-height: 100%; }
p { font-size: 80%; padding: 0px; margin: 0px 0px 8px 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; }
img, div, p, a { behavior: url("/files/scripts/iepngfix.htc");}


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



/* IGUIDE LAYER */
#layerIGuide { background-color: #000000; height: 30px; }


/* ------------------------------- */
/* ------MASTHEAD LAYER---------*/
/* ------------------------------- */

#layerMast {text-align: left; height: 280px; background-color:#999;}
a.linkHome { z-index: 5; padding:0px 0px 0px 10px;}
#mastLogo {position: absolute; z-index:4; top:40px;}
#mastLogoPrint { display: none; }
#mastLogoShare { display: none; }

/* College Naviation Layer */
#layerCollege { position:absolute; z-index:5; margin-left:700px;}
#layerCollege p {  font-size: 70%; line-height: 100%; margin: 0px 0px 0px 0px; text-align:right;  padding: 3px 10px 10px 5px; color: #ffffff; background-color: #000000;  webkit-border-radius: 0px 0px 0px 10px; -moz-border-radius: 0px 0px 0px 10px; border-radius: 0px 0px 0px 10px;}
#layerCollege p a { font-weight: bold;}
#layerCollege p a:link, #layerCollege p a:visited { color: #FFFFFF; text-decoration: none; }
#layerCollege p a:hover, #layerCollege p a:active, #layerCollege p a:hover, #layerCollege p a:focus { color: #FFFFFF; text-decoration: underline; }

/*Search Styling*/
#layerSearch {margin: 0px 0px 0px 0px; padding:10px 0px 0px 0px; width:300px; height:32px;}
#searchBox { display:block; float:right; margin:0 5px 0 0;}
#searchBoxText {font-family:Arial;border:0; width:180px; background:transparent; margin:10px 0 0 15px; float:left;}
.searchBoxText_inactive {color:#999; }
.searchBoxText_active {color:#333; }
.searchBoxText_text {color:#666; }
.searchBackground_inactive {width:250px; height:35px; background: url(/files/structure/search/bg_searchbox.png) no-repeat scroll 0px 0px;}
.searchBackground_active {width:250px; height:35px; background: url(/files/structure/search/bg_searchbox.png) no-repeat scroll 0px -35px;}
#searchButton {border:0; float:right;}

/* ------------------------------- */
/* ------ LAYER NAVIGATION -------- */
/* ------------------------------- */

/* ------------- SINGLE-TIER BAR MAST NAV ------------ */

#layerNavigation {margin: -2px 0px 0px 0px; position: absolute; z-index: 40; width: 1000px; height: 32px; background-image:url(/files/structure/mastNavigation/bg_MastBar.jpg); background-repeat: repeat-x; background-position:bottom;}
.mastNavContainer {margin: 0px 10px; position: relative;} /*Manually center nav by changing left-right margin*/

/*Positioning for each mast link*/
.mastLink{float: left; width: auto;}

.mastNavContainer p { font-size: 12px; line-height: 100%; margin: 0px; padding: 0px;}
.mastNavContainer p a { font-weight: bold; text-align: center; padding: 11px 10px 9px 10px; margin: 0px 2px; display: block; }
.mastNavContainer p a:link, .mastNavContainer p a:visited { color: #FFFFFF; text-decoration: none;}
.mastNavContainer p a:active, .mastNavContainer p a:hover, .mastNavContainer p a:focus { color: #990000; text-decoration: none; background-color: #f8f8f8;}

/* Mast Nav Single Tier Autonav*/
#layerNavigation p a.autonav_current_page:link, #layerNavigation p a.autonav_current_page:visited { color: #990000; text-decoration: none; background-color: #f8f8f8; }
#layerNavigation p a.autonav_parent_path:link, #layerNavigation p a.autonav_parent_path:visited { color: #990000; text-decoration: none; background-color: #f8f8f8; }
#layerNavigation p a.offsite_link:link, #layerNavigation p a.offsite_link:visited { }
#layerNavigation p a.pdf_link:link, #layerNavigation p a.pdf_link:visited { }

/* ------------ END SINGLE-TIER BAR MAST NAV STYLING ------------- */

/* Javascript Rotation */

#wrap_all { width: 1000px; height: 280px; padding:0px; margin:0px;}
#header_rotation_static, .rotation_wrapper, .hidden_rotation_wrapper { width:1000px; height: 280px; margin: auto; }
.hidden_rotation_wrapper { position: absolute; top: -10000px; }
.roll_image {position:relative;  z-index:1; height: 280px; background-color: transparent; background: url(/images/indexRotation/sample.jpg); background-position: top; background-repeat: no-repeat; }
.roll_frost { position: relative; z-index:2; left: 0px; top:-280px; height: 280px; background-image: url(/files/structure/marquee/marquee_frame.png); background-repeat: no-repeat; padding: 0px; margin: 0px;  }
.roll_title { clear: both; position:relative; width: 165px; left: 200px; top: 110px; z-index:3; padding: 0px; margin-bottom:15px; font-family:"Adobe Garamond Pro", Georgia, serif; color:#333; font-size: 18px; line-height:28px; font-weight:bold; text-align:right;}
.roll_text { clear: both; color: #333; font-size: 11px; line-height:1.5em; position:relative; z-index:3; top: 95px; left: 170px; width: 200px; text-align: right;}
.roll_title a { color:#990000; text-decoration:underline;}
.roll_text a { color:#990000; text-decoration:underline;}
.roll_text a:hover {text-decoration: none;}

#rollover_buttons {position: relative; z-index:3; top: -60px; left: 100px; width: 200px; }
a.roll_button { margin-right: 5px; cursor: pointer; background-color: #666; color:#fff; padding:0.4em .65em; text-decoration: none; font-size: 60%; }
a.roll_button_active { margin-right: 5px; cursor: pointer; padding:.4em .65em; text-decoration: none; background-color: #990000; color: #fff; font-size: 60%;}



/* ------------------------------- */
/* -------- BODY LAYER -------- */
/* ------------------------------- */

#wrapBody {width:1000px; height: 1%; display: block; overflow:auto; margin:30px 0px 0px 0px; padding: 0px 0px 10px 0px; }

/* Box Styling */
#columnTextTop {width: 760px; height: 15px; background-image:url(/files/structure/box/bg_columnTextTop.png); background-position:top; background-repeat: no-repeat;}
#columnTextMiddle {width: 723px; background-image:url(/files/structure/box/bg_columnTextRepeat.png); background-position:top; background-repeat:repeat-y; padding: 0px 15px 3px 22px;}
#columnTextBtm {width: 760px; height: 20px; background-image:url(/files/structure/box/bg_columnTextBtm.png); background-position:top; background-repeat: no-repeat;}

.BoxTop {width: 210px; height: 20px; padding: 5px 15px 0px 20px; background-image: url(/files/structure/box/bg_boxTop.png); background-position:top; background-repeat: no-repeat;}
.BoxBtm {width: 210px; height: 94px; padding: 3px 15px 5px 20px; background-image: url(/files/structure/box/bg_boxContent.png); background-position:top; background-repeat: no-repeat;}

/* Main Content Body */
#wrapContent { float: left; width:1000px; margin: 0px 0px 0px 0px; padding: 0px; display: inline;}

/* Column Text */
#columnText { float: left; width: 760px; overflow: visible; height: 1%; margin: 20px 0px 0px 0px; padding: 0px; display: inline;}
#columnText p, #columnText li, #columnText td {font: 70% Verdana, sans-serif; line-height: 140%; color: #333; }
#columnText li li {font: 100% Verdana, sans-serif; line-height: 140%; color: #333; }

/*#columnTextLeft {float:left; width: 495px; margin-right: 10px;}
#columnTextLeft a {font-size: 13px; font-weight:bold;}
#columnTextRight {float:left; width: 210px; margin-left: 8px;}*/

#wrapColumnTextBox {width: 760px; height: 127px; margin: 15px 0px 0px 0px;}
#wrapColumnTextBox h3 {color: #fff; font-family:Verdana, Geneva, sans-serif; font-size: 13px; font-weight: bold;}
#wrapColumnTextBox img {padding-right: 3px;}
.columnTextBox {float: left; width: 245px; height: 127px;}
.boxDivider {flaot: left; width: 12px;}

#columnText table {  }
#columnText th { }
#columnText td { }

/* Column Special */
#columnSpecial {  text-align:left; float: left; width:200px;  margin: 15px 20px 0px 20px; display: inline;}
#columnSpecial p, #columnSpecial li {font: 70% Verdana, sans-serif; color: #333;  }
#columnSpecial h2 { font-family: Arial, Helvetica, sans-serif; font-size:70%; color:#333; line-height:100%; background-color:none; margin-bottom: 5px;}

/* Calendar Styling*/
#columnSpecial h1 {color:#ffffff; font-family: Verdana, Geneva, sans-serif; font-size:14px; font-weight: bold; padding: 28px 0px 0px 55px;}

#topSpecial {background-image:url(/files/structure/calendar/calendar_top.png); background-repeat:no-repeat; height:50px;}
#contentSpecial {background-image:url(/files/structure/calendar/calendar_middle.png); background-repeat:repeat-y; width:170px; padding: 0px 10px 5px 20px;}
#contentSpecial p {border-bottom:#a4a5a2 solid 1px; border-top:#fff solid 1px; margin:0px; padding:5px 0px 5px 0px; color:#333; }
#contentSpecial p a {color:#900;}
#bottomSpecial {background-image:url(/files/structure/calendar/calendar_bottom.png); background-repeat:no-repeat; height:30px;}


/* ------------------------------- */
/* -------FOOTER LAYER----------- */
/* ------------------------------- */

#layerFooter {width:1000px; margin: 0 auto 20px auto; text-align: left; padding: 15px 0px 15px 0px; border-top: #999999 solid 1px;}
#layerFooter p { font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 70%; line-height: 100%; margin: 0px 0px 0px 0px; }
#layerFooter p a:link, #layerFooter p a:visited {color: #333; text-decoration: underline; }
#layerFooter p a:active, #layerFooter p a:hover, #layerFooter p a:focus {color: #333; text-decoration: none; }

#footerDepartment { width: 20%; float: left; }
#footerDepartment p { margin: 0px 0px 5px 20px; }
#footerCollege { margin: 0% 0% 1% 20%; }
#footerReggie { width: 20%; float: right; text-align: right; }

#layerDesign { display: none; }