/* CSS Document */

/*==================================*/
/*    Author: Chris Johnson         */
/*    Company: Corporate 3 Design   */
/*    Date: December 29, 2008       */
/*==================================*/

#wrapper_bg {
	width: 100%;
	background:url(/images/main/backgroundimage_secondary.jpg) repeat-x top left #fff;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	background:url(/images/main/backgroundimage_secondary.jpg) repeat-x top left #fff;
}

/*==================================*/
/*---------- CONTENT AREA ----------*/
/*==================================*/

#contentwrapper {
	width: 880px;
	padding: 0 10px 0 10px;
	margin: 0;
}

/*==================================*/
/*------------- HEADER -------------*/
/*==================================*/

#header {
	width: 880px;
	height: 126px;
	margin: 0 10px 0 10px;
	position: relative;
}

/*==================================*/
/*-------- SECOND LEVEL NAV --------*/
/*==================================*/

ul#second_level_nav {
	width: 880px;
	height: 37px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	list-style: none;
	font-size: .7em;
}

ul#second_level_nav li {
	float: left;
	line-height: 220%;
}

ul#second_level_nav li a {
	height: 36px;
	display: block;
	width: 125px;
	text-align: center;
	background: url(../images/main/second_level_nav_bg.gif) 50% 0px no-repeat;
}

ul#second_level_nav li a:hover, ul#second_level_nav li.active a {
	background: url(../images/main/second_level_nav_bg.gif) 50% -37px no-repeat;
	color: #fff;
}

/*==================================*/
/*-------------- CONTENT -----------*/
/*==================================*/

/*---------- 3 COLUMN LAYOUT --------*/

.three_column #contentwrapper {
	background: url(/images/main/threecolumn_bg.gif) 0px 0px repeat-y;
}

/*-------------- COLUMN 1 -----------*/
#col1 {
	width: 183px;
	float: left;
}

#col1 ul {
	width: 150px;
	list-style: none;
	font-size: .8em;
}

#col1 ul a {
	display: block;
	width: 145px;
	padding: 5px 5px 5px 0;
}

#col1 ul a:hover {
	color: #d41f26;
}

#col1 ul .active a {
	color: #d41f26;
	font-weight: bold;
}

/*-------------- COLUMN 2 -----------*/
#col2 {
	width: 514px;
	float: left;
	font-size: .8em;
	position: relative;
}

#col2 #header_wrapper {
	background: url(../images/main/headerwrapper_bg.gif) 0px 0px repeat-x;
	height: 131px;
	width: 472px;
	padding: 20px 15px 58px 15px;
}

#col2 h1 {
	color: #fff;
	font-weight: normal;
	font-size: 2.2em;
	line-height:110%;
	width: 472px;
}

#col2 h2 {
	color: #fff;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 160%;
	width: 472px;
}

#col2 h3 {
	color: #ba1f24;
	padding: 15px 42px 20px 15px;
	line-height: 160%;
	font-weight: normal;
	font-size: 1.3em;
}

.Message #col2 h3 {
	color: #C5496D;
	padding: 15px 42px 20px 15px;
	line-height: 160%;
	font-weight: normal;
	font-size: 1.3em;	
}

.people #col2 h3 {
	color: #409AB4;
	padding: 15px 0 20px 15px;
	line-height: 160%;
	font-weight: normal;
	width: 472px;
	font-size: 1.3em;	
}

.benefits #col2 h3 {
	color: #E78A22;
	padding: 15px 0 20px 15px;
	line-height: 160%;
	font-weight: normal;
	width: 472px;
	font-size: 1.3em;	
}

.HiringProcess #col2 h3 {
	color: #914485;
	padding: 15px 0 20px 15px;
	line-height: 160%;
	font-weight: normal;
	width: 472px;
	font-size: 1.3em;	
}

.locations #col2 h3 {
	color: #A8BE30;
	padding: 15px 0 20px 15px;
	line-height: 160%;
	font-weight: normal;
	width: 472px;
	font-size: 1.3em;	
}

