body {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: url(../Images/dropshadow.jpg) #D9EDF8 repeat-y 50% 0px;
	color: #000000;
	margin: 0;
	padding: 0;
}



#Wrapper {
	height: 100%;
	background: transparent;
	width: 774px;
	margin: 0 auto;
	text-align: left;
}



/* header and header elements below  (All Pages) ------------------------------------------------*/
/*	
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;*/
	
div.Container {
	position: relative;	
	top: 0px;
	width:773px;	
	background: transparent;
	
}

div.Logo {
	position: absolute;	
	top: 0px;
	left: 0px;
	width:202px;	
	height:143px;
	z-index:1000;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}

div.Logo[class] {
	background-image:url(../Images/logo.png);
}


#LogoHomeLink ul {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#LogoHomeLink li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#LogoHomeLink a {display: block; }

#LogoHomeLinkArea {top: 12px; height: 80px; left: 5px; width: 130px; }
#LogoHomeLinkArea a {height: 80px;}


div.Header {
	position: relative;	
	top: 0px;
	width:773px;
	height:	63px;	
	background: url(../Images/headerGradientBG.jpg) repeat-y;
	
}




div.Search {
	position: absolute;	
	top: 17px;
	left: 540px;
	width:200px;
	height:	36px;
	font-family: Trebuchet MS, arial, verdana, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	z-index:1;
	background: url(../Images/searchplaceholder.gif) no-repeat;
	
}




div.menu1 {
	position: absolute;	
	left: 189px;
	top: 64px;
	height:24px;
	width:600px;	
	background: blue;
	margin: 0;
	padding: 0;
	z-index: 6;
}

div.FlashandMenuContainer {
	position: relative;	
	top: 0px;
	height:244px;
	width:773px;	
	background: transparent;
	margin: 0;
	padding: 0;
	z-index: 5;	
}





		
	
	
/* Flash Area (Home Page)---------------------------------------------------*/
div.FlashArea {
	position: absolute;	
	top:24px;
	height:220px;
	width:773px;	
	background-image: url(../Images/flash.jpg);
	z-index: 1;	
}

/* ContentTop section (Home Page)---------------------------------------------------*/
div.ContentTop {
	position: relative;	
	top:0px;
	height:60px;
	width:773px;	
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;	
	background-image: url(../Images/ContentTopBG.jpg);	
}

div.PadTicker {
		position: absolute;	
		top:18px;
		left:275px;
		z-index:3;
		width:231px;
		height:40px;		
		margin: 0px; 
		padding: 0px;
		background-image: url(../Images/FrontPageReliedOn.gif);
	}
	
div.PadTickerText {
		position: absolute;	
		top:12px;
		left:16px;		
		width:200px;
		height:20px;		
		margin: 0px; 
		padding: 0px;
		font-family: Trebuchet MS, arial, verdana, sans-serif;
		font-size: 8pt;
		color: #000000;
		overflow: hidden;
		
	}

div.ContentBody {
	position: relative;	
	top:0px;
	z-index:1;
	width:773px;	
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	background: white;
	height: 206px;
	overflow: hidden;
}

	div.ContentLeftImage {
		position: absolute;	
		left: 20px;
		top: 0px;
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 0px 0px;
		z-index:2;
		width:230px;
		height:200px;
	}
	
	#contentlink ul {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
	#contentlink li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
	#contentlink a {display: block; }
	
	#contentlink1 {top: 1px; height: 1px; left: 1px; width: 1px;}
	#contentlink1 a {height: 1px;}
	
	#contentlink2 {top: 8px; height: 28px; left: 16px; width: 138px;}
	#contentlink2 a {height: 28px;}
	
	#contentlink3 {top: 8px; height: 28px; left: 16px; width: 138px;}
	#contentlink3 a {height: 28px;}
	
	#contentlink4 {top: 8px; height: 28px; left: 16px; width: 138px;}
	#contentlink4 a {height: 28px;}
	
	#contentlink5 {top: 8px; height: 28px; left: 16px; width: 138px;}
	#contentlink5 a {height: 28px;}
	
	#contentlink6 {top: 8px; height: 28px; left: 16px; width: 138px;}
	#contentlink6 a {height: 28px;}
	
	#contentlink7 {top: 8px; height: 28px; left: 16px; width: 138px;}
	#contentlink7 a {height: 28px;}
	
	#contentlink8 {top: 8px; height: 28px; left: 16px; width: 138px;}
	#contentlink8 a {height: 28px;}
	
	#contentlink9 {top: 8px; height: 28px; left: 16px; width: 138px;}
	#contentlink9 a {height: 28px;}
	
	#contentlink10 {top: 8px; height: 28px; left: 16px; width: 138px;}
	#contentlink10 a {height: 28px;}
	
	div.ContenttextHeader {
		position: absolute;	
		top:-20px;
		left:260px;
		z-index:3;
		width:286px;
		margin: 0px; 
		padding: 0px;
		background-image: url(../Images/changingthefaceofeducation.gif);
	}

	div.ContentText {
		position: relative;	
		top:0px;
		left:260px;
		z-index:2;
		width:286px; 
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 0px 0px;
		background: white;	
	}

