/* HACK USED WITH THE WRAP DIV IN ORDER TO MAKE FOOTER POSITIONED AT ABOSULTE BOTTOM OF THE PAGEEND OF HACK */

	html {height: 100%; 

	}



img.border {

border: 1px ridge;

}



img.floatLeft { 

    float: left; 

    margin: 4px; 

}

img.floatRight { 

    float: right; 

    margin: 4px; 

}



BODY {

	MARGIN: 0px auto; /* USED TO POSITION ELEMENTS IN THE CENTER OF THE PAGE | EACH DIV NEEDS THIS LINE */
	LINE-HEIGHT: 1.5;  
	FONT-FAMILY: Verdana,Helvetica,Arial,sans-serif; 
	FONT-SIZE: 11px; 
	TEXT-ALIGN: center;
	HEIGHT:100%;
	WIDTH: 770px;
	background-color: #546666;
	background-repeat:repeat-x;
	BACKGROUND-IMAGE: url(../IMAGES/bg.jpg);
	BORDER: 0px 0px 0px 0px;
	PADDING: 0px 0px 0px 0px;
}


/*HEAD TAG PROPERTIES */

H1 {FONT-SIZE: 14px; MARGIN-LEFT: 25px; COLOR: #663; FONT-FAMILY: Arial, Helvetica, sans-serif}

H2 {FONT-SIZE: 14px; MARGIN-LEFT: 25px; COLOR: #663; FONT-FAMILY: Arial, Helvetica, sans-serif}

H3 {FONT-SIZE: 14px; MARGIN-LEFT: 25px; COLOR: #663; FONT-FAMILY: Arial, Helvetica, sans-serif}

H4 {FONT-SIZE: 14px; MARGIN-LEFT: 25px; COLOR: #663; FONT-FAMILY: Arial, Helvetica, sans-serif}

H2 {BORDER-BOTTOM: #300 1px solid}

H2.title {BORDER-BOTTOM: #dad0b1 1px solid}

/*HEADER PROPERTIES*/

#HEADER {
	CLEAR: both; 
	MARGIN: 0px auto;
	POSITION: relative; 
	WIDTH: 770px;  
	HEIGHT: 175px;
	PADDING: 0px 0px 0px 0px;
	TEXT-ALIGN: left; 
	BACKGROUND-POSITION: top left;
	BACKGROUND-IMAGE: url(../IMAGES/mckenzie_logo.png); 
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-COLOR:#666666;
	BORDER: 0px 0px 0px 0px;
}







/*HEADER PROPERTY SO NOTHING WITHIN THE H1 TAG IS DISPLAYED | USED FOR CREDITING THE SITE WITHOUT SHOWING TEXT */

#HEADER H1 {

DISPLAY: none;

}









/*SUBMENU ITEM PROPERTIES */

#SUBMENU { 
	CLEAR: both; 
	Position: relative;
	float: left;
	MARGIN: 0px auto;
	POSITION:relative;
	WIDTH: 769px;
	TEXT-ALIGN: left;
	background-color: #006;
	PADDING: 0px 0px 0px 0px;
	BORDER: 0px 0px 0px 0px;
	z-index: 1;
}



#search{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 101;
	color: #FFFF99;
}


#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
	color: #CCCCCC;
}


#search a:hover{
	margin: 0px;
	color: #FFFFFF;
}


#CONTENT { /*MAIN SITE CONTENT CONTAINER */ 
	CLEAR: both; 
	MIN-HEIGHT: 65%;
	overflow: auto;
	MARGIN: 0px auto;
	POSITION: relative; 
	WIDTH: 770px;
	TEXT-ALIGN: left;
	BACKGROUND-COLOR: #FFFFFF;
	background-image:url(../IMAGES/contentback.gif);
	background-repeat:repeat-y;
	FONT-FAMILY: Verdana,Helvetica,Arial,sans-serif; 
	FONT-SIZE: 11px;
	PADDING: 0px 0px 0px 0px;
	BORDER-TOP: 0px solid #999999;
	BORDER-BOTTOM: 0px solid #999999;}

		/* for IE */

		/*\*/

			* html #CONTENT {height: 66%;}

			* html #CONTENT {overflow: visible;}

		/**/





