/*-- This file is part of the UIS Official Template for academic program websites. DO NOT USE THIS FILE or any part of the Template without first contacting the UIS Office of Web Services at webservices@uis.edu. --*/

/*Use codeToHtml for easy slideshows*/

@import url("codeToHtml.css");

body{
/*DON'T CHANGE THE FONT FAMILY OR SIZE*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.6em;
	text-align:center; /*IE fix for pagewidth div - align center*/
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#pagewidth{
	width:960px; /*If you change this width, also change width in #footer*/
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	text-align:left;
	border:5px #A0A0A0 solid;
	background:#fff;
}

#header{
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:100%;
}

#footer{
	clear:both;
	color:#333333;
	width:960px; /*If you change this width, also change width in #pagewidth*/
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	margin-top:20px;
}

#footer p{
	margin:0 0 0 0;
	padding:4px 0 4px 0;
}


/*Standard UIS Link set ***************************************/

a{
	font-weight:bold;
	color: #003399;
	text-decoration: none;
}

a:visited {
	color: #003399;
	text-decoration: none;
}

a:hover {
	background: #f9e0c7
}

a:active {
	color: #003399;
}

/***********************************************************************/


/*3col - This holds left, right and middle divs*/
#content-3col{
	width:100%;
	background:#fff;
	margin:0;
	padding:0 0 0 0;
}

#left-3col{
	width:23%;
	float:left;
	margin:5px 5px 5px 5px;
	padding:5px 15px 20px 15px;
	overflow: hidden;
	
}

#center-3col{
	width:45%;
	float:left;
	background:#F9F9F9;
	margin:5px 5px 5px 5px;
	padding:5px 20px 20px 10px;
	
}

#right-3col{
	width:18%;
	float:left;
	margin:8px 5px 5px 5px;
	padding:5px 20px 20px 10px;
	overflow: hidden;
}
/******end of 3 col***/


/** 1col - This doesn't have left right or center columns*/
#content-1col{
	/*width:95%;*/
	background:#fff;
	margin:0 0 0 0;
	padding:5px 20px 20px 20px;
}
/****end of 1 col****/


/*2 col - This holds left, right divs*/
#content-2col{
	width:100%;
	background:#fff;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#left-2col{
	width:23%;
	float:left;
	margin:5px 5px 5px 5px;
	padding:5px 15px 20px 15px;
	
}

#right-2col{
	width:69%;
	float:left;
	margin:5px 0px 5px 0px;
	padding:5px 15px 20px 15px;
	background:#F9F9F9;
}
/*end 2 col*/

/*Assign font size to the columns*/

#right-3col p{
	font-size:90%;
}

#left-3col p{
	font-size:90%;
}

#left-2col p{
	font-size:90%;
}

/********************************/
 
ul{
	margin:0 0 20px 0;
	padding:10px 10px 2px 18px;
}

li{
	list-style:none;
	list-style-image:url('../images/bullet.gif');
	margin:0 0;
	padding-left:0px;
	margin-left:0px;
	line-height: 1.4;	
}

/****************** USE THIS TO PROVIDE A SPACE BETWEEN ITEMS WHEN MENUS GET TOO LONG **************/

.colorLineSalmon{
	border-bottom:1px dotted #FFE0CC;
	padding-bottom:5px;
}


/*MENU TYPES - FOR THE FOLLOWING MENU TYPES, ONLY CHANGE THE COLORS OR IMAGES. DO NOT CHANGE THE OTHER ATTRIBUTES WITHOUT OWS DISCUSSION*/

/* Bright Menu - use *background* to change the box color; use *color* to change the font color - use H2 for the title font */
h2.brightmenu{
	background:#3399cc;
	width:90.5%;
	color:#fff;
	font-weight:bold;
	padding:3px 20px 3px 10px;
	margin:0;
	font-size : 11px;
	overflow: hidden;
}

/* Use *background* to change the box color for the main content */
ul.brightmenu{
	background:#efefef;
	margin:0 0 20px 0;
	padding:10px 5px 5px 25px;
	width:90.5%;
	overflow: hidden;
}

ul.brightmenu li{
	margin:0 0;
	list-style:none;
	list-style-image:url('../images/bullet-menu.gif');
	font-size:10.5px;
	line-height: 1.4;
}

.brightmenu a{
	font-weight:bold;
}
/*****Bright Menu - END *****/


/*****Gradient Menu - assign different image and color here - do not change other attributes ****/

/* Use *background* to change the title box image; use *color* to change the font color - use H2 for the title font */
h2.gradientmenu{
	background:#006700 url('../images/gradient-menu.gif') repeat-x;
	width:90.5%;
	color:#fff;
	font-weight:bold;
	padding:3px 20px 3px 10px;
	margin:0;
	font-size:11px;
	overflow: hidden;
}

