/* CSS Document */

/************ RESET *************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	background: url(../images/background_1.jpg) repeat;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: black;
	line-height: 1;
}


#wrapper {
	background-color:#003267;
	width: 800px;
	margin: 0 auto;
	-moz-box-shadow: 2px 3px 6px #000000;
	-webkit-box-shadow: 2px 3px 6px #000000;
	box-shadow: 2px 3px 6px #000000;
	/* FOR IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* FOR IE6&7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

/* Background image test */
body.background_1  {
	background: url(../images/background_1.jpg) repeat;
}

body.background_2  {
	background: url(../images/background_2.jpg) repeat;
}

body.background_3  {
	background: url(../images/background_3.jpg) repeat;
}
/* End background image test */

ol, ul {
	list-style: none;
}

.clear { clear: both; }

/**************** HEADER *****************/
#header {
	background: url(../images/banner_bg_1.jpg) no-repeat;
	height: 189px;
	width: 800px;
}

/* This is the banner test */
.header_1 #header {
	background: url(../images/banner_bg_1.jpg) no-repeat;	
}

.header_2 #header {
	background: url(../images/banner_bg_2.jpg) no-repeat;	
}

.header_3 #header {
	background: url(../images/banner_bg_3.jpg) no-repeat;	
}
/* End banner test */

.thank_you #header {
	background: url(../images/banner_thank_you.jpg) no-repeat;
	height: 188px;
	width: 834px;
}

/************** NAVIGATION ***************/
#menu_wrapper {
	width:482px;
	_width:800px;
	height:44px;
	float:left;
	background:url(../images/menu_bg_1.jpg) repeat-x;
}

.header_2 #menu_wrapper, .header_3 #menu_wrapper {
	width:487px;
}

ul.menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.menu li {
	background: none;
	display: inline;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul.menu a,ul.menu a:visited {
	border-right: 1px solid #005890;
	color: #FFF;
	display: block;
	float: left;
	font: bold 16px/40px Trebuchet MS, Arial, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px #005890;
	margin: 0;
	padding: 0 10px 0 10px;
	text-decoration: none;
}

ul.menu a.active {
	color:#003267;
	background-color: #D5E6F1;
	text-shadow: 1px 1px 1px #FFFFFF;
}

ul.menu a:hover {
	color:#003267;
	background-color: #D5E6F1;
	text-shadow: 1px 1px 1px #FFFFFF;
}

/* This is the menu background test */

.nav_1 #menu_wrapper {
	background: url(../images/menu_bg_1.jpg) repeat-x;
}

.nav_2 #menu_wrapper {
	background: url(../images/menu_bg_2.jpg) repeat-x;
}

.nav_3 #menu_wrapper {
	background: url(../images/menu_bg_3.jpg) repeat-x;
}
/* End menu test */

.thank_you #navigation {
	background: url(../images/nav_bg_thank_you.gif) no-repeat;
}


/***************** MAIN ******************/
#main {
	background-color:#FFF;
	height: auto;
	width: 800px;
}

/*************** CONTENT ****************/
#content {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	height: auto;
	min-height: 450px;
	margin: 0;
	width: 450px;
}

.thank_you #content {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	height: 300px;
	margin: 0px 0px 0px 10px;
	_margin: 0px 0px 0px 5px;
	width: 720px;
}

.pdfDownload2 {
	background:url(../images/career_guide_icon_lg.jpg) no-repeat;
	height:65px;
	width:600px;
	line-height: 15px;
	margin:0 auto;
	padding-left: 35px;
}

#content h1 {
	background: url(../images/title_bg.gif) no-repeat;
	color: #003267;
	font-size: 1.5em;
	font-weight: bold;
	margin: 10px 0px 0px 10px;
	padding: 0.6em 0px 0.6em 5px;
}

#content p {
	line-height: 1.4em;
	font-size: 1em;
	padding: 0em 0em 1em 10px;
}

#content ul { 
	padding: 0em 0em 1em 50px;
}

#content li {
	line-height: 1.4em;
	list-style-type: disc;
	padding: 0.1em 0em 0.1em 0em;
}

#content b, #content strong {
	font-weight: bold;	
}

/***************** FORM ******************/
#form {	
	width: 308px;
	float: left;
	height: auto;
	margin: -50px 0px 0px 30px;
	_margin: 0px 0px 0px 30px;

}

.header_2 #form, .header_3 #form {
	margin: -44px 0px 0px 40px;
}

#form_header {
	background: url(../images/form_header.jpg) no-repeat;
	color: #005ca3;
	font: 16px Arial, sans-serif;
	height: 115px;
}

.form_1 #form_header {
	background: url(../images/form_header_1.gif) no-repeat;
}

.form_2 #form_header {
	background: url(../images/form_header_2.gif) no-repeat;
}

.form_3 #form_header {
	background: url(../images/form_header_3.png) no-repeat;
}

#form_header p {
	padding:70px 0 0 10px;
}

.form_2 #form_header p {
	color:#FFF;
	padding:60px 0 0 85px;
}

#form_content {
	background: url(../images/form_bg.jpg) repeat-y;
	height: auto;
	min-height: 100px;
	width: 308px;
}

.form_1 #form_content {
	background: url(../images/form_bg.jpg) repeat-y;
}