.industries #col2 h3 {
	color: #F3C702;
	padding: 15px 0 20px 15px;
	line-height: 160%;
	font-weight: normal;
	width: 472px;
	font-size: 1.3em;	
}

.newsevents #col2 h3 {
	color: #424243;
	padding: 15px 0 20px 15px;
	line-height: 160%;
	font-weight: normal;
	width: 472px;
	font-size: 1.3em;	
}

#col2 h4 {
	color: #003764;
	font-weight: normal;
	line-height:110%;
	font-size: 16px;
	padding-left: 15px;
}

.newsevents #col2 h4 {
	background-color:#f0f0f0;
	padding:5px 15px 5px 15px;
	margin-right:10px;
}

#col2 h5 {
	color: #003764;
	font-weight: normal;
	width: 472px;
	line-height:180%;
	font-size: 12px;
	padding: 0 0 10px 0;
}

#col2 p {
	padding: 0 42px 10px 15px;
	line-height:140%;
}

.locations #col2 a {
	padding-left: 15px;
}

#col2 #flasharea {
	width: 480px;
	padding: 0 0 10px 0;
	margin:0 auto;
}

#col2 ul {
margin:0;
padding:0 25px 0 0;
list-style: none;
display:block;
}


#col2 ul.drawers {
margin:0;
padding:0;
}
#col2 ul.drawers li {
margin:0;
padding:0;
border:1px solid transparent;
_border:none;
}



#col2 ul.drawers li ul li{
	background: none;
	padding: 0;
	margin: 0;
}

#col2 ul.drawers li ul {
	background-color: #f5f5f5;
	padding: 10px 10px 10px 10px;
}

#col2 ul.drawers li ul li p{
	padding: 0 0 5px 0;
}

#col2 ul.drawers li a {
	color: #0066a4;
}

#col2 ul.drawers li{
padding:0;
margin:5px 0 0 0;
}

#col2 ul.drawers li .title h4 {
	margin:0 23px 0 0;
	padding:5px 12px 5px 25px;
	background:#f0f0f0 url(../../images/main/expand.png) no-repeat 5px 6px;

}

#col2 ul.drawers li .open h4 {
	background-position: 5px -26px;

}

#col2 ul.drawers li .title h4:hover {
cursor:pointer;
color:#00799c;
}

#col2 ul.drawers li .title:focus {
outline:none;
}

#col2 ul.drawers .accordion_content {
border: 1px solid #f0f0f0;
border-width: 0 1px 1px 1px;
padding:5px 10px 5px 10px;
margin:0 23px 0 0;
}

/*-------------- COLUMN 3 -----------*/
#col3 {
	width: 170px;
	float: left;
	padding: 0 0 0 10px;
	font-size: .8em;
}

#col3 ul {
	list-style: none;
	width: 170px;
	background-color: #f5f5f5;
}

#col3 ul a {
	width: 130px;
	display: block;
	padding: 9px 0 9px 40px;
}

#col3 ul li.applynow a:hover, #col3 ul li.news a:hover, #col3 ul li.events a:hover, #col3 ul li.emailsignup a:hover {
	color: #d41f26;
	background-color: #ededed;
}

#col3 ul li.applynow a {
	background: url(../images/sidebar/icon_apply.gif) 8px 6px no-repeat;
}

#col3 ul li.news a {
	background: url(../images/sidebar/icon_news.gif) 8px 6px no-repeat;
}

#col3 ul li.events a {
	background: url(../images/sidebar/icon_events.gif) 8px 6px no-repeat;
}

#col3 ul li.emailsignup a {
	background: url(../images/sidebar/icon_emailSignup.gif) 8px 6px no-repeat;
}



#col3 {
	width: 170px;
	float: left;
	padding: 0 0 0 10px;
	font-size: .8em;
}

#col3 ul {
	list-style: none;
	width: 170px;
	background-color: #ffffff;
}