#MOTTO { /*AREA WITH THE UWEC MOTTO */

	CLEAR: both; 
	MARGIN: 0px auto;
	POSITION:relative; 
	HEIGHT: 72px;
	WIDTH: 764px;
	TEXT-ALIGN:left; 
	background-image: url(../IMAGES/excellenceback.jpg);
	PADDING-RIGHT: 3px; 
	PADDING-LEFT: 3px; 
	PADDING-TOP: 10px; 
	PADDING-BOTTOM: 0px;
	BORDER-TOP: #261808 1px solid #999999; 
	BORDER-LEFT: #261808 0px solid #999999;
	BORDER-RIGHT: #261808 0px solid #999999;
	BORDER-BOTTOM: #261808 1px solid #999999;
}



#FOOTER { /*AREA WITH THE SITE CONTACT INFORMATION AND COPYRIGHT INFORMATION | LAST ELEMENT ON THE PAGE */
	CLEAR: both; 
	MARGIN: 0px auto;
	POSITION:relative; 
	WIDTH: 764px;
	HEIGHT: 80px;
	BACKGROUND-COLOR:#FFFFFF;
	TEXT-ALIGN:center; 
	COLOR: #333333;
	PADDING-RIGHT: 3px; 
	PADDING-LEFT: 3px; 
	PADDING-TOP: 10px; 
	BORDER: 0px 0px 0px 0px;
}



	/* for IE */

		/*\*/

			* html #FOOTER {height: 83px}

		/**/



/*FOOTER ELEMENT PROPERTIES */

#FOOTER A {

	COLOR:#9098ae; TEXT-DECORATION: none

}



#FOOTER A:hover {

	text-decoration: underline;

}



 table {   

font-size: 11;

	font-family: Verdana, Arial, Helvetica, sans-serif;

  	color: #000000;

	} 



/*#footer SPAN.copyright {

	PADDING-LEFT: 20px; FLOAT: left

}

#footer SPAN.validation {

	PADDING-RIGHT: 20px; FLOAT: right

} */





/*MAIN CONTENT IN THE RIGHT-HAND COLUMN */

#RIGHTTEXT {

	CLEAR: right;

	FLOAT: right; 

	WIDTH: 240px; 

	PADDING-TOP: 40px; 

	PADDING-BOTTOM: 0px;

	PADDING-RIGHT: 15px;

	color: #000000;

	}



#RIGHTTEXT A {

Color: #336633;

}



#RIGHTTEXT A:HOVER {

color: #FF6633;

}



#RIGHTTEXT H2 { /*MAIN CONTENT IN THE RIGHT-HAND COLUMN ELEMENT PROPERTIES */

	MARGIN-RIGHT: 25px

}



#RIGHTTEXT P { /*MAIN CONTENT IN THE RIGHT-HAND COLUMN ELEMENT PROPERTIES */

	MARGIN-TOP: 20px; MARGIN-BOTTOM: 0px; MARGIN-RIGHT: 25px

}



#RIGHTTEXT DT { /*MAIN CONTENT IN THE RIGHT-HAND COLUMN ELEMENT PROPERTIES */

	MARGIN-BOTTOM: 10px; 

	MARGIN-LEFT: 5px; 

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11;

	font-family: Verdana, Arial, Helvetica, sans-serif;

  	color: #000000;

	BORDER-LEFT: 0px #999999 solid;

	border-right: 0px #999999 solid;

	BORDER-BOTTOM: #C0C0C0 1px solid; 

	background-image: url(../IMAGES/NAV/glblnav_selected.gif);

}



#RIGHTTEXT LI {

margin-left: 0;



	text-indent: .05em;

}

	/* for IE */

		/*\*/

			* html #RIGHTTEXT LI {text-indent: 1em;}

		/**/



#RIGHTTEXT ul {list-style-position: outside; margin-left: 0;

	padding-left: .25em;

	text-indent: 1em;}



/*MAIN CONTENT IN THE LEFT-HAND COLUMN */

#LEFTTEXT {

	CLEAR: left; 

	FLOAT: left; 

	WIDTH: 475px; 

	PADDING-TOP: 40px; 

	PADDING-LEFT: 5px;

		FONT-FAMILY: Verdana,Helvetica,Arial,sans-serif; 

	FONT-SIZE: 11px;





}



