/*Style sheet for Tier 1 Template*/
body {
	margin:9px 15px 0 15px;
	background:url('../images/bodybkgd.jpg') repeat-x #ffffff;
	font-family:Verdana, Arial, sans-serif;
	font-size: small;
}
#wholepage {/* This is the style for the 'wrapper' div, which spans the entire web page */
	min-width:734px;
	max-width:1000px;
	width:expression(document.body.clientWidth < 790 ? "734px" : "100%" );
	/*height:511px;*/
	margin:0 auto;
	text-align:center;
	padding:0px;
	background-color:#FFFFFF;
}

#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 */

	background-image:url("../images/4.jpg");
	width: 100%;
	height: 77px;
	border:none;
	padding:0px;
}
#logo {/* This is the style for the div inside the header specifically for the logo image which is a link back to the UWL homepage */
	border:none;
	float:left;
	padding-left:10px;
	padding-top:5px;
}
#headerLinks {/* This is the style for the area where all the upper links are located, within the header div */
	font-family:arial, sans-serif;
	color: #DBC1B0;
	font-style:normal;
	font-size:80%;
	font-weight:normal;
	float:left;
	padding-left:10px;
	padding-top:6px;
	height:35px;
	}
	
#headerLinks ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}
#headerLinks li {
	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;
}


#hnavigation {/*Horizontal navigation bar for the Tier1 Template. Not used in any of the sub-Tier templates */
	width:100%;
	background-image:url('file:///C:/Users/Larry/images/hnav.png');
}
#pagephoto {/*option for large photo spanning the content width at the top of the content div*/
	margin:0 auto;
	width:100%;
	background-image:url('../images/headerimg.jpg');
	height:160px;
}
/**#pagephoto {/*a different option for large photo spanning the content width at the top of the content div*/
	/**width:100%;
	height:150px;
	margin:0 auto;
	overflow:hidden;
}**/

.pageimage {background-image:url('file:///C:/Users/Larry/images/students02-830.jpg');
}


.linkStyleTop {/* This is the style for the upper links themselves, in the area within the header div */
	color: #DBC1B0;
	font-style:normal;
	text-decoration:none;
	padding:0px;
	font-family:Verdana, Arial, sans-serif;
}
#sidepluscont {/*This is the style that allows continuity of the sidebar when the content is elongated*/
	width:100%;
	background:url('../images/bgbgtier2.gif') repeat-y;
	float:left;
	border-right: 1px solid #D7D7D7;
}
.imglinks {
	border:none;
}
#rightcorner {
	width:15px;
	height:77px;
	float:right;
	border:none;
	vertical-align:top;
}
#fcorner {
	float:right;
}
#sidebar {/* This is the style for the navigation sidebar (green), on the left hand side of the page */
	border:none;
	width: 150px;
	height: 433px;
	color: white;
	text-align: left;
	font-size:12px;
	line-height:0;
	float:left;
	padding-top:0px;
	padding:0px;
}
#sidebar ul {
	padding:0px;
	list-style:none;
	list-style-type:none;
	margin:0;
	line-height:0;
}
#sidebar ul li {
	margin-top:10px;
	margin-left:8px;
	padding:0;
	line-height:1.2em;
	padding-bottom: 1.2em;
}

#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;
}


#content {/* This is the style for the general area containing all the textual and image content of the page */
	width:79.5%;
	text-align:left;
	padding:0;
	margin:0;
	float:left;
	
}
html>body #content {
	text-align:left;
	padding-bottom:10px;
	padding-left:150px;
	width:auto;
	float:none;
}
#txtcontent {/* This is the style for all the textual content within the content div */
	width:97%;
	font-size:120%;

	padding-left:10px;
	vertical-align:top;

}
#contentpicture {/* This is the style for the area for the picture to be displayed alongside the first paragraph of textual content within the content div */
	float:right;
	padding:0px;
}
#footer {/* This is the style for the area for the footer (image) */
	color:#FFFFFF;
	width:100%;
	height:55px;
	float:left;
	background-image:url('../images/footer.jpg');
	font-size:70%;
	line-height:1.3em;
	text-align:left;
}
#footerleft {
	float:left;
	width:250px;
	height:55px;
}
#footerleftinner {
	padding-left:25px;
	padding-top:5px;
}
.footercenter {
	width:150px;
	height:55px;
	float:left;
	text-align:center;
}
#footerright {
	width:120px;
	height:55px;
	float:right;
	text-align:right;

}
#footer a:link{
	color:#FFFFFF;
	}
#title {/* This is the style for the area for the Title of the college or department whose page it is preceeding */
	height:25px;
	width:97%;
	font-family:Verdana, Arial, sans-serif;
	color:white;
	font-style:normal;
	font-size:160%;
	font-weight:600;
	border:none;
	text-align:left;
	float:left;
}
#searchbar {
	width:120px;
}
#titleinner {
	margin-left:155px;
}
html>body .title2 {
	padding-top:5px;
}
#googlesearch{
	float:right;
	width:155px;
	height:20px;
	padding-top:4px;
	border:none;
		}
#search {
	float:right;
	width:42px;
	padding-top:6px;
	color:white;
	font-style:normal;
	font-size:80%;
	font-weight:normal;

}
#ctitle {/* This is the style for the area for the Title of the textual content, within the content div */
	width:300px;
	font-size:170%;
	text-align:left;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
}

.figureright {
	float:right;
	padding:0px 0px 5px 0px;
}

.figureleft{
	float:left;
	padding:0px 5px 0px 0px;
}
.figureright p{
	margin-top:0;
	margin-bottom:0;
  	text-align: center;
  	font-style: italic;
  	font-size: smaller;
}
.figureleft p{
	margin-top:0;
	margin-bottom:0;
  	text-align: center;
  	font-style: italic;
  	font-size: smaller;
}
‚ü¬=