#col3 ul li a {
	width: 170px;
	height:58px;
	display: block;
	padding: 0;
	text-indent:-3000em;
	overflow:hidden;
	background: #ffffff url(../images/sidebar/icon_sprites.png) no-repeat 0 0;
}

#col3 ul li.applynow a {
	width:170px;
	background: #ffffff url(../images/sidebar/icon_sprites.png) no-repeat -4px -4px;

}

#col3 ul li.applynow a:hover {
	background-position: -4px -94px;
}

#col3 ul li.news a {
	width:170px;
	background: #ffffff url(../images/sidebar/icon_sprites.png) no-repeat -210px -4px;

}
 #col3 ul li.news a:hover {
	background-position: -210px -94px;
 }
#col3 ul li.events a {
	width:170px;
	background: #ffffff url(../images/sidebar/icon_sprites.png) no-repeat -595px -4px;
}
#col3 ul li.events a:hover {
	background-position: -595px -94px;
}

#col3 ul li.jobs a {
	width:170px;
	background: #ffffff url(../images/sidebar/icon_sprites.png) no-repeat -402px -4px;
}
#col3 ul li.jobs a:hover {
	background-position: -402px -94px;
}

#col3 p {
	padding:8px 5px ;
}
.attrib {
	color:#029fbb;
	font-size:.9em;
}



/*---------- 2 COLUMN LAYOUT --------*/

.two_column #contentwrapper {
	background: url(../images/main/twocolumn_bg.gif) 0px 0px repeat-y;
}

/*-------------- COLUMN 1 -----------*/
.two_column #col1 {
	width: 697px;
	float: left;
	font-size: .8em;
}

.two_column #col1 #header_wrapper {
	background: url(../images/main/headerwrapper_bg.gif) 0px 0px repeat-x;
	height: 131px;
	width: 472px;
	padding: 20px 15px 58px 15px;
}

.two_column #col1 h1 {
	color: #fff;
	font-weight: normal;
	font-size: 1.8em;
}

/* Custom h1 graphics */
.two_column .sales #col1 h1 {background: url(../images/header/contactus_sales.jpg) 0px 0px no-repeat; width: 490px; height: 49px; padding: 28px 0 18px 206px;}
.two_column .jobsandcareers #col1 h1 {background: url(../images/header/contactus_jobsandcareers.jpg) 0px 0px repeat-x; width: 490px; height: 49px; padding: 28px 0 18px 206px;}
.two_column .marketing #col1 h1 {background: url(../images/header/contactus_marketing.jpg) 0px 0px repeat-x; width: 490px; height: 49px; padding: 28px 0 18px 206px;}

/* blue bar h1 */
.two_column .questions #col1 h1 {background: url(../images/header/bluebar.jpg) 0px 0px repeat-x; width: 687px; height: 40px; padding: 15px 0 0 10px;}
.two_column .studentborrower #col1 h1 {background: url(../images/header/bluebar.jpg) 0px 0px repeat-x; width: 687px; height: 40px; padding: 15px 0 0 10px;}

.two_column #col1 h2 {
	color: #003764;
	font-weight: normal;
	font-size: 1.5em;
	width: 640px;
	line-height: 130%;
	padding: 0 15px 15px 15px;
}

.two_column #col1 h3 {
	color: #333333;
	padding: 0 15px 20px 15px;
	line-height: 160%;
	font-weight: normal;
	width: 640px;
	font-size: 1.2em;
}

.two_column #col1 p {
	width: 640px;
	padding: 0 15px 20px 15px;
}

.two_column #col1 h3.gradient {
	background: url(../images/header/h3_gradient_bg.jpg) 0px 0px repeat-x;
	width: 640px;
	height: 27px;
	padding: 3px 15px 4px 15px;
	font-weight: normal;
	color: #003764;
}

/* link list */

.two_column #col1 ul.linklist {
	width: 640px;
	list-style: none;
	font-size: .9em;
	padding: 0 15px 15px 15px;
}

.two_column #col1 ul.linklist a {
	display: block;
	width: 640px;
	padding: 2px 0 2px 0;
	color: #003764;
}

