@charset "UTF-8";
/* CSS Document */

@import "reset.css";

html
{
	height: 100%;	
}


body {
	background-color:#bfbfbf;
	height:101%;
	text-align:left;
	margin:0 auto;
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
	color:#585858;
}

a {
	color:#4D80B3;	
	text-decoration:none;
	font-family:Arial;
}

a:hover {
	color:#036;	
}

a:active {
	color:#91B1CA;	
}

h1 {
	font-family:Arial Narrow;
	font-size:42px;
	font-weight:normal;
	color:#585858;
}

h2 {
	font-family: "Arial Narrow";
	font-size:34px;
	font-weight:bold;
	color:#585858;
}

h3 {
	font-family: "Arial Narrow";
	font-size:18px;
	font-weight:normal;
	color:#585858;
}

h4 {
	font-family:Arial;
	font-size:15px;
	font-weight:normal;
	color:#585858;
}

h5 {
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
	color:#585858;
}

p {
	font-family:Arial;
	font-size:13px;
	color:#515151;
	line-height:20px;
}

p strong {
	font-weight:bold;	
}
div#wrapper {
	width:900px;
	margin:0 auto;
	padding:0;
	border-left:2px solid #a3a3a3;
	border-right:2px solid #a3a3a3;
	background-color:#FFFFFF;
}
div#header-wrapper {
	background: url(img/header-background.jpg);0 0 no-repeat;
	background-color:#543a73;
	height:118px;
	width:900px;
	margin:0 auto;
}
#header-wrapper #header-content {
	margin:0 auto;
	width:870px;
	text-align:left;
}
#header-content #logo {
	float:left;
	margin-top:25px;
}
#header-content #search {
	margin-top:44px;
	float:right;	
	background:url(img/header-search-box-background.jpg) 0 0 no-repeat;
	width:205px;
	height:31px;
	overflow:hidden;
}
	#search #box {
		margin:6px;
		padding:0;
		border:none;
		background-color:#5d5d5d;
		width:148px;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:normal;
		color:#dfdfdf;
	}
	#search #button {
		margin:0;
		padding:0;
		width:40px;
		height:31px;
		border:none;
		float:right;
	}
#department-name {
	clear:both;
	width:900px;
	height:50px;
	margin:0 auto;
	padding:0;
	font-family: "Trajan Pro", "Times New Roman";
	background:url('img/navigation-background.jpg') 0 0 no-repeat;
	background-color:#deded0;
}

		#department-name-left
		{
			margin: 0px 0px 0px 0px;
			padding: 0;
			float: left;
			width: 150px;
			height: 50px;
		}

			#department-name-left h1
			{
				background-image:url(img/department-name.png);
				background-repeat: no-repeat;
				display:block;
				width:150px;
				height:50px;
				overflow:hidden;
			}
			
				#department-name-left h1 a
				{
					display:block;
					width:150px;
					height:50px;
					text-indent:-9000px;
				}
		
		#department-name-right
		{
			margin: 0px 0px 0px 0px;
			padding: 0;
			float:right;
			height:50px;
			width:210px;
			overflow:hidden;
		}

			#department-name-right a
			{
				display:block;
				height:50px;
				width:210px;
				background:url("img/nav-button-sprite.jpg") 0 0 no-repeat;
				text-indent:-9000px;
			}
			
				#department-name-right a:hover
				{
					background-position:0 -50px;
				}
				
				#department-name-right a:active
				{
					background-position:0 -100px;
				}

#navigation-wrapper {
	clear:both;
	width:900px;
	height:50px;
	margin:0 auto;
	padding:0;
	background-color: #91B1CA;
	color: #DEDFD1;
	font-size: 13px;
	text-align:center;
}

	#navigation-wrapper p
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		height: 50px;
		line-height: 50px;
		color: #DEDFD1;
		font-family: arial, helvetica, sans-serif;
		font-weight: bold;
		font-size: 13px;
	}
	
		#navigation-wrapper p a
		{
			margin: 0px;
			padding: 0px 6px 0px 6px;
			color: #666666;
			text-decoration: none;
			font-weight: bold;
			font-size: 13px;
		}
		
			#navigation-wrapper p a:hover
			{
				color: #36C;
			}

#banner {
	background:url('img/IMG_1108.jpg') 0 0 no-repeat;
	clear:both;
	height:250px;
	width:900px;
	margin:0 auto;
	padding:0;
}

	#splash
	{
		width: 220px;
		height: 220px;
		padding:15px;
		background-image: url(../img/float_bg.png);
		background-repeat: repeat;
		float: left;
		text-align:left;
	}	