div.UserMenu {
	position: absolute;	
	text-align: center;
	left: 560px;
	top: 0px;
	z-index:2;
	width:194px;
	height:71px;	
	background: transparent;
	
}

/* User Area Menu (Home Page)---------------------------------------------------*/
		#iconmenu {position: absolute; Top:0px; left:0px; margin: 0px; padding: 0px; width: 194px; height: 286px; background: url(../Images/pattern.gif);}
		#iconmenu li {width: 194px; height: 24px; background: url(../Images/UserMenuBackground.gif) 0 0 no-repeat; display: block; list-style: none;}
		#iconmenu a {width: 194px; height: 24px; display: block; border:0;}
		#iconmenu a:hover {border:0;}
		#iconmenu #item1 {background: url(../Images/UserMenuBackground.gif) 0px 0px no-repeat;}
		#iconmenu #item2 {background: url(../Images/UserMenuBackground.gif) 0px -24px no-repeat;}
		#iconmenu #item3 {background: url(../Images/UserMenuBackground.gif) 0px -48px no-repeat;}
		#iconmenu #item4 {background: url(../Images/UserMenuBackground.gif) 0px -72px no-repeat;}
		#iconmenu #item5 {background: url(../Images/UserMenuBackground.gif) 0px -96px no-repeat;}
		#iconmenu #item6 {background: url(../Images/UserMenuBackground.gif) 0px -120px no-repeat;}
		#iconmenu #MenuBottom {background: url(../Images/UserMenuBackground.gif) 0px -287px no-repeat;}
		
		#iconmenu #item1 a:hover {background: url(../Images/UserMenuBackground.gif) 0px -143px no-repeat;}
		#iconmenu #item2 a:hover {background: url(../Images/UserMenuBackground.gif) 0px -167px no-repeat;}
		#iconmenu #item3 a:hover {background: url(../Images/UserMenuBackground.gif) 0px -191px no-repeat;}
		#iconmenu #item4 a:hover {background: url(../Images/UserMenuBackground.gif) 0px -215px no-repeat;}
		#iconmenu #item5 a:hover {background: url(../Images/UserMenuBackground.gif) 0px -239px no-repeat;}
		#iconmenu #item6 a:hover {background: url(../Images/UserMenuBackground.gif) 0px -263px no-repeat;}

div.ContentBottom {
	position: relative;	
	top:0px;
	height:143px;
	width:773px;
	background-color: transparent;	
	background-image: url(../Images/ContentBottomBG2.jpg);
	background-repeat:no-repeat;	
	background-position: top;
}

div.NewsAndEvents {
	position: absolute;	
	top: -6px;
	left: 158px;
	width:432px;
	height: 43px;
	font-family: Trebuchet MS, arial, verdana, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	border: 0px red solid;	
	z-index:100;
	background: url(../Images/backgroundnewsandevents2.jpg) no-repeat;
	
}

#NewsAndEventsLink ul {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#NewsAndEventsLink li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#NewsAndEventsLink a {display: block; }

#NewsAndEventsLinkArea {top: 8px; height: 28px; left: 16px; width: 138px;}
#NewsAndEventsLinkArea a {height: 28px;}

div.MenuBottom {
	position: relative;	
	top:70px;
	left:189px;
	height:20px;
	width:500px;
	background-color: transparent;	
	font-family: Trebuchet MS, arial, verdana, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
		
}

div.MenuBottom a {	
	color: #FFFFFF;	
	text-decoration: none;
		
}

div.Login {
	position: absolute;	
	top: 12px;
	left: 256px;
	width:218px;
	height:	37px;	
	font-family: Trebuchet MS, arial, verdana, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	z-index:1;
	background: url(../Images/login.gif) no-repeat;

	
}

#MenuTopLinks ul {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#MenuTopLinks li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#MenuTopLinks a {display: block; border: solid 0px #f00;}

#panel1b {top: 1px; height: 35px; left: 0px; width: 98px;}
#panel2b {top: 1px; height: 35px; left: 123px; width: 94px;}

#panel1b a {height: 35px;}

#panel2b a {height: 35px;}



#pscroller2{
width: 432px;
height: 20px;
border: 0px solid black;
padding: 3px;
top: 12px;
left: 164px;
}

#pscroller2 a{
text-decoration: none;
font-family: Trebuchet MS, arial, verdana, sans-serif;
font-weight: bold;
font-size: 10pt;
color: #3A5D72;
}

/* CUSTOM ADDED BY JB */

div#Wrapper div.Container div.Logo {width:202px; height:143px; z-index:9;}