OFF LIVE SITE
* {
	padding:0px;
	margin:0px;
}

body {
width:920px; /* LEU -- was 900 */

margin:10px auto;
/*margin-top:30px;*/
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
background-image: url(images/bg.gif);
background-repeat: repeat-x;
background-color:#FFFFFF;

}

#border_wrapper {
border:1px solid #000;
width:920px;
margin-bottom:10px;
}

/*li p {
		margin-top:0px;
		margin-bottom:0px;
}*/


p a {
	color:#FFFFFF;

}

.test {
	border:1px solid red;
}


.blue {
	border:1px solid #20396A;
	width:98%;
}
.white {
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	width:98%;
}

.red {
	color:#CD2641;
}
/*.no_point {
	list-style: none;
}
*/

.clear {
	clear:left;
}
h1 {
	margin-top:0px;
	font-size:28px;
	height:50px;
	padding:4px 0px 0px 10px;
}

.news_h1, .jobs_h1 {
	/*margin:0px;*/
	font-size:28px;
	height:20px;
	padding:4px 0px 0px 15px;
	font-weight: bold;
}

/* ----- DIFFRENT TEXT SIZES ----- */

	.level0, .level1, .level2, .level3, .level4, .level4_blue, .level5, .level6, .level7, .level8, .level9, .level10 {
		margin:0px;
	}


	.level0 {
		font-size:8px;
	}

	.level1 {
		font-size:10px;
	}
	.level2 {
		font-size:12px;		
	}
	
	
	.level3 {
		font-size:14px;		
	}
	.level4 {
		font-size:16px;
		color: #93ADC0;		
	}
	.level4_blue {
		font-size:16px;	
		color:#20396A;
		
	}
	.level5 {
		font-size:18px;
		margin-top:0px;	
	}
	.level6 {
		font-size:20px;		
	}
	.level7 {
		font-size:22px;		
	}
	.level8 {
		font-size:24px;		
	}
	.level9 {
		font-size:28px;		
	}
	.level10 {
		color:#767878;
		font-size:34px;		
	}

	.job_level5 {
		padding:4px 0px 0px 4px;
		font-size:18px;		
		color:#575858;
	}

	.heading {
		font-size:16px;
		color:#20396A;
		margin:5px 0px 5px 0px;
	}

/* ----- HEADER ----- */



#header {
	width:920px;
	/*height:140px;   --   taken out so no scroll appears */ 

	overflow:auto;
	background-color: #FFFFFF;/*background-color:#FFFFFF;*/
	padding:0px;
	margin:0px;
}

#top_navigation
{
	height:20px;
	margin-top:5px;
	padding:0px;
	
	
}

#top_nav ul
{
	margin-top:0px;
}

#top_nav li
{
	color:#000000;
	font-size:12px;
	margin:0px 0px 0px 0px; /*-6 0 0 0 */
	float:right;	
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

#top_nav li a {
	color:#000000;
	/*text-decoration:none;*/
}

#top_nav li a:hover {
	color:#000000;
/*	text-decoration:underline;*/
}	


/* FAUX LAYOUT WRAPPER */


/* 
This div is optional: When you delete it the navigation bar and the content block won't have the same size when one of them has a larger height then the other. I recommend you to leave this faux layout wrapper here.

IMPORTANT: In order to make this work you have to download http://csseasy.com/layouts/fixed/background_3.gif (copy past in your address bar) and place it in the same folder as this html file. DON'T HOTLINK to this file.
*/


#wrapper{
	margin-top:0px;
	margin-bottom:0px;
width:920px; /* LEU -- was 900 */
/*min-height:420px;
height:420px;*/
overflow:none; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
/*margin-top:10px;*/
background-color:#1B3869;

}


#middle_content {
	margin:0px 0px 	0px 0px; /* was 0 5 0 5*/
	width:920px;
/*	height:350px;*/
	
	background-color:#FFFFFF;
	border-bottom:5px solid #FFFFFF; /*was #18386A */
	color:#000000;
}
#middle_content2 {
	margin:0px 0px 	0px 0px; /* was 0 5 0 5*/
	width:880px;
	height:251px;
	background-color:#FFFFFF;

	color:#000000;
	padding:5px 20px 0px 20px;
/*	margin:0px 5px 	0px 5px;
	width:890px;
	height:auto;

	background-color:#FFFFFF;
	border-bottom:5px solid #18386A;
	color:#000000;*/
}

#middle_content a, #middle_content2 a {
	color:#000000;
/*	text-decoration:none;*/
}
#middle_content a:hover, #middle_content2 a:hover {
	color:#000000;
/*	text-decoration:underline;*/
}

#middle_content2 .text {
	font-size:12px;
}

.more_button {
	display:block;
	width:100px;
	height:20px;
	background-color:#575858;
	color:#FFFFFF;
	text-align:center;
	padding-top:5px;
	float:right;
	margin-top:5px;
}

.apply_button {
	display:block;
	width:100px;
	height:20px;
	background-color:#20396A;
	color:#FFFFFF;
	text-align:center;
	padding-top:5px;
	margin-left:5px;
	margin-top:5px;
	float:right;
}


/* ----- LEFT CONTENT ----- */



#left_section {
	margin-top:0px;
	float:left;
	width:450px; /* LEU -- was 430 - GLEN -- was changed to 530 - but now changed to 450 */
	padding:10px 10px 0px 10px;
	list-style-image: url(images/bullet.jpg);
	height:290px;
	overflow:auto;
}

#left_section_flash {
	margin-top:0px;
	width:450px; /*450*/
	min-height:300px; /* for modern browsers */
	float:left;
	background-color:#1B3869;	
}

#left_section_scroll {
	margin-top:0px;
	float:left;
	width:530px; /* LEU -- was 430 */
	padding:10px 10px 0px 10px;
	list-style-image: url(images/bullet.jpg);
	height:360px;
	overflow:auto;
}


#left_section .bold {
	font-size:12px;
	font-weight:bold;
}

#left_section a {
	color:#FFFFFF;
/*	text-decoration:none;*/
}

#left_section ul {
	margin-left:10px;
}
/* ----- RIGHT CONTENT ----- */

#right_section {
	margin-top:0px;
	float:left;
	width:430px;
	padding:20px 20px 0px 20px;
	list-style-image: url(images/bullet.jpg);

}

* html #right_section {
	padding:15px 0px 0px 20px;
}

#right_section_flash {
	margin-top:0px;
	float:left;
	width:420px; /*GLEN Was 420 changed to 350px 20.02.08 */
	height:300px; /*leu adding */
}


#right_section .bold {
	font-size:12px;
	font-weight:bold;
}

#right_section ul {
	margin-left:10px;
}


/* ----- BOTTOM NAV ----- */



#bottom_navigation { 
width:920px; /* GLEN -- was 900 */
/*height:160px;*/
background-color:#1B3869;
/*background-color:#333333;*/
}

.bottom_text {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
}