.two_column #col1 ul.linklist a:hover {
	color: #d41f26;
}

.two_column #col1 ul.linklist .active a {
	color: #d41f26;
	font-weight: bold;
}

/*-------------- COLUMN 2 -----------*/
.two_column #col2 {
	width: 170px;
	float: left;
	padding: 0 0 0 13px;
	font-size: .8em;
}

.two_column #col2 ul {
	list-style: none;
	width: 170px;
	background-color: #f5f5f5;
	margin: 0 0 15px 0;
}

.two_column #col2 ul a {
	width: 121px;
	display: block;
	padding: 9px 9px 9px 40px;
}

.two_column #col2 ul li.active a {
	font-weight: bold;
}

.two_column #col2 ul li#questions a:hover,.two_column #col2 ul li#studentborrower a:hover, .two_column #col2 ul li#studentborrower.active a, .two_column #col2 ul li#questions.active a {
	color: #d41f26;
	background-color: #ededed;
}

.two_column #col2 ul li#questions a {
	background: url(../images/main/icon_questions.gif) 8px 6px no-repeat;
}

.two_column #col2 ul li#studentborrower a {
	background: url(../images/main/icon_studentborrower.gif) 8px 9px no-repeat;
}

.two_column #col2 p.smalltext {
	font-size: .75em;
	width: 150px;
	padding: 0;
	margin: 0;
}


/*---------- 2 COLUMN LEFT NAV LAYOUT --------*/



.two_column_left #contentwrapper {

	background: url(../../images/main/twocolumnleft_bg.gif) 0px 0px repeat-y;

}



/*-------------- COLUMN 1 -----------*/

.two_column_left #col1 {

	width: 183px;

	float: left;

}



.two_column_left #col1 h1 {

	color: #003764;

	font-weight: normal;

	font-size: .8em;

}



.two_column_left #col1 ul {

	width: 150px;

	list-style: none;

	font-size: .8em;

}



.two_column_left #col1 ul a {

	display: block;

	width: 150px;

	padding: 5px 0 5px 0;

}



.two_column_left #col1 ul a:hover {

	color: #d41f26;

}



.two_column_left #col1 ul .active a {

	color: #d41f26;

	font-weight: bold;

}



/* link list */



.two_column_left #col1 ul.linklist {

	width: 640px;

	list-style: none;

	font-size: .9em;

	padding: 0 15px 15px 15px;

}



.two_column_left #col1 ul.linklist a {

	display: block;

	width: 640px;

	padding: 2px 0 2px 0;

	color: #003764;

}



.two_column_left #col1 ul.linklist a:hover {

	color: #d41f26;

}



.two_column_left #col1 ul.linklist .active a {

	color: #d41f26;

	font-weight: bold;

}



/*-------------- COLUMN 2 -----------*/

.two_column_left #col2 {

	width: 697px;

	float: left;

	font-size: .8em;

}



.two_column_left #col2 #header_wrapper {

	background: url(../images/header/genericheader_right.jpg) no-repeat;

	height: 19px;

	width: 723px;

	padding: 20px 15px 58px 15px;

}



.two_column_left #col2 h1 {

	color: #fff;

	font-weight: normal;

	font-size: 1.8em;

}



.two_column_left #col2 h2 {

	color: #fff;

	font-weight: normal;

	font-size: 1.4em;

	line-height: 160%;

	width: 640px;

}



.two_column_left #col2 h3 {

	color: #ba1f24;

	padding: 15px 0 20px 0;

	line-height: 160%;

	font-weight: normal;

	width: 620px;

	font-size: 1.3em;

}



.two_column_left #col2 h4 {

	color: #003764;

	font-weight: normal;

	width: 472px;

	line-height:110%;

	font-size: 16px;

}



.two_column_left #col2 h5 {

	color: #003764;

	font-weight: normal;

	line-height:90%;

	font-size: 12px;

}

.two_column_left #col2 h5 a {

	color: blue;

	font-weight: normal;

	line-height:100%;

	font-size: 12px;

}