.form_2 #form_content {
	background: url(../images/form_bg_2.jpg) repeat-y;
}

.form_3 #form_content {
	background: url(../images/form_bg_3.jpg) repeat-y;
}


.pdfDownload {
	background:url(../images/career_guide_icon.jpg) no-repeat;
	height:75px;
	width:210px;
	line-height: 18px;
	margin:0 auto;
	padding-left: 65px;
}

.form_length_2 .pdfDownload {
	display: none;
}

.form_lenght_3 #step2 {
	display:block;
}

#form_footer {
	background: url(../images/form_footer.jpg) no-repeat;
	height: 24px;
}

.form_1 #form_footer {
	background: url(../images/form_footer.jpg) no-repeat;
}

.form_2 #form_footer {
	background: url(../images/form_footer_2.jpg) no-repeat;
}

.form_3 #form_footer {
	background: url(../images/form_footer_3.jpg) no-repeat;
}

#form_content p {
	color: #001C39;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	padding: 5px 15px 5px 15px;
	text-align: center;
}

#form_content span {
	color: #0289C4;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}

.form_2 #form_content span {
	color:#FFF;
}

#form_line { 
	background: url(../images/form_line.gif) no-repeat;
	height: 1px;
	margin: 0px 0px 10px 23px;
	width: 268px;
}

#required {
	color: #990000;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	margin: 0px 0px 0px 220px;
	padding: 10px 0px 0px 0px;
}
#form_underline {
	background: url(../images/form_underline.gif) no-repeat;
	height: 3px;
	margin: 10px 0px 0px 35px;
	width: 258px;
}

#step1 {
	margin: 0px 0px 0px 20px;
	padding: 10px 0px 10px 0px;
}

#step2 {
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 0px 0px;
	*padding: 20px 0px 0px 0px;
}

label {
	color: #344056;
	display: block;
	float: left;
	font: bold 12px/1.2 Verdana, Arial, Helvetica, sans-serif;
	margin: 3px 5px 0 0;
	padding: 0 0 10px 0;
	text-align: right;
	width: 120px;
}

.form_2 label {
	color:#FFF;
}

label.stack {
	float: none;
	margin: 0 0 0 0;
	padding: 0 0 5px 5px;
	text-align: left;
	width: 250px;
}

span {
	color: #FF0000;
}

#form br {
	clear: left;
}

input,select,textarea {
	float: left;
	margin-bottom: 5px;
}

input {
	width: 155px;
}

input:focus, input.sffocus { 
	border: 2px solid #2683CF; 
}

select {
	position: inherit;
	width: 160px;
}

select.stack {
	margin: 0 0 10px 20px;
	width: 250px;
}

.button {
	margin: 15px 0 0 37px;
	*padding: 15px 0 0 0;
}

#submit {
	width:218px;
	height:38px;
	background:url(../images/submit_button_1.gif);
}

/* Submit Button Test */
.submit_1 #submit {
	width:218px;
	height:38px;
	background:url(../images/submit_button_1.gif);
}

.submit_2 #submit {
	width:218px;
	height:38px;
	background:url(../images/submit_button_2.gif);
}

.submit_3 #submit {
	width:218px;
	height:38px;
	background:url(../images/submit_button_3.gif);
}

.submit_4 #submit {
	width:277px;
	height:52px;
	background:url(../images/submit_button_4.gif);
}

.submit_5 #submit {
	width:277px;
	height:52px;
	background:url(../images/submit_button_5.gif);
}

.submit_6 #submit {
	width:277px;
	height:52px;
	background:url(../images/submit_button_6.gif);
}

.submit_7 #submit {
	width:277px;
	height:52px;
	background:url(../images/submit_button_7.gif);
}

.submit_4 .button, .submit_5 .button, .submit_6 .button, .submit_7 .button {
	margin: 15px 0 0 8px;
	*padding: 15px 0 0 0;
}
/* End Submit Button Test */

.button input:focus,.button input.sffocus { 
	border: none;
}

.button input {
	width: auto;
}

.plain {
	display: inline;
	font-weight: normal;
	width: auto;
}

.plain input {
	margin: 0px 5px 0 5px;
	*margin: -3px 5px 0 5px;
	width: auto;
}

#form_quote {
	width:300px;
	height:61px;
	background-color:#FFF;
}

.form_quote_2 #form_quote {
	background:url(../images/quote1.jpg);
}

.form_quote_3 #form_quote {
	background:url(../images/quote2.jpg);
}

/*************** FOOTER *****************/
#footer_top {
	background: url(../images/footer_top.jpg) no-repeat;
	height: 61px;
	width: 800px;
}

#footer {
	background-color:#003267;
	clear: both;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	height: auto;
	_height: 80px;
	min-height: 70px;
	margin: auto;
	text-align: center;
	width: 800px;
}

#footer p {
	padding: 0px 0px 10px 0px;
	font-size: 1em;
	font-weight: normal;
}

#footer ul {
	padding: 4px 0px 7px 0px;
}

#footer li {
	border-right: 1px solid #FFF;
	display: inline;
	padding: 0px 10px 0px 6px;
	*padding: 0px 4px 0px 10px;
}

#footer .last_child {
	border-right: none;
}

#footer li a {
	color: #FFF;
	text-decoration: none;
}

#footer li a:hover {
	color: #CDCDCD;
	text-decoration: underline;
}