#centering_ctr
	{ max-width: 750px; margin: 30px auto 0; padding: 0; }

/****************** HEADER SECTION START ************************/	
header
	{ background: none; height: 0; width: 100%; position: relative; }/*max-height: 130px; background: url(../img/header_sm.gif) no-repeat top left 45%; header-image-map.jpg for the alternate header w/ tabs*/
	header a
		{ display: block; width: 65%; height: 55px; background: none; text-decoration: none; position: fixed; bottom: 0; left: 0; z-index: 1; }
		header a img
			{ display: none; }
		header a span /*, header a:link span, header a:visited span*/
			{ display: block; margin: 13px 2px; padding: 6px 2px; border: 2px groove #fff; border-radius: 7px; background-color: #f7cd24; color: #0057a8; font: bold 1.5em Verdana, Arial, Helvetica, sans-serif small-caps; text-align: center; text-decoration: none; }
		header a:hover span
			{ border: 2px groove #f7cd24; background-color: #fff; color: #0057a8; }

/****************** HEADER SECTION END *****************************/
/****************** CONTENT SECTION START **************************/
#right_body
	{ margin: 0; padding: 0; }
	
main 
	{ margin: 0; padding: 0; background-color: #0057a8; background-image: none; color: #ffffff; position: relative; top: 10px; max-width: 100%;}
	
img#mainBanner
	{ display: block; max-width: 100%; }
.mobileOnlytext
	{ display: inline; }
.normalText
	{ display: none; }	
/****************** HIGHLIGHT BOX START **************************/
article#highlight_box
		{ clear: both; margin: 0 0 20px; padding: 0 0 18px; width: 100%; background: #f7cd24 none; color: #000000;}
h3.highlight
		{ display: block; width: 100%; height: 25px; background: #f7cd24 none; color: #0057a8; padding: 10px 0 15px; text-align: center;}
	.highlight_content 
		{ padding: 0 0 5px; background-color: #f7cd24; color: #000000;}
	.highlight_content a, 
	.highlight_content a:link 
	{ color: #0000ff;}
/****************** HIGHLIGHT BOX END **************************/

article
	{ padding: 5px 10px 15px; line-height: 125%; }
article img
	{ margin: 0; max-width: 100%; }

h1 { font-size: 1.75em; line-height: 1em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.35em; }
h4 { font-size: 1.25em; }
h5 { font-size: 1.15em; }

table { margin: 0; padding: 0; }
td { display: block; vertical-align: top; }			
td h4 { margin: 0 0 3px; font-size: 1.25em; }
td img { margin: 0 10px 5px 0; float: left; }				
				
footer 
	{ display: block; border-left: none; margin: 0 0 60px 0; padding: 5px; background-color: #0057a8; color: #FFFFFF; text-align: center;  clear: both; width: auto; /*position: fixed; bottom: 0;*/ }
			footer p
				{ font-size: 1em; }



	.icon_thumb
	{ width: 100px; height: 100px; border: none; margin: 5px 8px 5px 0; } /* These code to the Mentor section is copied from lg.css version, only this line was modified. Not sure how below should be done.*/
	.img_body
	{ display: block; margin: 0 auto; max-width: 100%; height: auto; float: none; }
	.img_banner
	{ width: auto; height: auto; border: none; }
	ul.qual, ul#tips
	{ padding-bottom: 15px; }
		.qual li, #tips li
		{ padding: 10px 30px 10px 0; }
	.border_top
		{ border-top: thin solid #FFFFFF; padding-top: 15px; }
	.pers_thumb
		{ width: 100px; height: 100px; border: none; margin: 0 5px 3px 0; float: left; }
	table table.box 
		{ background-color: #16428c; border: none; padding: 5px; }
	table#chart 
		{ margin: 10px auto 20px; }

		/****************** MENTOR SECTION START (IMPLEMENTED 17 OCT 2013) **********************/
		#mentor_h1
			{ font-size: 1.75em; font-weight: bold; text-transform: uppercase; text-align: center; }
		
		.right_mentor
			{ text-align: right; }
			.right_mentor img
				{ margin: 0 0 5px 10px; float: right; }
		.left_mentor
			{ text-align: left; }
			.left_mentor img
				{ margin: 0 10px 10px 0; float: left; }
				
		.right_mentor h1, .left_mentor h1
			{ margin-bottom: 0; }
		.right_mentor p, .left_mentor p
			{ font-style: oblique; }
		
		img#mentor_img
			{ display: block; margin: 10px auto; border: solid 3px #ffffff; }
			
		#mentor_p
			{ margin: 0; font: italic normal 16px Arial, Helvetica, sans-serif; line-height: 150%; }
		/****************** MENTOR SECTION END (IMPLEMENTED 17 OCT 2013) ************************/

/****************** CONTENT SECTION END **************************/

/****************** NAV SECTION START ****************************/			
		
nav 
	{ position: fixed; top: 47px; margin: 0 auto; width: 100%; height: 30px; z-index: 2; }

ul#head_menu
	{ display: none; }

#mobilemenu
	{ display: block; width: 100%; height: 40px; color: #0045Af; background-color: #fff; /*border: solid 1px #fff;*/ font: bold 1.05em Verdana, Arial, Helvetica, sans-serif; }
		
/****************** NAV SECTION END *******************************/


aside, #downloads, #follow_us_footer
	{ display: block; border: none; width: auto; position: relative; /*position: absolute; top: 100%; margin-bottom: 120px;*/ clear: both; }
	aside section#become_reserve
		{ min-height: 130px; }
	

		#downloads
			{ width: 100%; height: 40px; border: none; margin: 0; padding: 2px 0;  background: #0057a8 none; position: fixed; bottom: 0; }
			#downloads>a, #downloads span 
				{ display: none; }
				
		#downloads #follow_us_footer
			{ display: block; margin: 0px; }
			#follow_us_footer img
				{ vertical-align: middle; padding: 0 1px 0 0; }