/* BREAD */
	#bread
	{
		margin: 0 auto;
		padding: 0;
		color: #666;
		text-transform: uppercase;
		text-align: left;
		width: 900px;
		background-color: #4D80B3;
		height: 20px;
		line-height: 20px;
	}

		#bread p
		{
			margin: 0;
			padding: 0px 0px 0px 10px;
			font-weight: bold;
			color: #CDDBEA;
			font-size: 10px;
		}

			#bread p a
			{
				margin: 0;
				padding: 0;
				font-weight: bold;
				color: #CDDBEA;
			}

			#bread p a:hover
			{
				margin: 0;
				padding: 0;
				font-weight: bold;
				color: #EADBCD;
			}

/* END OF BREAD */

#page-wrapper {
	width:900px;
	margin:0 auto;
	padding: 0;
	background:url(img/page-background.jpg) 0 0 no-repeat;
	min-height: 250px;
}

#page {
	margin:0 auto;
	width:860px;
}
	
		
/* FOR TWO COLUMNS */

	#holderoftwo
	{
		margin: 0;
		padding: 0;
	}
		
		#left
		{
	margin: 0px 0px 0px 0px;
	padding: 0;
	float: left;
	width: 640px;
		}
		
		#right
		{
			margin: 0;
			padding: 0;
			float: right;
			width: 205px;
		}
		/* RIGHT COLUMN PROPERTIES */
			#sidebar
			{
				margin: 12px 0px 0px 0px;
				padding: 0;
				background-color:#eaeaea;
			}
	

			#right #sidebar h1
			{
				font-size: 12px;
				font-family:Arial Narrow;
				font-weight:bold;
				line-height: 16px;
				text-align: center;
				padding-top: 5px;
				padding-bottom: 7px;
				background:url(img/sidebar-heading-background.jpg) 0 -94px no-repeat;	
				text-transform:uppercase;
				color:#ffffff;
				cursor:pointer;
			}

			#sidebar ul {
				text-align:left;
				margin:0;
				padding:0;
			}

			#sidebar ul li.item {
				font-family:Arial Narrow;
				font-weight:bold;
				font-size:15px;
				margin:20px 20px 0px 20px;
			}

			#sidebar ul li.item a {
				color: #4D80B3;
			}
	
			#sidebar ul li.detail {
				font-family:Arial;
				font-weight:normal;
				font-size:12px;
				color:#707070;
				margin:5px 20px 20px 20px;
			}
			
			#sidebar ul.contact-info {
			margin:0;
			padding:0;
			}
			
			#sidebar ul.contact-info li {
			font-family:Arial Narrow;	
			font-size:14px;
			font-weight:normal;
			margin:0 20px 0 20px;
			}
			
			#sidebar ul.contact-info li a {
			font-family:Arial Narrow;
			}
			
		/* END OF RIGHT COLUMN PROPERTIES */
		
/* END OF TWO COLUMNS */

	#page h1
	{
		font-size: 36px;
		font-weight:bold;
		line-height: 40px;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 7px;
	}

	#page h2
	{
		font-size: 22px;
		line-height: 28px;
		text-align: left;
		padding-top: 12px;
		padding-bottom: 8px;
	}

	#page h3
	{
		font-size: 18px;
		line-height: 24px;
		text-align: left;
		padding-bottom: 6px;
		padding-top: 6px;
	}

	#page h4
	{
		font-size: 16px;
		line-height: 21px;
		text-align: left;
		padding-bottom: 4px;
	}

	#page p
	{
		font-size: 13px;
		line-height: 20px;
		text-align: left;
	}


#footer {
		clear:both;
		width:900px;	
		height:90px;
		overflow:hidden;
		margin:0 auto;
		padding:0px;
		background:url(img/footer-background.jpg) 0 0 no-repeat;
		text-align:left;
	}
	
		#footer_text
		{
			margin: 0px;
			padding: 10px 30px 10px 30px;
			width: inherit;
		}
	
		#footer_text p {
			color:#dadada;
			font-size:11px;
			padding: 0px 0px 0px 0px;
		}
			#footer_text p a, #footer_text p a:hover, #footer_text p a:active {
				color:#fff;	
			}
	
	#footer-uww-logo-link {
		margin: 0px 50px 0px 0px;
		padding: 0;
		float:right;
	}
	
	.clear {
		margin:0;
		padding:0;
		height:0;
		width:0;
		display:block;
		clear:both;
	}
	p.warning {
		color:#900;
		font-weight:bold;
	}
	
	.courseleft{
	float: left;
	width: 290px;
	}
	
	.courseright{
	width: 290px;
	float: right;
	}