/* Use *background* to change the box color for the main content */
ul.gradientmenu{
	background:#EBE4A7;
	margin:0 0 20px 0;
	padding:10px 5px 5px 25px;
	width:90.5%;
	overflow: hidden;
}

ul.gradientmenu li{
	list-style:none;
	list-style-image:url('../images/bullet-menu.gif');
	font-size:10.5px;
	margin:0 0;
	line-height: 1.4;
}

.gradientmenu a{
	font-weight:bold;
}
/*****Gradient Menu - END****/


/*****Light Menu - Use *background* to change the box color; use *color* to change the font color - use H3 for the title font */
h3.lightmenu{
	background:#D9DBDC;
	width:90.5%;
	color:#222;
	font-weight:bold;
	padding:3px 20px 3px 10px;
	margin:0;
	font-size:11px;
	overflow: hidden;
	line-height: 1.4;
}

/* Use *background* to change the box color for the main content */
ul.lightmenu{
	background:#EFEFEF;
	margin:0 0 20px 0;
	padding:10px 5px 5px 25px;
	width:90.5%;
	overflow: hidden;
}

ul.lightmenu li{
	margin:0 0;
	list-style:none;
	list-style-image:url('../images/bullet-menu.gif');
	font-size:10.5px;
	line-height: 1.4;
}

.lightmenu a{
	font-weight:bold;
}
/*****Light Menu - END****/

/*****Light Menu Special - Use for a lightmenu with a different color top. Use *background* to change the box color; use *color* to change the font color - use H2 for the title font */
h3.lightmenuSP{
	background:#3399cc;
	width:90.5%;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 20px 3px 10px;
	margin:0;
	font-size:11px;
	overflow: hidden;
	line-height: 1.4;
}

/* Use *background* to change the box color for the main content */
ul.lightmenuSP{
	background:#EFEFEF;
	margin:0 0 20px 0;
	padding:10px 5px 5px 25px;
	width:90.5%;
	overflow: hidden;
}

ul.lightmenuSP li{
	margin:0 0;
	list-style:none;
	list-style-image:url('../images/bullet-menu.gif');
	font-size:10.5px;
	line-height: 1.4;
}

.lightmenuSP a{
	font-weight:bold;
}
/*****Light Menu - END****/


/**Simple Menu - use the H4 heading for the title but use *color* below to assign a different color than H4 has*/
h4.simplemenu {
	background:url('../images/bullet.gif') no-repeat;
	background-position:0 50%;
	padding:0 0 0 10px;
	margin-left:3px;
	margin-top:20px;
	margin-bottom:3px;
	color:#CC6600;
	overflow: hidden;
	line-height: 1.4;
}

p.simplemenu{
	margin:2px 0 10px 5px;
	font-size:10.5px;
	line-height:1.6em;
}

p.simplemenu a{
	font-size:10.5px;
	line-height:1.6em;
}

/* Use *background* to change the box color for the main content */
ul.simplemenu{
	background:#EAF5FA;
	margin:0 0 20px 0;
	padding:5px 5px 5px 25px;
	width:90.5%;
	overflow: hidden;
}

ul.simplemenu li{
	margin:0 0;
	list-style:none;
	list-style-image:url('../images/bullet-menu.gif');
	font-size:10.5px;
	line-height: 1.4;
}

/**Simple MenuSP - use the H4 heading for the title but use *color* below to assign a different color than H4 has*/
h4.simplemenuSP{
	background:url('../images/bullet.gif') no-repeat;
	background-position:0 50%;
	padding:0 0 0 10px;
	margin-left:3px;
	margin-top:20px;
	color:#CC6600;
	overflow: hidden;
	line-height: 1.4;
}

p.simplemenuSP{
	margin:2px 0 10px 5px;
	font-size:10.5px;
	line-height:1.6em;
}

p.simplemenuSP a{
	font-size:10.5px;
	line-height:1.6em;
}

/* Use *background* to change the box color for the main content */
ul.simplemenuSP{
	margin:0 0 20px 0;
	padding:10px 5px 5px 25px;
	width:85%;
	overflow: hidden;
}

ul.simplemenuSP li{
	margin:0 0;
	list-style:none;
	list-style-image:url('../images/bullet-menu.gif');
	font-size:10.5px;
	line-height: 1.4;
}
/**Simple Menus - END*******/


/************** #skip navigation **************/

#skip a, #skip a:hover, #skip a:visited  
 { 
 position:absolute; 
 left:0px; 
 top:-500px; 
 width:1px; 
 height:1px; 
 overflow:hidden;
 } 
  
 #skip a:active 
 { 
 position:static; 
 width:auto; 
 height:auto; 
 }