@charset "utf-8";

/**
 * Main stylesheet that contains site-wide styling rules.
 *
 * @author Charles Winebrinner <cwinebrinner@gmail.com>
 * @copyright Copyright (c) 2008, Illinois Valley Community College
**/

html * {
    margin: 0;
    padding: 0;
}

body {
    background: #d8d8c5 url(https://www.ivcc.edu/includes/img/background.jpg) no-repeat scroll top center;
    font-family: arial;
}

a {
    color: #00f;
    cursor: pointer;
    text-decoration: none;
}

p { margin: 1em 0 1em 0; }

h1 
{
    color: #055585;
    font-size: 20px;
}

h2, h3, h4 {
    color: #648559;
    font-size: 15px;
    padding-top: 1em;
}

a:hover { color:#a3a3d1; }

blockquote { padding-left: 20px; }

img { padding: 8px; }

table[summary] {
	color: #fff;
	}

th {color: #000;
	}

td {
	color: #000;
	}

ol { padding-left: 20px; }

.contentMenuHeading { font-size: 1.3em; padding-top: 5px; }

fieldset {
	border: 1px solid #ccc;
	padding: 5px;
	}

legend {
	background: #f1f1f1;
	border: 1px solid #26a;
	color: #006;
	font-size: 120%;
	margin-bottom: 20px;
	padding: 10px;
	}

.hidden {
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

div#mainContainer {
    margin: auto;
    width: 766px;
}

div#topNavigationContainer {
    width: 766px;
    height: 24px;
    overflow: hidden;
    background: transparent url(https://www.ivcc.edu/includes/img/shadow.png) repeat-y;
}

div#topNavigation {
    margin: auto;
    width: 750px;
    height: 100%;
    background-image: url(https://www.ivcc.edu/includes/img/navigation_top.png);
    background-repeat: no-repeat;
    text-align: right;
}

span#topNavLinks {
    position: relative;
    margin-right: 15px;
    vertical-align: middle;
    line-height: 24px;
    font-size: small;
    color: #fff;
}

span#topNavLinks a { color: #a3a3d1; }

span#topNavLinks a:hover { color: #fff; }

div#mastheadContainer {
    width: 766px;
    height: 105px;
    background: transparent url(https://www.ivcc.edu/includes/img/shadow.png) repeat-y;
}

div#masthead {
    margin: auto;
    width: 750px;
    height: 100%;
    background-image: url(https://www.ivcc.edu/includes/img/masthead.png);
}

/******************/
/* Masthead Boxes */
/******************/

div#mastheadBoxes {
    position: relative;
    left: 515px;
    top: 18px;
    width: 230px;
    height: 15px;
}

input#searchBox, input#quickLinksBox {
	font-size: .7em;
    position: relative;
    float: left;
    padding: 0;
    border: 0;
    width: 90px;
    height: 15px;
    background-color: #d8d8c5;
}

/* Quick Links menu */

div#quickLinksMenu,
div#quickLinksMenu * {
    margin: 0;
    padding: 0;
}

div#quickLinksMenu {
    position: relative;
    float: right;
    height: 15px;
    width: 104px; /* magic# */
    margin-left: 18px;
}

div#quickLinksMenu ul {
    position: absolute;
    width: 250px;
    top: 15px;
    right: 0px;
    display: none;
    background-color: #d8d8c5;
    border: 1px solid #000;
    z-index: 2;
}

div#quickLinksMenu:hover ul { display: block; }

div#quickLinksMenu ul li {
    list-style-type: none;
    font-size: 0.9em;
}

div#quickLinksMenu ul li a:hover { background-color: #055585; }

div#quickLinksMenu ul li a,
div#quickLinksMenu ul li a:hover,
div#quickLinksMenu ul li a:focus,
div#quickLinksMenu ul li a:active,
div#quickLinksMenu ul li a:visited {
    display: block;
    width: 245px; /* magic# */
    height: 100%;
    color: #000;
    text-decoration: none;
    padding-left: 5px;
}

div#quickLinksMenu ul li a:hover { color: #fff; }

/* * */

input#quickLinksBox { float: left; }

button#searchButton, button#quickLinksButton {
    position: relative;
    float: left;
    margin-left: -4px;
    width: 18px;
    height: 15px;
    border: 0;
    background-color: #000;
    color: #fff;
    padding: 0;
}