.two_column_left #col2 h5 a:hover {
text-decoration:underline;

}

.two_column_left #col2 p {

	width: 640px;

	padding: 0 0 20px 0;

}



.two_column_left #col2 img {

	float:left;

	padding-right:10px;

}



.two_column_left #col2 ul {

list-style: none;

padding-right:20px;

}





.two_column_left #col2 ul.drawers li ul li{

	list-style: none;

	background: none;

	padding: 0;

	margin: 0;

}



.two_column_left #col2 ul.drawers li ul {

	background-color: #f5f5f5;

	list-style: none;

	padding: 10px 15px 10px 10px;

}



.two_column_left #col2 ul.drawers li ul li p{

	padding: 0 0 0 0;
	
	line-height:normal;

}



.two_column_left #col2 ul.drawers li.open a {

	color: #0066a4;

}



.two_column_left #col2 .divider{

	clear: left;
	
	margin-bottom: 10px;
	
	margin-top: 10px;
	
	color:#cccccc;

}



/*-------------- CONTACT BUTTONS ----------*/

#col1 ul.contactbuttons {
	width: 695px;
	list-style: none;
}

#col1 ul.contactbuttons li {
	width: 695px;
	height: 149px;
	padding: 0;
}

#col1 ul.contactbuttons a {
	width: 695px;
	height: 139px;
	padding: 0;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
}

#col1 ul.contactbuttons .sales a{background: url(../images/main/contact_sales_but.jpg) 0px 0px no-repeat;}
#col1 ul.contactbuttons .sales a:hover{background: url(../images/main/contact_sales_but.jpg) 0px -139px no-repeat;}
#col1 ul.contactbuttons .jobsandcareers a{background: url(../images/main/contact_jobs_but.jpg) 0px 0px no-repeat;}
#col1 ul.contactbuttons .jobsandcareers a:hover{background: url(../images/main/contact_jobs_but.jpg) 0px -139px no-repeat;}
#col1 ul.contactbuttons .marketing a{background: url(../images/main/contact_marketing_but.jpg) 0px 0px no-repeat;}
#col1 ul.contactbuttons .marketing a:hover{background: url(../images/main/contact_marketing_but.jpg) 0px -139px no-repeat;}

/*-------------- BIG BUTTONS ----------*/

.two_column #col1 ul#bigbuttons {
	width: 534px;
	height: 84px;
	list-style: none;
	margin: 0 auto;
}

.two_column #col1 ul#bigbuttons li {
	width: 252px;
	height: 84px;
	float: left;
	padding: 0 15px 0 0;
}

.two_column #col1 ul#bigbuttons li a {
	width: 232px;
	height: 64px;
	display: block;
	background: url(../images/main/big_buttons_bg.jpg) 0px 0px no-repeat;
	color: #062e55;
	font-size: 1.5em;
	text-align: center;
	padding: 10px;
	line-height: 130%;
}

.two_column #col1 ul#bigbuttons li a:hover {
	background: url(../images/main/big_buttons_bg.jpg) -252px 0px no-repeat;
	color: #fff;
}

/*-------------- WIDGET ----------*/

.widget {
	width: 170px;
	background:url(../images/main/widget_bg.gif) 0px 0px no-repeat #eeeeee;
}

.widget_bot {
	width: 150px;
	background: url(../images/main/widget_bg_bottom.gif) 0px 100% no-repeat;
	padding: 10px 10px 15px 10px;
	color: #062e55;
	text-align: center;
	font-size: 1.2em;
	line-height: 135%;
}

/*==================================*/
/*------------- DOCK MENU ----------*/
/*==================================*/

#col2 .dock {
	position: relative; 
	height: 50px; 
	text-align: center;
	margin: 0 0 25px 0;
	width: 470px;
}

#col2 .dock-container {
	width: 470px;
	position: absolute;
	height: 50px;
	background-color: #fff;
	padding: 0 0 0 20px;
}

#col2 a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}

#col2 .dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}

