/*This CSS file is part of the UIS Official Template for department websites. */
/*DO NOT USE THIS FILE, or any part of the Template without first contacting Sherry Hutson at shuts1@uis.edu.*/

/* DO NOT CHANGE THE LINK COLORS - THEY ARE STANDARD FOR UIS */
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}

a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003399;
	text-decoration: underline;
}

a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #003399;
}

#columnBg {
	/* this is the background image for the columns*/
	background-image:  url("../images/columnBg.gif");
	background-repeat: repeat-y;
	background-position: top left;
	width: 100%;
	text-align: left;
}

/* the HEADER background color should be the same color as the FOOTER */

/*use homeHeader for the home page - it will have a taller header than the inside pages */
#homeHeader_container {
	width: 100%;
	margin: 0px;
	border: 0px;
	padding: 7px 0px 8px 0px;
	border: 0px;
	background-color: #1986c1;
}

#homeHeaderBar_left {
	background-color: #1986c1;
	text-align: left;
	width: 65%;
	height: auto;
	margin: 0px;
	border: 0px;
	padding: 7px 0px 8px 0px;
	float: left;
}

#homeHeaderBar_right {
	background-color: #1986c1;
	text-align: right;
	width: 35%;
	height: auto;
	margin: 0px;
	border: 0px;
	padding: 7px 0px 8px 0px;
	float: left;
}

/* use header for the inside pages - the headers will be shorter than the home page header */
#header_container {
	width: 100%;
	margin: 0px;
	border: 0px;
	padding: 5px 0px 5px 0px;
	border: 0px;
	background-color: #1986c1;
}

#headerBar_left {
	background-color: #1986c1;
	text-align: left;
	width: 65%;
	height: auto;
	margin: 0px;
	border: 0px;
	padding: 5px 0px 5px 0px;
	float: left;
}

#headerBar_right {
	background-color: #1986c1;
	text-align: right;
	width: 35%;
	height: auto;
	margin: 0px;
	border: 0px;
	padding: 5px 0px 5px 0px;
	float: left;
}

/* this is the font and color for the name of the department and the right-side links in the header bar */
.header {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #FFFFFF; text-decoration: none;}
.headerH {font-family: Georgia, serif; font-size:200%; font-weight: normal; color: #FFFFFF; text-decoration: none;}
.header a:link {font-size: 100%; font-weight: normal; color: #FFFFFF; text-decoration: none;}
.header a:hover {font-size: 100%; font-weight: normal; color: #FFFFFF; text-decoration: underline;}
.header a:visited {font-size: 100%; font-weight: normal; color: #FFFFFF; text-decoration: none;}


/*tagline determines the size and background color for the Tag Line box which is under the heading */
#tagline	{
	width: 100%;
	height: 28px;
	margin: 0px;
	border: 0px;
	padding: 0px;
	text-align: left;
	background-color: #006600;
	padding-top: 3px;
}

/* this is where you change the color of the text for the Tag Line */
.tagText {color: #FFFFFF; font-size: x-small; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;}

/*this sets the size and text alignment of the Tag Line box */
#tagBox {
	height: 28px;
	width: 100%;
	border-top: 0px;
	border-bottom: 0px;
	border-left: 0px;
	padding: 4px 0px 0px 0px;
	text-align:left;
}

/* the footer color should be the same color as the header box */
#homefooter_container {
	width: 100%;
	margin: 0px;
	border: 0px;
	padding: 7px 0px 8px 0px;
	border: 0px;
	background-color: #01245C;
}

#homefooterBar_left {
	text-align: left;
	width: 65%;
	height: auto;
	margin: 0px;
	border: 0px;
	padding: 7px 0px 8px 0px;
	float: left;
	background-color: #01245C;
}

#homefooterBar_right {
	text-align: right;
	width: 35%;
	height: auto;
	margin: 0px;
	border: 0px;
	padding: 7px 0px 8px 0px;
	float: left;
	background-color: #01245C;
}


/* the footer color should be the same color as the header box */
#footer_container {
	width: 100%;
	margin: 0px;
	border: 0px;
	padding: 0px;
	border: 0px;
	background-color: #01245C;
}

#footerBar_left {
	text-align: left;
	width: 65%;
	height: auto;
	margin: 0px;
	border: 0px;
	padding: 7px 0px 8px 0px;
	float: left;
	background-color: #01245C;
}

#footerBar_right {
	text-align: right;
	width: 35%;
	height: auto;
	margin: 0px;
	border: 0px;
	padding: 7px 0px 8px 0px;
	float: left;
	background-color: #01245C;
}

/* this is the font and color for the name of the department and the right-side links in the header bar */
.footer {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #FFFFFF; text-decoration: none;}
.footerH {font-family: Georgia, serif; font-size:200%; font-weight: normal; color: #FFFFFF; text-decoration: none;}
.footer a:link {font-size: 100%; font-weight: normal; color: #FFFFFF; text-decoration: none;}
.footer a:hover {font-size: 100%; font-weight: normal; color: #FFFFFF; text-decoration: underline;}
.footer a:visited {font-size: 100%; font-weight: normal; color: #FFFFFF; text-decoration: none;}


/* Head Tag colors should coordinate with the Header and the Tag Line colors - they should not be blue because blue is our standard link color */
h1 {
	text-transform: uppercase;
	font-size: 120%;
	color: #1986C1;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 105%;
	font-weight: bold;
	color: #006600;
}

h2.columnRight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 105%;
	font-weight: bold;
	color: #006600;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	color: #1986C1;
}


/* create a custom bullet for the department - or just use the default black arrow image which is bundled with the template */
ul {
	list-style-image:   url("../images/bullet.gif");
}

ol {
}


/*Use the H6 heading tag to format the FONT for TABLES inserted via Contribute */
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
}	

/*SPECIAL HEADING for the right column - these headings make a design with a bottom line and a right right-angle line - the default text color is black */
.h8 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	text-align:right;
	color: #000000;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-right-width: 1px;
	padding: 5px 10px 5px 0px;
	border-bottom-color: #999999;
}
/*menuLinks determines the background color for the 'about', 'curriculum', etc menu links */
#menuLinks	{
	background-color: #1986c1;
}









/***added by mchev2 as a fix for adblock firefox extension- 9/9/09***/
#homefooter_container,
	#footer_container {
		/*background: none ! important;*/
		clear:both;
	}

	/* css below for print only */
	@media print{
		#columnBg{
			background:none ! important;
		}
	}
/**end**/

