@charset "utf-8";

/* CSS Document */

/******************************************
	RESET STYLES
******************************************/

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,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}

table { border-collapse: collapse; border-spacing: 0; }
ol,ul,li { list-style: none; list-style-type: none; }
q:before,q:after,
blockquote:before,blockquote:after { content: ""; }

/******************************************
	GLOBAL STYLES
******************************************/

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background: url(../images/bg3.gif) repeat-y; background-color:#7a7a7a; background-position:center; }

p { font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height: 20px; color:#000000; }

h1 { font-size:26px; font-weight:normal; color: #e4392c; margin: 0 0 10px 0; }
h2 { font-size:18px; font-weight:normal; margin-bottom:10px; margin-top:25px; color: #666; }
h2.careerbuilder { font-size:18px; font-weight:normal; font-style: italic; margin-bottom:10px; margin-top:25px; color: #666; }
h3 { font-size:16px; font-weight:normal; color: #e4392c; padding: 0 0 7px 0px; }
h4 { font-size:14px; font-weight:normal; margin-bottom:3px; margin-top:25px; color: #666; }
h5 { font-size:14px; font-weight:bold; margin: 5px 0 5px 5px; color: #666; }

.col_header { font-size:16px; color: #e4392c; }

#left p.col_header { font-size:16px; color: #e4392c; margin: 0 0 10px 0; }

blockquote { font-style:italic; font-size:12px; line-height: 20px; color: #666666; }

strong { font-weight: bold; }
.bold { font-weight: bold; }
.italic { font-style: inherit; }

li.press { font-size:12px; line-height: 18px; color:#000000; margin-left: 30px; margin-bottom: 10px; list-style-image: url(../images/bullet2.gif); }

ul { margin-left: -15px; }
ul.list { font-size:12px; line-height: 10px; color:#000000; margin-top: 10px; list-style-image: url(../images/bullet2.gif); }
ul.list li { font-size:12px; line-height: 10px; color:#000000; margin-left: 30px; margin-top: 10px; list-style-image: url(../images/bullet2.gif); }
li.list { font-size:12px; line-height: 10px; color:#000000; margin-left: 30px; margin-top: 10px; list-style-image: url(../images/bullet2.gif); }

.clear { clear: both; display: block; height: 1px; overflow: hidden; margin: 0; padding: 0; }

table.feat_profile { margin: 0px 0px 0px -10px; }

/******************************************
	LINK STYLES
******************************************/

a { font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #e4392c; text-decoration: none; }
a:hover { text-decoration:underline; }

a.directions { color: #e4392c !important; text-decoration: none; }
a.directions:hover { text-decoration: underline !important; }

a.sub_nav { font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal;	color: #e4392c; padding: 0 0 0 0px;	margin: 0px 0px 0px -3px; text-decoration:none; }

a.blank { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration: none; }
a.blank:hover { font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #e4392c; text-decoration: none; }

a.h2 { font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color: #666; text-decoration:none; }
a.h2:hover { font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color: #e4392c; text-decoration:none; }

a.h4 { font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color: #666; text-decoration:none; }
a.h4:hover { font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal;	color: #e4392c;	text-decoration:none; }


/******************************************
	IMAGE STYLES
******************************************/

img.no_marg { padding:0px; margin:0px; }
img.right_nav { margin-left: -10px; _margin-left: 0px; }
img.left { float: left; padding: 0px 7px 7px 0px; }
img.border { padding: 4px; background: #ececec; border: 1px solid #cccccc; }
img.lic { float:right; padding: 4px; background: #ececec; border: 1px solid #cccccc; margin: 45px 0 0 10px; }

/* img:hover.people { border:thin solid #e4392c; } */

/******************************************
	PROFILE STYLES
******************************************/

#profiles { width: 460px; text-align:center; }

.profile { background:#F5F5F5; padding:5px 5px 10px 5px; border:1px solid #dddddd; float: left; margin: 0 15px 10px 0; display: inline; }

.sml_profile { background:#F5F5F5; width: 74px; padding:5px 5px 10px 5px; margin: 0 10px 20px 15px; display: inline; border:1px solid #dddddd; float: left; }
.sml_profile:hover { background:#F5F5F5; padding:5px 5px 10px 5px; border:1px solid #FF6A5F; float: left; }

.sml_profile img { margin: 0 0 5px 0; border: 1px solid #999999; }

.sml_profile a { color: #000000; text-decoration: none; text-align: center; padding: 5px 0 0 0; width: 100%; }
.sml_profile a:hover { color: #e4392c; text-decoration: none; text-align: center; padding: 5px 0 0 0; }

.sml_leader_profile { background:#F5F5F5; width: 205px; padding:5px; margin: 0 5px 15px 5px; display: inline; border:1px solid #dddddd; float: left; }
.sml_leader_profile:hover { border:1px solid #FF6A5F; float: left; }

.sml_leader_profile_content { width: 130px; float: left; }
.sml_leader_profile_content p { margin: 0 0 7px 0!important; padding: 0 0 0 10px; line-height: normal; }

.sml_leader_profile img { margin: 0 0 0 0; border: 1px solid #999999; float: left; }

.sml_leader_profile a { color: #000000; text-decoration: none; font-weight: bold !important; text-align: center; padding: 5px 0 0 0; width: 100%; }
.sml_leader_profile a:hover { color: #e4392c; text-decoration: none; text-align: center; padding: 5px 0 0 0; }


/******************************************
	GALLERY STYLES
******************************************/

.gallery { background:#F5F5F5; border: 1px solid #DDDDDD; padding:5px; margin: 0 0 10px 0; width: 450px; overflow: hidden; }
.gallery img { float: left; padding: 0 10px 0 0; }
.gallery p { width: 350px; float: left; line-height: 14px; }
.gallery p a { font-size: 14px; font-weight: bold; }

#main_gallery { width: 465px; }
#main_gallery img { float: left; margin: 0 5px 10px 5px; padding: 3px; background:#F5F5F5; border: 1px solid #DDDDDD; }
#main_gallery img:hover { float: left; margin: 0 5px 10px 5px; padding: 3px; background:#F5F5F5; border: 1px solid #FF6A5F; }

/******************************************
	MAIN NAVIGATION
******************************************/

#logo { margin: 20px 0px 0px 0px; }

#top_nav { float:right; height:20px; padding-right: 10px; }
#top_nav ul { margin: 0 3px 0 0; padding:0px; height:20px; display:inline; }
#top_nav li { list-style-type: none; display: inline; padding: 0px; margin: 0 0 0 30px; font-size: 16px; letter-spacing: 1px; }
#top_nav a { color: #777777; font-size: 13px; text-decoration:none; }
#top_nav a:hover { color: #e4392c; font-size: 13px; text-decoration:none; }

/******************************************
	RIGHT COLUMN NAVIGATION
******************************************/

ul.right { margin:0px; padding:0px 0px 0px 5px; list-style-image: url(../images/bullet2.gif); }
li.right { margin:0px; padding:5px 0px 0px 0px; list-style-type: square; line-height:14px; }

a.right_col { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none; }
a:hover.right_col { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#e4392c; text-decoration:none; }
a:visited.right_col { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none; }

/******************************************
	LEFT COLUMN SUBNAVIGATION
******************************************/

#left { float: left; width: 145px; padding: 0px 0px 0px 15px; }

#left h3 a { font-size:16px; font-weight:normal; color: #e4392c; text-decoration: none; }
#left h3 a:hover { font-size:16px; font-weight:normal; color: #e4392c; text-decoration: underline; }

#left ul { margin:0px 0px 0px 5px; padding:0px 0px 0px 5px; list-style-image: url(../images/bullet.gif); }
#left li { font-size:12px; line-height: 10px; color:#000000;margin: 10px 0 0 5px; list-style-image: url(../images/bullet2.gif); }

#left a { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000; text-decoration:none; }
#left a:hover { font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#e4392c; text-decoration:none; }


/******************************************
	MAIN CONTENT STYLES
******************************************/

#wrapper { width: 905px; margin: auto; }

#content { width:884px; padding: 0 10px; margin-left: 1px; text-align:left; background-color:#FFFFFF; overflow:hidden; }

#main_3col { text-align:left; background: url(../images/content_bg_3col.gif) repeat-y; margin: 0px 175px 0px 170px; padding: 0px 30px 10px 30px;  min-height: 650px;  width: 459px; }
#main_3col.timeline { text-align:left; background: url(../images/content_bg_3col.gif) repeat-y; margin: 0px 175px 0px 170px; padding: 0px 20px 10px 20px;  min-height: 650px;  width: 459px; }
#main_3col p { margin: 0 0 12px 0; }

#main_lftCol { text-align:left; background: url(../images/content_bg_lftCol.gif) repeat-y; margin: 0px 0px 0px 169px; padding: 0px 30px 0px 30px; /*min-height: 650px;*/ }

#main_rtCol { text-align:left; min-height: 650px; background: url(../images/content_bg_rtCol.gif) repeat-y; margin: 0px 0px 10px 0px; padding: 0 10px; }
#main_rtCol p { width: 670px; margin: 0 0 12px 0; padding: 0 10px 0 0; }
#main_rtCol ul.index_boxes { display: inline; width: 645px; }
#main_rtCol ul.index_boxes li { display: inline; margin: -10px 0 5px 10px; }
#main_rtCol ul.index_boxes li.divider { background: url(../images/index_box_divider.gif) no-repeat; width: 12px; height: 190px; }

#main_careerbuilder { float:left; width:540px; padding: 0 20px 0 0; background: url(../images/main_careerbuilder_bg.jpg) repeat-y; background-position: right; margin: 0 0 55px 0; min-height: 850px; }
#main_careerbuilder p { margin: 0 0 10px 10px; }

#profile_name { font-weight: bold; }
#profile_title { font-style: italic; margin: 8px 0 0 0; }


/******************************************
	NEW TIMELINE STYLES
******************************************/


/* Insignificant stuff, for demo purposes */

	.panel h2.title { margin-bottom: 10px; font-size: 18px; color: #666666; margin-top: 10px; font-weight: normal; }
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px; }
	.panel-wrapper p { font-size: 12px; color: #000000; line-height: 16px; margin-bottom: 20px; }
	.panel .panel-wrapper a.next { font-size: 12px; color: #e4392b; text-decoration: none; }
	.panel .panel-wrapper a:hover.next { text-decoration: underline; }
	.panel img { float: left; margin: 0 10px 5px 0; }

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 20px 0; width: 460px; position: relative; top: -300px; }
	.coda-slider { background: none; margin: 0 0 10px 0; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 210px; overflow: auto !important; padding-right: 20px; }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 460px; height: 210px; background: none; } 
	
	.panel .nineteen94 { background: url(../images/timeline/bg_1994.jpg) no-repeat top center; }
	.panel .nineteen99 { background: url(../images/timeline/bg_1999.jpg) no-repeat top center; }
	.panel .twenty03 { background: url(../images/timeline/bg_2003.jpg) no-repeat top center; }
	.panel .twenty04 { background: url(../images/timeline/bg_2004.jpg) no-repeat top center; }
	.panel .twenty05 { background: url(../images/timeline/bg_2005.jpg) no-repeat top center; }
	.panel .twenty06 { background: url(../images/timeline/bg_2006.jpg) no-repeat top center; }
	.panel .twenty07 { background: url(../images/timeline/bg_2007.jpg) no-repeat top center; }
	.panel .twenty08 { background: url(../images/timeline/bg_2008.jpg) no-repeat top center; }
	.panel .twenty09 { background: url(../images/timeline/bg_2009.jpg) no-repeat top center; }
	.panel .twenty10 { background: url(../images/timeline/bg_2010.jpg) no-repeat top center; }
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px; }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px; }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: url(../images/timeline/btn_bg.gif) repeat-x; border: solid 1px #b0afaf; color: #545454; padding: 0px 5px 6px 3px; width: 5px; float: left; height: 12px; margin-right: -1px; }
	.coda-nav-left a:hover, .coda-nav-right a:hover { background: url(../images/timeline/btn_bg_roll.gif) repeat-x; color: #ffffff; border: solid 1px #b10a06; }
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #98150b; color: #ffffff; border: solid 1px #b10a06; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 20px; }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center; }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav #nav_container { display: inline; }
	.coda-nav #nav_container li { float: left; }
	.coda-nav { width: 460px; font-size: 13px; font-weight: normal; font-family: Arial; padding: 0px; }
	.coda-nav ul { display: block; margin: auto; overflow: hidden; float: left; }
	.coda-nav ul li { display: inline; }
	.coda-nav ul li.more { display: none; }
	.coda-nav ul li a { background: url(../images/timeline/btn_bg.gif) repeat-x; color: #545454; display: block; float: left; padding: 3px 2px 3px 6px; text-decoration: none; height: 12px; border: solid 1px #b0afaf; margin-right: -1px; width: 34px; outline: none; }
	.coda-nav ul li a:hover { background: url(../images/timeline/btn_bg_roll.gif) repeat-x; color: #ffffff; border: solid 1px #b10a06; text-decoration: none; }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto; }
	.coda-slider { float: left; overflow: hidden; position: relative; }
	.coda-slider .panel { display: block; float: left; }
	.coda-slider .panel-container { position: relative; }
	.coda-nav-left, .coda-nav-right { float: left; }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none; }


/******************************************
	SIDEBAR STYLES
******************************************/

#right_col_careerbuilder { float: right; width: 300px; display: block; }
#right_col_careerbuilder #form_container { width: 245px; background: #f2f2f2; border: solid 1px #bfbfbf; padding: 0 5px 0 0; margin: 10px 0 10px 25px; }

#right_col_careerbuilder ul { margin: 5px 0 15px 10px; display: block; }
#right_col_careerbuilder li { padding: 10px 5px; }
#right_col_careerbuilder label { margin: 0 0 5px 5px; }
#right_col_careerbuilder input { padding: 5px 5px; font-size: 12px; color: #636363; margin-top: 10px; }
#right_col_careerbuilder li.image { padding: 0 5px; }
#right_col_careerbuilder input.image { padding: 0; margin: 0; }

#right_col_careerbuilder #cb_socialmedia { background: url(../images/cb_offer_media_bg.gif) no-repeat; width: 300px; padding: 45px 0 0 0; height: 70px; text-align: center; }
#right_col_careerbuilder #cb_socialmedia img { margin: 0 5px 0 0; }

#right { float: right; width: 155px; height: auto; margin: 0 0 10px 10px; /*display:inline;*/ }
#events { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666666; }
#news { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666666; }


/******************************************
	FOOTER STYLES
******************************************/

#footer { text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; width:880px; margin: 25px 0px 20px 0px; clear:both; }

#footer ul { margin:0 0 15px 0 !important; display:inline; }
#footer li { display: inline; margin: 0px 10px 0px 0px; }

#footer p { text-align: center; margin: 0 0 5px 0; color:#666666; font-size:11px; }

#footer a { color: #666666; font-size:11px; text-decoration:none; }
#footer a:hover { color: #e4392c; font-size:11px; text-decoration:none; }

/******************************************
	FLASH STYLES
******************************************/

#flash_content { width:882px; height:55px; background-color: #e4392c; margin: 5px 0px 25px 0px; }
#flash_content_index { width:883px; height:180px; background-color: #e4392c; margin: 5px 0px 25px 0px; }
.swf { display: block; width: 107px; text-align: center; float: left; padding-right: 10px;}
.swf:hover {text-decoration: none;}
.swf img {margin-right: 10px; border: none; padding-bottom: 4px;}