/* hscss */


/* ============================ Universial CSS Styles 
=================================*/


body {
	background: #3369a4 url(http://www.em2astudios.com/flashwork/highschool_files/hsbg_gradient.jpg) repeat-x top left;
	font-family: verdana,"Lucida Grande","Lucida Sans Unicode",geneva,sans-serif;
	margin: 0;
	padding: 0;
	font-size:11px;
	color: #636363;
	min-width:800px;
	behavior:url("csshover.htc");
	}

h1 {
	font-size:16px; 
	color:#4a4a4a;
	text-align:left;
	}

h1.countryHead {
	font-size:20px; 
	color:#a6a6a6;
	letter-spacing:0.1em;
	text-align:left;
	}

h1.formHead {
	font-size:20px; 
	color:#a6a6a6;
	letter-spacing:0.1em;
	text-align:left;
	}

h2	{
	font-size:14px;
	color:#3369a4; /*#3e3e3e;*/
	/*margin-bottom:9px;*/
	}

h3	{
	font-size:12px;
	color:#3e3e3e;
	/*margin-bottom:9px;*/
	}
.tabletop {
	margin-top:22px;
	}

p	{
	line-height:18px;
	padding-bottom:6px;
	}

p.nav	{
	line-height:14px;
	padding-bottom:0px;
	color:#fff;
	}

ul	{
	line-height:13px;
	list-type-style: square;
	/*margin-top:-5px;*/
	}

ul.nohead	{
	line-height:13px;
	list-type-style: square;
	margin-top:-5px;
	}

li	{
	margin-bottom:8px; 
	margin-top:1px;
	}	

li.end	{
	margin-bottom:-2px; 
	margin-top:1px;
	}
	
li.tight	{
	margin-bottom:3px; 
	margin-top:1px;
	}
	


a:link {
	color: #3369a4;
	background: none;
	text-decoration: none;
	}

a:visited {
	color: #3E3CB3;
	background: none;
	text-decoration: none;
	}

a:hover {
	color: #6DB52D;
	background: none;
	text-decoration: underline;
	}

a:active {
	color: #3369a4;
	background: none;
	text-decoration: none;
	}


a.whitelink:link {  
	color: #fff;  
	text-decoration: none;
	}  

a.whitelink:visited {  
	color: #fff;  
	text-decoration: none;  
	}  

a.whitelink:hover {  
	color: #fff;  
	text-decoration: none;  
	}  
     
a.whitelink:active  {  
	color: #fff;  
	text-decoration: none;  
	}


a.whitelink2:link {  
	color: #fff;  
	text-decoration: none;
	}  

a.whitelink2:visited {  
	color: #fff;  
	text-decoration: none;  
	}  

a.whitelink2:hover {  
	color: #aee46e;  
	text-decoration: underline;  
	}  
   
  
a.whitelink2:active  {  
	color: #aee46e;  
	text-decoration: none;  
	}





a.menu:link {  
	color: #3a3a3a;  
	text-decoration: none;
	}  

a.menu:visited {  
	color: #3a3a3a;  
	text-decoration: none;  
	}  

a.menu:hover {  
	color: #4a4a4a;
	text-decoration: none;
	background-image: url(http://www.em2astudios.com/flashwork/highschool_files/highlight.jpg);
	background-repeat: no-repeat;
	}  
   
  
a.menu:active  {  
	color: #4a4a4a;  
	text-decoration: none;  
	}

#indent {
	margin-left:18px;
	}

#smallText {
	font-size:9px;
	text-align:center;
	padding-top:4px;
	line-height:16px;
	color:#fff;
	}

#smallText2 {
	font-size:9px;
	text-align:left;
	padding-top:4px;
	line-height:16px;
	color:#3a3a3a;
	}

#smallItalic {
	font-size:9px;
	text-align:left;
	line-height:12px;
	color:#4a4a4a;
	font-style:italic;
	}

#smallMenuText {
	font-size:9px;
	text-align:center;
	padding:8px 3px 3px 3px;
	color:#363636;
	border-bottom:0;
	}

.toplink {
	text-align:right;
	font-size:10px;
	}

.largeTop {
	font-size:11px;
	font-weight: bold;
	}

#applyStepTop {
	background-image: url(http://www.em2astudios.com/flashwork/highschool_files/blueBG_transparent.png);
	background-repeat: repeat;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	padding:3px;
	border:1px solid #636363;
	}

#applyStepBottom {
	background-image: url(http://www.em2astudios.com/flashwork/highschool_files/lightblueBG_transparent.png);
	background-repeat: repeat;
	font-size:10px;
	padding:3px;
	border:1px solid #636363;
	}
	



/*====================Menu======================*/
/*Ajax Menu*/
#ajaxMenu {
	position:absolute; top:110px;left:0px;
	z-index:1200;
	}

/* Menu Blue */
#buttonBG {
	position: absolute; top: 131px; left:20px;
	width:146px;
	padding: 0;
	/*height:140px;*/
	z-index:10;
	}

