/*Style sheet for Tier 1 Template*/

body {
	/*margin:9px 15px 0 15px;*/
	margin: 9px 0px 0px 0px;
	background:url('../images/template_images/bodybkgd.jpg') repeat-x #ffffff;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
}

/* This is the style for the 'wrapper' div, which spans the entire web page */
#wholepage {
	width:1000px;
	margin:0 auto;
	text-align:center;
	padding:0px;
	background-color:#fff;
}

/**HEADER**/

/* This is the style for the header div, at the top of the page and with the red background which contains the Logo, Links, Search, and Dept. Title div's */
#header {
	background-image:url("../images/template_images/header.jpg");
	/*width: 100%;*/
	width: 1000px;
	height: 87px;
	border:none;
	padding:0px;
	margin: 0;
}

/* This is the style for the div inside the header specifically for the logo image which is a link back to the UWL homepage */
#logo {
	border:none;
	float:left;
	padding: 5px 0 0 10px;
}

/* This is the style for the area where all the upper links are located, within the header div */
#headerLinks {
	font-size:85%;
	font-weight:normal;
	float:left;
	padding: 6px 0 0 10px;
	height:35px;
	}
	
#headerLinks ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}

#headerLinks li {
	color: #DBC1B0;
	font-style:normal;
	text-decoration:none;
	padding-left:9px;
	display:inline;
}

#headerLinks a:link {
	text-decoration: none;
	color:#FFFAFA;
}

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

#headerLinks a:hover {
	color:#FFFAFA;
	text-decoration: underline;
}

#headerLinks a:active {
	color:#FFFAFA;
	text-decoration: none;
}

/* This is the style for the area for the Title of the college or department whose page it is preceeding */
#title {
	height:25px;
	width:97%;
	color:white;
	font-style:normal;
	font-size:160%;
	font-weight:600;
	border:none;
	text-align:left;
	float:left;
}

#searchbar {
	width:120px;
}

#titleinner {
	margin-left:157px;
	margin-top:10px;
}

html>body .title2 {
	margin-top:1px;
}

#googlesearch{
	float:right;
	width:160px;
	height:20px;
	padding-top:4px;
	padding-right: 8px;
	border:none;
	color:#fff;
	font-size:0.7em;
	}
		
#search {
	float:right;
	width:42px;
	padding-top:6px;
	color:white;
	font-style:normal;
	font-size:80%;
	font-weight:normal;
}

form {
	margin:0;
	}
	
#gobutton {
	width:22px;
	height:22px;
	vertical-align:top;
	}

/** CONTENT **/

/*This is the style that allows continuity of the sidebar when the content is elongated*/
#sidepluscont {
	width:100%;
	background:url('../images/template_images/bgbgtier2.jpg') repeat-y;
	float:left;
	border-right: 1px solid #D7D7D7;
}

.imglinks {
	border:none;
}

/*SIDEBAR*/
/* This is the style for the navigation sidebar (green), on the left hand side of the page */
#sidebar {
	border:none;
	width: 150px;
	height: 433px;
	color: white;
	text-align: left;
	font-size:12px;
	line-height:0;
	float:left;
	padding-top:0px;
	padding:0px;
	background:url('../images/template_images/sidebar.jpg') no-repeat;
}

html>body #sidebar{
	height:auto;
	min-height:433px;
	}

#sidebar ul {
	padding:0px;
	list-style:none;
	list-style-type:none;
	margin:0;
	line-height:0;
}

#sidebar ul li {
	margin-top:5px;
	margin-left:8px;
	padding:0;
	line-height:1.1em;
	padding-bottom: 0.9em;
}


#sidebar ul ul {
	padding:0;
	list-style:none;
	list-style-type:none;
	margin:9px 0 0 0;
	line-height:0;
	font-size:95%;
	}
	
#sidebar ul ul li {
	margin-top:3px;
	margin-left:18px;
	padding:0;
	line-height:1.0em;
	padding-bottom:0.4em;
	}

	
#sidebar a:link {
	color: #fff;
	text-decoration: none;
}

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

#sidebar a:hover {
	color: #FFFFCC;
	text-decoration: underline;
}

#sidebar a:active {
	color: #FFF;
	text-decoration: none;
}

/*MAIN CONTETN AREA*/
/* This is the style for the general area containing all the textual and image content of the page */


#content {
	width:79.5%;
	text-align:left;
	padding:0 0 5px 0;
	margin:0;
	float:left;
}


