@charset "utf-8";
/* CSS Document */
	body
	{
		font: .85em Verdana, Arial, Helvetica, sans-serif;
		background: #5C7288;
		margin: 0;
		/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
		padding: 0;
		text-align: center;
		/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
		color: #000000;
	}
	
	H1 { font-size: 170%; }
	H2 { font-size: 150%; }
	H3 { font-size: 130%; }
	H4 { font-size: 120%; }
	H5 { font-size: 110%; }
	H6 { font-size: 100%; }
	
	* {
    -webkit-text-size-adjust: none;
	}

	.luHomePage #container
	{
		width: 780px;
		/* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
		background: #FFFFFF;
		margin: 0 auto;
		/* the auto margins (in conjunction with a width) center the page */
		border: 1px solid #000000;
		text-align: left;
		/* this overrides the text-align: center on the body element. */
	}
	/*---------------AU header--------------*/
	/*-------- begin AU header---------- */


#AUheader {
	background: #6998ca;
	padding: 0 10px 5px 20px;
	color: #FFFFFF;
	width: 96%;
	font-weight: bold;
}

h1#AU {
	margin: 0;
	padding-top: 10px;
	padding-left: 0;
	padding-right: 0;
}

h2#Slogan {
	margin: 0;
	font-size: 100%;
	font-style: italic;
}
/*
h2 {
	margin: 0;
	font-size: 100%;
	padding-bottom: 10px;
	color: white;
}
*/
h2#AURightTop {
	margin: 0;
	font-size: 100%;
	padding-bottom: 10px;
	color: white;
}

a #AURightTop {
	color: #FFFFFF;
}


h2#AURightBottom {
	margin: 0;
	font-size: 100%;
	padding-bottom: 10px;
	color: white;
}

#AUinfoLeft {
	float: left;
}

#AUinfoRight {
	text-align: right;
	padding-top: 10px;
	clear: right;
}
a #header {color: #FFFFFF}

/*-------- end AU headcontent---------- */

/*-----------------start AU navbar----------------*/

#AULogInAll {
	background: url(../images/login.gif) no-repeat;
	padding-bottom: 20px;
	padding-top: 5px;
	margin-top: 2px;
}

#AUNavbar {
	display: block;
	background-color:#FFFFFF;
	clear: left;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

#AUNavbar ul {
	margin: 0 0 0 10px;
	padding: 5px 0 3px 0;
	white-space: nowrap;

}

#AUNavbar li {
	list-style: inside;
	display: inline;
	padding: 0 3px 0 3px;
}

#AULogIn {
	width: 100px;
	float: left;
	color: white;
	font-size: 1.5em;
	background: url(../images/login.gif) no-repeat;
	padding-bottom: 10px;
	text-align: center;
}

#AULogIn a {
	color: white;
	text-decoration: none;
	margin-right: 5px;
}



/*-----------------AU end navbar----------------*/
/*-------- AU end header---------- */

	
	
	
	
	/*----------------End AU header---------*/
	
	/*-----------------start header----------------*/
	.luHomePage #header
	{
		background: #86C4FF;
		padding: 0 10px 5px 20px;
		/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	}
	
	.luHomePage #header h1
	{
		margin: 0;
		/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
		padding: 10px 0;
		/* using padding instead of margin will allow you to keep the element away from the edges of the div */
	}
	
	.luHomePage #header h2
	{
		margin: 0;
		/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
		/* using padding instead of margin will allow you to keep the element away from the edges of the div */
		font-size: 100%;
		font-style: italic;
	}
	
	.luHomePage #header img
	{
		margin: -60px 15px 0 0;
		/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
		padding: 0;
		/* using padding instead of margin will allow you to keep the element away from the edges of the div */
		float: right;
	}
	
	/*-----------------end header----------------*/
	/*-----------------start navbar----------------*/
	.luHomePage #navbar ul
	{
	margin: 0 0 0 10px;
	padding: 5px 0 3px 0;
	white-space: nowrap;
	}
	
	.luHomePage #navbar li
	{
	list-style: inside;
	display: inline;
	padding: 0 3px 0 3px;
	}