#LEFTTEXT DT { /*MAIN CONTENT IN THE LEFT-HAND COLUMN ELEMENT PROPERTIES */

	MARGIN-BOTTOM: 10px; 

	MARGIN-LEFT: 25px; 

	BORDER-BOTTOM: #300 1px solid; 

	font-size: 11;

	font-family: Verdana, Arial, Helvetica, sans-serif;

  	color: #000000;

}



#LEFTTEXT DD { /*MAIN CONTENT IN THE LEFT-HAND COLUMN ELEMENT PROPERTIES */

	PADDING-RIGHT: 0px; 

	BACKGROUND-POSITION: 6px; 

	PADDING-LEFT: 14px; 

	PADDING-BOTTOM: 0px; 

	MARGIN-LEFT: 25px; 

	PADDING-TOP: 0px; 

	BACKGROUND-REPEAT: no-repeat; 

	FONT-FAMILY: Verdana,Helvetica,Arial,sans-serif; 

	FONT-SIZE: 11px;

}



.CAPTION {

text-align:center;

color: #999999;

font-size:10px;

}







/* Nav */



.navigation

{

	margin: 0;

	padding: 0;

	z-index: 2;

}



.navigation h2

{

	display: none;

}



.navigation ul

{



	background-color: #669966;

	width: 770px;  /*makes the navigation fill the entire length of the submenu */

	position: absolute;



	right: -1px;  /*brings menu all the way to the right */

	padding: 0;

	margin: 0;

	font-size: 11px;

	z-index: 0;

		

}



.navigation ul ul

{

	position: absolute;

	top: auto;

	right: auto;

	padding: 0;

	margin: 0;

	width: 150px;

	font-size: 10px;

	display: none;

	background-color: #CCCCCC;  /*sets background color of the first drop down to silver the link properties set it to green  the silver is on the right */

	_background-color: #669966;

}



.navigation ul li:hover ul

{

	display: block;

}



.navigation li

{

	float: left;

	list-style-type: none;

	padding-right: 0px;   /*spaces the top menu items  and drop down items*/





 _height:1px; /* height for drop down menu for IE 5+ on win, including IE 6 in standard

mode  that prevents gray from showing underneath the block*/





}







.navigation ul ul li

{

	float: none;

}



.navigation li a

{

	background-color: #669966;

	padding: 0.2em 0.5em;

	height: 26px;  /*height of main menu background */

	margin-right: 5px;

	color: #fff;

	text-decoration: none;

	display: block;

	overflow: hidden;

}



* html .navigation li a

{

	float: left;

}



* html .navigation li ul

{

	clear: left;

}



* html .navigation li li a

{

	float: none;

}



.navigation li.last a

{

	margin-right: 0;

}



.navigation li.active a, .navigation li a:hover, .navigation li:hover a

{

	border-top: 3px #000 solid;  /*sets the border on the top of the active link if class is used */

}



.navigation li.active a

{

	font-weight: bold;

}



.navigation li a:hover

{

	background: #999966;  /*background color of the hover */

}



.navigation li ul li a, .navigation li.active ul li a, .navigation li ul li a:hover, .navigation li:hover ul li a

{

	margin: 0;

	border-top: 1px #000 solid;  /*border to seperate list items */

	 height: auto;

	 }







.navigation ul.second

{



	background-color: #CCCCCC;

	_background-color: #669966;

	position: absolute;

	top: -1px;

	right: 150px;

	padding: 0;

	margin: 0;

	font-size: 10px;

	z-index: 3;		

}







* html .navigation li ul li

{

	margin: 0;

	padding: 0;

}



.navigation ul ul li.last a

{

	border-bottom: 1px #000 solid;

}





.picture { 

background-color: #F9F9F9; 

border: 1px solid #CCCCCC; 

padding: 3px; 

font: 11px/1.4em Arial, sans-serif; 

height: auto;

} 



.picture img { 

border: 1px solid #CCCCCC; 

vertical-align:middle; margin-bottom: 3px; 

} 

.right { 

margin: 0.5em 0pt 0.5em 0.8em; float:right; 

} 

.left { 

margin: 0.5em 0.8em 0.5em .8em; float:left; 

}