html>body #content {
	text-align:left;
	padding-bottom:10px;
	padding-left:150px;
	width:auto;
	float:none;
}

/*CSS for Image Rotator*/
/*Styling for rotating image in content area*/
.pagephoto {
	margin:0 auto;
	width:849px;
	height:160px;
	overflow:hidden;
	background:url('../images/headerimg.jpg') no-repeat;
}

html>body .pagephoto {
	width:100%;
	}
	
/*To add or remove images from the rotator add the respective CSS below and update the number of rotating images in the Template*/
/*First image to rotate*/
#pagephoto1{
	background:url('../images/template_images/randomImages2/1.jpg') no-repeat;
	}
	
/*Second image to rotate*/
#pagephoto2{
	background:url('../images/template_images/randomImages2/2.jpg') no-repeat;
	}
	
/*Third image to rotate*/
#pagephoto3{
	background:url('../images/template_images/randomImages2/3.jpg') no-repeat;
	}
	
/*Fourth image to rotate*/
#pagephoto4{
	background:url('../images/template_images/randomImages2/4.jpg') no-repeat;
	}
	
/*Fifth image to rotate*/
#pagephoto5{
	background:url('../images/template_images/randomImages2/5.jpg') no-repeat;
	}
	
/*Sixth image to rotate*/
#pagephoto6{
	background:url('../images/template_images/randomImages2/6.jpg') no-repeat;
	}
	
/*Seventh image to rotate*/
#pagephoto7{
	background:url('../images/template_images/randomImages2/7.jpg') no-repeat;
	}
	
/*Eight image to rotate*/
#pagephoto8{
	background:url('../images/template_images/randomImages2/8.jpg') no-repeat;
	}
	
/*Ninth Image to rotate*/
#pagephoto9{
	background:url('../images/template_images/randomImages2/9.jpg') no-repeat;
	}

/*Tenth Image to rotate*/
#pagephoto10{
	background:url('../images/template_images/randomImages2/10.jpg') no-repeat;
	}
	
/*Eleventh image to rotate*/
#pagephoto11{
	background:url('../images/template_images/randomImages2/11.jpg') no-repeat;
	}
	
/*Twelth image to rotate*/
#pagephoto12{
	background:url('../images/template_images/randomImages2/12.jpg') no-repeat;
	}
	
/*Thirteenth image to rotate*/
#pagephoto13{
	background:url('../images/template_images/randomImages2/13.jpg') no-repeat;
	}
	
/*Fourteenth image to rotate*/
#pagephoto14{
	background:url('../images/template_images/randomImages2/14.jpg') no-repeat;
	}
	
/*Fifteenth image to rotate*/
#pagephoto15{
	background:url('../images/template_images/randomImages2/15.jpg') no-repeat;
	}
	
/*Sixteenth image to rotate*/
#pagephoto16{
	background:url('../images/template_images/randomImages2/16.jpg') no-repeat;
	}
	
/*Seventeenth image to rotate*/
#pagephoto17{
	background:url('../images/template_images/randomImages2/17.jpg') no-repeat;
	}
	
/*Eighteenth Image to rotate*/
#pagephoto18{
	background:url('../images/template_images/randomImages2/18.jpg') no-repeat;
}

/*Nineteenth image to rotate*/
#pagephoto19{
	background:url('../images/template_images/randomImages2/19.jpg') no-repeat;
	}
	
/*20th Image to rotate*/
#pagephoto20{
	background:url('../images/template_images/randomImages2/20.jpg') no-repeat;
}


/*End of Image rotator CSS*/

/**FOOTER**/

/* This is the style for the area for the footer (image) */
#footer {
	color:#fff;
	width:100%;
	height:55px;
	float:left;
	background-image:url('../images/template_images/footer.jpg');
	font-size:0.7em;
	line-height:1.3em;
	text-align:left;
}

#footerleft {
	float:left;
	width:250px;
	height:55px;
}

#footerleftinner {
	padding-left:25px;
	padding-top:3px;
}

#footerright {
	width:140px;
	height:55px;
	float:right;
	text-align:right;
	padding: 0 20px 0 0;
}

#footer a:link{
	color:#FFFFFF;
	}

#content table th {
	background-color: #E9E9E9;
}

.tablepadleft {
	margin-left: 15px;
}

#subcontent {
	margin-left: 15px;
}