#button {
	/*width:144px;*/
	border-right:  1px solid #667;
	border-top: 1px solid #aaa;
	border-left:1px solid #aaa; 	 	
	border-bottom: 1px double #667;	
	padding: 0;
	background-color: #90bade; 	
	color: #333; 	
	} 	 	

	#button  ul { 		
		list-style-image: none; 		
		margin: 0; 		 
		padding: 0;
 		border: none;
		}
 	#button  li {
 		border-bottom: 1px solid #90bade; 		
		margin: 0; 
		list-style: none;
		list-style-image: none;
		line-height:13px; 		
		}

 	#button li a { 		 
		display: block;
		padding: 2px 5px 2px 1px;
		background-color: #7aafd4;
		color: #fff;
		text-decoration: none;
 		width: 100%; 		
		}  	

	html>body #button li a { 
		width: auto;
 		}  	

	#button li a:hover {
 		background-color:#fff; 
 		color: #4a4a4a;		
		}


.menuSelected {
	background-color:#fff;
	background-image: url(http://www.em2astudios.com/flashwork/highschool_files/highlight.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #4a4a4a;
	padding: 2px 0 2px 0;
	border-bottom:1px solid #90bade;
	} 


/*==============================ABOUT CEA BOX===============================*/

#aboutCEA {
	position: absolute; top: 360px; left:20px;
	width:146px;
	border-right:1px solid #667;
	border-top: 1px solid #aaa;
	border-left:1px solid #aaa; 	 	
	border-bottom: 1px solid #667;	
	background-color: #7aafd4; 
	z-index:10;
	}

#applyText {
	margin:4px 4px 6px 4px;
	font-size:9px;
	text-align:left;
	line-height:14px;
	color:#fff;
	}

.applyHead {
	border-bottom:2px solid #aee46e;
	background-image: url(http://www.em2astudios.com/flashwork/highschool_files/highlight2.jpg);
	padding:2px 2px	2px 2px;
	font-size:10px;
	color:#4a4a4a;
	font-weight:bold;
	text-align:center;
	margin:-4px -4px 3px -4px;
	}





/*==============================Callout===============================*/

#callout {
	position: absolute; top: 245px; left:20px;
	width:146px;
	padding: 0;
	/*border-right:1px solid #667;
	border-top: 1px solid #aaa;
	border-left:1px solid #aaa; 	 	
	border-bottom: 1px solid #667;*/	
	z-index:10;
	}

#calloutText {
	margin:4px 4px 6px 4px;
	font-size:9px;
	text-align:left;
	line-height:14px;
	color:#fff;
	}

.calloutHead {
	border-bottom:2px solid #aee46e;
	background-image: url(http://www.em2astudios.com/flashwork/highschool_files/highlight2.jpg);
	padding:1px 2px	1px 19px;
	font-size:10px;
	color:#4a4a4a;
	font-weight:bold;
	text-align:left;
margin:0;
	/*margin:-4px -4px 0 -4px;*/
	}


/*==============================Global Placements===============================*/

#backtoTop {position:absolute; top:0px; left:0px;}


#ceaHome {
	position: absolute; top:5px; right:15px; 
	margin: 5px 0;
	font-size:9px;
	text-align:right;
	color: #fff;
	line-height:18px;
	} 

#ceaLogo {
	position: absolute; top:20px; left:20px;
	margin: 5px,0px;
	z-index:500;
	} 


#highschool {
	position: absolute; top:30px; left:150px;
	margin: 5px,0;
	z-index:200;
	} 

/*#topNavigation {
	position: absolute; top:110px; left:10px;
	width:790px;
	z-index:1200;
	} */


#contentArea {
	position: absolute; top:145px; left:100px;
	width:700px;
	padding-bottom:50px;
	z-index:1;
	} 


.contentCenterHome {
	background-image: url(http://www.em2astudios.com/flashwork/highschool_files/content_center.gif);
	backround-repeat: repeat-y;*/
	background-color:transparent;
	padding:15px 23px 10px 89px;
	}


.contentCenter {
	background-image: url(http://www.em2astudios.com/flashwork/highschool_files/content_center.gif);
	backround-repeat: repeat-y;
	background-color:transparent;
	padding:10px 56px 10px 56px;
}
	
.profilePicture {
	float:left;
	margin: 5px 10px 0 0;
	width: 150px;
	}
	
.profileText {
	float:right;
	margin: 0 0px 25px 0;
	width:410px;
	}
	

.contentCenter_form {
	background-image: url();
	backround-repeat: repeat-y;*/
	background-color:transparent;
	padding:0 23px 10px 23px;
	}


.LLE {
	padding-top:14px;
	margin-bottom:-4px;

	}

.map {
	border:1px solid #90bade;
	float: right;
	margin: 0 0 10px 10px;
	}

.step1 {
	position: absolute; top:270px; left:200px;
	width: 220px;
	z-index:1500;
	}

.step2 {
	position: absolute; top:210px; left:485px;
	width: 260px;
	z-index:1500;
	}

.step3 {
	position: absolute; top:435px; left:450px;
	width: 320px;
	z-index:1500;
	}

.step4 {
	position: absolute; top:526px; left:155px;
	width: 300px;
	z-index:1500;
	}