#col2 .dock-item span {
	display: none; 
	padding: 0 0 0 20px;
}

/*==================================*/
/*------------- FORMS --------------*/
/*==================================*/

form ul {
	width: 680px;
	padding: 0 0 0 15px;
}

form ul li {
	background: none;
	margin: 0;
	padding: 0 0 7px 0;
	font-size: 1.2em;
	width: 680px;
}

form p{
	padding: 5px 0 5px 0;
}

form select {
	width: 250px;
}

form textarea{
	padding: 0;
	margin: 0;
}

form button {
	margin: 0;
	padding: 0px;
	width: 123px;
	height: 26px;
	border: none;
	background: url(../images/main/submit_but_bg.jpg) 0px 0px repeat-x;
	cursor: pointer;
	display: block;
	color: #fff;
	font-size: 1.1em;
	line-height: 200%;
}

form button:hover{
	background: url(../images/main/submit_but_bg.jpg) 0px -26px repeat-x;
}

optgroup {
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	color: #003261;
	text-indent:5px;
}

option{
	text-indent:5px;
}

optgroup option{
	text-transform: none;
	color: #000;
	text-indent:15px;
}

label {
	font-weight: normal;
	margin: 6px 0 0 0;
	width: 600px;
}

label.error {
	padding: 4px 10px 4px 10px;
	color: #ba300d;
	font-weight: bold;
	font-size: .8em;
	background-color: #fff;
	border: 1px solid #ba300d;
	margin: 0 0 0 5px;
}

.hidden {
	display: none;
}

input[type="text"], input[type="password"] {
	border: 1px solid #c4c4c4;
	padding: 4px 0 4px 0;
	background-color: #fff;
	vertical-align: middle;
}

input[type="text"]:focus, input[type="password"]:focus {
	background-color: #fbfbfb;
}

textarea {
	border: 1px solid #c4c4c4;
	padding: 4px 0 4px 0;
	background-color: #fff;
}

textarea:focus {
	background-color: #fbfbfb;
}

.smallprint {
	font-size:.9em;
	font-style:italic;
}

.required {
	color: #ba300d;
}

.formcolumn1 {
	float: left;
	width: 47%;
	padding: 0 0 0 3%;
}

.formcolumn2 {
	float: left;
	width: 50%;
}

form td {
	padding: 4px 4px 4px 0;
}






/*==================================*/
/*------- JQUERY TAB AREA ----------*/
/*==================================*/

.ui-tabs-hide {
	display: none;
}
/*------- 4 Tab Menu ----------*/
#col2 #tabarea ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#col2 #tabarea ul.tabnav li {
	width: 161px;
	text-align: center;
	height: 40px;
	display:block;
	margin:0;
	border:none;
	float:left;
}
#col2 #tabarea ul.tabnav li a, #tabarea ul.tabnav li a:visited {
	background-color:#914485;
	color: #ffffff;
	text-decoration:none;
	margin: 0;
	width: 160px;
	display: block;
	height: 25px;
	padding: 15px 0 0 0;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 130%;
	font-size: .9em;
	overflow: hidden;
}
#col2 #tabarea ul.tabnav li a:hover {
	text-decoration:underline;
}
#col2 #tabarea ul.tabnav li a:focus {
	outline:none;
}
#col2 #tabarea ul.tabnav li.ui-tabs-selected a {
	background-color:#f5f5f5;
	color:#914485;
	border: none;
}
#col2 #tabarea .ui-tabs-panel {
	padding:10px;
	width:462px;
	background-color:#f5f5f5;
}
#col2 #tabarea .ui-tabs-panel h4 {
	padding-bottom:10px;
	line-height:140%;
}
#col2 #tabarea .ui-tabs-panel ul li {
	list-style:disc;
	margin-left:40px;
	padding-bottom:7px;
	line-height:150%;
}
#col2 #tabarea .ui-tabs-panel p {
	line-height:150%;
}

div.profile img {

float: left;
margin:0 10px 0 15px;
border:2px solid #cccccc;
}