button#quickLinksButton {
    background-image: url(../img/select_arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
}

button#searchButton span {
    position: relative;
    margin-left: -3px;
    top: -1px;
}

/*********************/
/* CSS rollover menu */
/*********************/

div#mainMenuContainer {
    width: 766px;
    height: 39px;
    background: transparent url(https://www.ivcc.edu/includes/img/shadow.png) repeat-y;
}

/* LEVEL 0 */

ul#mainMenu,
ul#mainMenu * {
    margin: 0;
    padding: 0;
}

ul#mainMenu * a,
ul#mainMenu * a:hover,
ul#mainMenu * a:focus,
ul#mainMenu * a:active,
ul#mainMenu * a:visited {
	font-size: .8em;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
}

/* LEVEL 1 */

ul#mainMenu {
    margin: auto;
    position: relative;
    width: 750px;
    height: 100%;
    z-index: 1;
}

ul#mainMenu li {
    float: left;
    height: 100%;
    list-style-type: none;
}

ul#mainMenu li#futureStudents { width: 141px; }
ul#mainMenu li#currentStudents { width: 143px; }
ul#mainMenu li#communityBusiness { width: 167px; }
ul#mainMenu li#alumni { width: 84px; }
ul#mainMenu li#aboutUs { width: 94px; }
ul#mainMenu li#whatsNew { width: 121px; }

ul#mainMenu li a {
    display: block;
    background-repeat: no-repeat;
    background-position: 0% 0;
}

ul#mainMenu li#futureStudents a { background-image: url(https://www.ivcc.edu/includes/img/menu/future_students.jpg); }
ul#mainMenu li#currentStudents a { background-image: url(https://www.ivcc.edu/includes/img/menu/current_students.jpg); }
ul#mainMenu li#communityBusiness a { background-image: url(https://www.ivcc.edu/includes/img/menu/community_business.jpg); }
ul#mainMenu li#alumni a { background-image: url(https://www.ivcc.edu/includes/img/menu/alumni.jpg); }
ul#mainMenu li#aboutUs a { background-image: url(https://www.ivcc.edu/includes/img/menu/about_us.jpg); }
ul#mainMenu li#whatsNew a { background-image: url(https://www.ivcc.edu/includes/img/menu/whats_new.jpg); }

ul#mainMenu li#futureStudents a:hover { background-position: -141px 0%; }
ul#mainMenu li#currentStudents a:hover { background-position: -143px 0%; }
ul#mainMenu li#communityBusiness a:hover { background-position: -167px 0%; }
ul#mainMenu li#alumni a:hover { background-position: -84px 0%; }
ul#mainMenu li#aboutUs a:hover { background-position: -94px 0%; }
ul#mainMenu li#whatsNew a:hover { background-position: -121px 0%; }

/* LEVEL 2 */

ul#mainMenu li ul {
    position: absolute;
    width: 210px; /* (ul#mainMenu li ul li {width}) + (ul#mainMenu li ul li a {padding-left}) */
    padding-top: 10px;
    background-color: #033655;
    display: none;
}

/*
ul#mainMenu li#alumni ul { left: 451px; top: 45px; }
ul#mainMenu li#aboutUs ul { left: 535px; top: 48px; }
ul#mainMenu li#whatsNew ul { right: 0; top: 49px; }
*/

ul#mainMenu li#whatsNew ul { right: 0; }

ul#mainMenu li:hover ul { display: block; }

ul#mainMenu li ul li { width: 200px; }

ul#mainMenu li ul li a {
    background: #033655 none !important;
    padding: 0.5em 0 0.5em 10px;
}

ul#mainMenu li ul li a:hover { background-color: #055585 !important; }

/***********/
/* Content */
/***********/

div#contentContainer {
    width: 766px;
    background: transparent url(https://www.ivcc.edu/includes/img/shadow.png) repeat-y; 
}

div#content ul { padding-left: 20px; }

div.clear { clear: both; }

/**********/
/* Footer */
/**********/

div#footerImg {
    width: 766px;
    height: 34px;
    background-image: url(https://www.ivcc.edu/includes/img/footer.jpg);
}

div#footer {
    font-family: arial;
    font-size: 0.7em;
    text-align: center;
}

.specialMessage {font-size: 1.25em; margin: 0 0 0 0; padding: 2%; text-align: center; width: 90%;}