/*-----------------end navbar----------------*/
/*-----------------start sidebar1----------------*/
	.luHomePage #sidebar1
	{
	float: right;
	/* since this element is floated, a width must be given */
		width: 270px;
	/* the background color will be displayed for the length of the content in the column, but no further */
		padding: 15px 10px;
	color:#333333;
	font-size:90%;
	background: #BFFFFF;
	background-color: #BFFFFF;
	}
	
	.luHomePage #sidebarBox
	{
	padding: 0 0 15px 0;
	margin: 0 0 20px 0;
	}
	
	.luHomePage #sidebar1 h3
	{
		margin: 0;
		padding: 0;
		font-size: 130%;
	}
	
	.luHomePage #sidebar1 h4
	{
		margin: 5px 0 0 0;
		padding: 0;
		font-size: 90%;
	}
	
	.luHomePage #sidebar1 ul
	{
		margin: 0;
		padding:0;
	}

	.luHomePage #sidebar1 li
	{
		list-style-type: none;
		list-style-position: inside;
		padding: 0 0 0 5px;
		margin: 8px 0 0 0;
	}
	
	.luHomePage #sidebarBox img
	{
		margin: 5px 10px 0 0;
		/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
		padding: 0;
		/* using padding instead of margin will allow you to keep the element away from the edges of the div */
		float: right;
		background: #FFFFFF;
	}
	
/*-----------------end sidebar1----------------*/

/*-----------------start mainContent----------------*/
	.luHomePage #mainContent
	{
		margin: 0 270px 0 0;
		/* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
		padding: 0 20px;
		/* remember that padding is the space inside the div box and margin is the space outside the div box */
	}
	
	.luHomePage #mainContent h1
	{
		padding: 0;
		margin: 10px 0 0 0;
	}
	
	.luHomePage #mainContent h2
	{
		padding: 0;
		margin: 5px 0 0 0;
		font-size: 100%;
	}
	
	.luHomePage #mainContent img
	{
	padding-top: 5px;
	padding-left: 0px;
	margin-right: 0px;
	}
	.luHomePage #mainContent a
	{
	font-weight: bold;
	}
		.GreenContent a
	{
	background-color: #ccff66;
	font-weight: bold;
	}
		.luHomePage #mainContent li
	{
		margin: 5px 0 0 0;
	}
	
	.GreenButton {
	border-color: teal;
	border-style: solid;
	border-width: thin;
	padding: 3px;
	background-color: #66ff66;
	margin-left: 5px;
}

.SpaceBox {
	padding-right: 5px;
}

/*-----------------end mainContent----------------*/

/*-----------------start Clients----------------*/

	.luHomePage #Clients
	{
		display: inline-block;
		padding: 0;
	}	

	.luHomePage #ClientsBox
	{
		text-align: center;
		float: left;
		width: 130px;
	}

/*-----------------end Clients----------------*/
/*-----------------AU Design----------------*/


.BorderNone {
	border:none;
}

#AUContent {
}

#AULeftColumn{
	float: left;
}
#AUCourses{
}
#AURightColumn{

}
#AU{
}
#AUMatrix{

}

/*-----------------End AU Design----------------*/







	
/*-----------------start footer----------------*/
	.luHomePage #footer
	{
		margin-top: 20px;
		padding: 0 10px 0 20px;
		/* this padding matches the left alignment of the elements in the divs that appear above it. */
		background: #6998ca;
	}
	
	.luHomePage #footer p
	{
		margin: 0;
		/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
		padding: 10px 0;
		/* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
		text-align: center;
		font-size: 80%;
		color: #333366;
	}
	
	/*-----------------end footer----------------*/
	.fltrt
	{
		/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
		float: right;
		margin-left: 8px;
	}
	
	.fltlft
	{
		/* this class can be used to float an element left in your page */
		float: left;
		margin-right: 8px;
	}
	
	.clearfloat
	{
		/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
		clear: both;
		height: 0;
		font-size: 1px;
		line-height: 0px;
	}
.luHomePage #ClientsWideBox {
	text-align: center;
	float: left;
	width: 220px;
}
.luHomePage #sidebarCourses {
	float: right;
	/* since this element is floated, a width must be given */
		width: 270px;
	/* the background color will be displayed for the length of the content in the column, but no further */
		padding: 0px 0px;
	color:#333333;
	font-size:90%;
}
.redtext {
	color: #FF0000;
	background-color: #FFFF00;
	font-weight: bold;
}