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



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

/* Text settings  (All Pages) ------------------------------------------------*/

.text {  font-family: Arial, verdana, sans-serif; font-size: 11pt; font-weight: normal; color: #000000;}

.subtitle {  font-family: Arial, verdana, sans-serif; font-size: 12pt; font-weight: bold; color: #0066CC;}

.title {  font-family: Arial, verdana, sans-serif; font-size: 12pt; font-weight: bold; color: #0066CC;}


h1 {
font-family:"Times New Roman", Times, serif;
font-size: 20px;
font-weight: normal;
color: #288ECC;

} 


/* 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-image: url(../Images/ContentBackground.jpg); 
	background-repeat: repeat-y;
	
}

/* Used in interior template 2 */
div.Container2 {
	position: relative;	
	top: 0px;
	width:773px;
	background: white;
}


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.LeftImage {
	position: absolute;	
	top: 87px;
	left: 0px;
	width:195px;	
	height:223px;
	
	background: url(../Images/leftimage.jpg);
}

div.LeftImage1 {
	position: absolute;	
	top: 87px;
	left: 0px;
	width:195px;	
	height:223px;	
	background: url(../Images/leftimage1.jpg);
}

div.LeftImage2 {
	position: absolute;	
	top: 87px;
	left: 0px;
	width:195px;	
	height:223px;	
	background: url(../Images/leftimage2.jpg);
}

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

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;

	
}


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.Content {
	position: relative;	
	top: 0px;
	width:773px;
	margin: 0;
	padding: 0;
	border:0;
	
}

	
		


/* Interior Content section (Home Page)---------------------------------------------------*/

div.Interior {   /* Interior is for the interior2 template---------------------------------*/
	position: relative;
	float:left;
	width:773px;	
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;	
	background: white;	
}

div.InteriorLeft {
	float:left;
	width:195px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}

	div.SpacerAboveLeftMenu {
		height: 250px;
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 0px 0px;
	}
	
	div.SpacerAboveRightContentArea {
		height: 20px;
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 0px 0px;
	}
	
	div.SpacerAboveContentArea {  	/* This is only used in the template 2 style*/
		height: 47px;
		background: transparent;	
	}
		

	
	/* Interior Left Menu (Home Page)---------------------------------------------------*/
	div.MenuTextPosition2 {position: relative; top: 3px; left: 30px; }
		
	#Iconmenu {position: relative; Top:0px; left:0px; margin: 0px; padding: 0px; width: 194px; height: 286px; background: url(pattern.gif);}
	#Iconmenu li {width: 194px; height: 20px; background: url(../Images/InteriorMenuBG.jpg) 0 0 no-repeat; display: block; list-style: none;}
	#Iconmenu a {width: 194px; height: 20px; display: block; border:0; color: #ffffff; text-decoration: none;}
	#Iconmenu a:hover {border:0; }
	#Iconmenu #InteriorMenuItem {background: url(../Images/InteriorMenuBG.jpg) 0px 0px no-repeat;}
	#Iconmenu #InteriorMenuItem a:hover {background: url(../Images/InteriorMenuBG.jpg) 0px -20px no-repeat;}
	#Iconmenu #InteriorMenuItemSelected  {background: url(../Images/InteriorMenuBG.jpg) 0px -20px no-repeat;}
	#Iconmenu #InteriorMenuItemSelected  a:hover {background: url(../Images/InteriorMenuBG.jpg) 0px -20px no-repeat;}
	
	

div.InteriorRight {
	float:right;
	width:578px;	
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}

div.ContentContainer {
	float:right;
	width:773px;	
}


	div.ContentHeaderArea {
		position: relative;
		float:right;		
		width:700px;	
		height:240px;
		border: 0px; 
		margin: 0px; 
		padding: 0px;
		/* background-image: url(../Images/HeaderK12Home.jpg);*/
	}
	
	

	div.ContentText {
		position: relative;	
		top:0px;
		left:19px;		
		width:540px;	
		font-family: arial, verdana, sans-serif;
		font-size: 11pt;
		color: #000000;
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 0px 0px;
	}
	
	
	div.ContentTextNoMargins {
		position: relative;	
		top:0px;
		left:0px;		
		width:300px;	
		font-family: arial, verdana, sans-serif;
		font-size: 11pt;
		color: #000000;
		margin: 0px 0px 0px 0px; 
		padding: 0px 0px 0px 0px;
	}
	
	/* This is for interior template 2 */
	div.ContentHeaderArea2 {
		position: relative;
		float:right;		
		width:773px;	
		height:70px;
		border: 0px; 
		margin: 0px; 
		padding: 0px;
		/* background-image: url(../Images/HeaderK12Home.jpg);*/
	}

	/* This is for interior template 2 */
	
	div.ContentHeaderAreaTemp2 {
		position: relative;
		float:right;
		z-index:300;
		width:773px;	
		height:98px;
		/* background-image: url(../Images/HeaderK12Home.jpg);*/
	}
	
	div.ContentText2 {
		position: relative;	
		top:0px;
		left:25px;		
		width:725px;	
		font-family: arial, verdana, sans-serif;
		font-size: 11pt;
		color: #000000;
		
	}
	
	
	div.ContentBottom {
		clear:both;		
		
	
	}
	
	div.FooterImage {
		position: relative;			
		height:143px;
		width:773px;		
		background-image: url(../Images/interior1footer.jpg);
		background-repeat:no-repeat;	
	}
	
	/* This is for interior template 2 */
	div.FooterImage2 {
		position: relative;			
		height:143px;
		width:773px;		
		background-image: url(../Images/interior2footer.jpg);
		background-repeat:no-repeat;	
	}
	
	div.FooterImageGreyBackground {
		position: relative;			
		height:143px;
		width:773px;		
		background-image: url(../Images/interior4footer.jpg);
		background-repeat:no-repeat;	
	}
	
	
	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;
			
	}
	
	
	
#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: 7px;
left: 160px;
}

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



div.ContentText3 { 

	position: relative;
	top:0px;
	left:0px;
	width:772px;
	font-family: arial, verdana, sans-serif; 
	font-size: 11pt; 
	color: #000000;

}

/* CUSTOM ADDED BY JB */

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