/* 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;
	margin:0;

}



#wrapper {

	width: 900px;

	margin: 0 auto;

	background:url(../images/main/backgroundimage_secondary.jpg) repeat-x top left #fff;

}



/*==================================*/

/*---------- CONTENT AREA ----------*/

/*==================================*/



#contentwrapper {

	width: 890px;

	padding: 0 0 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: 255%;

}



ul#second_level_nav li a {

	height: 36px;

	display: block;

	width: 110px;

	text-align: center;

	background: url(../images/main/second_level_nav_bg.gif) 50% 10px no-repeat;
	overflow:hidden;

}



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;
	
	padding-left: 10px;

}



#col1 ul a {

	display: block;

	width: 150px;

	padding: 5px 0 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 sup,
#col2 sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size:.7em;
}

#col2 sup {
	bottom: 1ex;
}

#col2 sub {
	top: .5ex;
}



#col2 #header_wrapper {

	background: url(../images/main/headerwrapper_bg.gif) 0px 0px repeat-x;

	height: 131px;

	width: 472px;

	padding: 20px 15px 58px 15px;
	vertical-align:middle;

}



#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 0 20px 0;

	line-height: 160%;

	font-weight: normal;

	width: 472px;

	font-size: 1.3em;

}

#wrapper_bg.legal #col2 h2 {
color:#003764;
}

.Communications #col2 h3 {

	color: #40434A;

	padding: 15px 0 20px 15px;

	line-height: 160%;

	font-weight: normal;

	width: 472px;

	font-size: 1.3em;	

}



.financialservices #col2 h3 {

	color: #567759;

	padding: 15px 0 20px 15px;

	line-height: 160%;

	font-weight: normal;

	width: 472px;

	font-size: 1.3em;	

}



.Government #col2 h3 {

	color: #00608a;

	padding: 15px 0 20px 15px;

	line-height: 160%;

	font-weight: normal;

	width: 472px;

	font-size: 1.3em;	

}



.Healthcare #col2 h3 {

	color: #B41F24;

	padding: 15px 0 20px 15px;

	line-height: 160%;

	font-weight: normal;

	width: 472px;

	font-size: 1.3em;	

}



.highereducation #col2 h3 {

	color: #034F91;

	padding: 15px 0 20px 15px;

	line-height: 160%;

	font-weight: normal;

	width: 472px;

	font-size: 1.3em;	

}



.insurance #col2 h3 {

	color: #DEB701;

	padding: 15px 0 20px 15px;

	line-height: 160%;

	font-weight: normal;

	width: 472px;

	font-size: 1.3em;	

}



.portfoliopurchasing #col2 h3 {

	color: #43327E;

	padding: 15px 0 20px 15px;

	line-height: 160%;

	font-weight: normal;

	width: 472px;

	font-size: 1.3em;	

}



.utilities #col2 h3 {

	color: #D36C27;

	padding: 15px 0 20px 15px;

	line-height: 160%;

	font-weight: normal;

	width: 472px;

	font-size: 1.3em;	

}



#col2 h4 {

	color: #003764;

	font-weight: normal;

	width: 472px;

	line-height:110%;

	font-size: 16px;

}



.Communications #col2 h4 {

	color: #40434A;

	padding: 0px 0 10px 15px;

	line-height: 180%;

	font-weight: normal;

	width: 472px;

	font-size: 16px;	

}



.financialservices #col2 h4 {

	color: #567759;

	padding: 0px 0 10px 15px;

	line-height: 180%;

	font-weight: normal;

	width: 472px;

	font-size: 16px;	

}



.Government #col2 h4 {

	color: #00608a;

	padding: 0px 0 10px 15px;

	line-height: 180%;

	font-weight: normal;

	width: 472px;

	font-size: 16px;	

}



.Healthcare #col2 h4 {

	color: #B41F24;

	padding: 0px 0 10px 15px;

	line-height: 180%;

	font-weight: normal;

	width: 472px;

	font-size: 16px;	

}



.highereducation #col2 h4 {

	color: #034F91;

	padding: 0px 0 10px 15px;

	line-height: 180%;

	font-weight: normal;

	width: 472px;

	font-size: 16px;	

}



.insurance #col2 h4 {

	color: #f1c600;

	padding: 0px 0 10px 15px;

	line-height: 180%;

	font-weight: normal;

	width: 472px;

	font-size: 16px;	

}



.portfoliopurchasing #col2 h4 {

	color: #43327E;

	padding: 0px 0 10px 15px;

	line-height: 180%;

	font-weight: normal;

	width: 472px;

	font-size: 16px;	

}



.utilities #col2 h4 {

	color: #D36C27;

	padding: 0px 0 10px 15px;

	line-height: 180%;

	font-weight: normal;

	width: 472px;

	font-size: 16px;	

}



#col2 h5 {

	color: #003764;

	font-weight: normal;

	width: 472px;

	line-height:180%;

	font-size: 12px;

	padding: 0 0 10px 0;

}



#col2 img {

margin-left:15px;

}



#col2 p {

	width: 472px;

	line-height: 140%;

	padding: 0 0 10px 15px;

}




#col2 ul {

list-style: none;

/*padding-right:20px;
*/
}



#col2 ul.drawers li ul li{

	list-style: none;

	background: none;

	padding: 0;

	margin: 0;

}



#col2 ul.drawers li ul {

	background-color: #f5f5f5;

	list-style: none;

	padding: 10px 10px 10px 10px;

	border: 1px solid #f6eedc;

}



#col2 ul.drawers li ul li p{

	padding: 0 0 5px 0;

}



#col2 ul.drawers li.open a {

	color: #0066a4;

}

#col2 .profile {
min-height:100px;
}

#col2 .profile img {
border: 2px solid #cccccc;

}

#col2 .profiledescription {
	background-color: #f5f5f5;
	clear:both;
	list-style: none;

	padding: 10px 10px 5px 10px;
	margin: 5px 0 0 0;
	border: 1px solid #f6eedc;
}



#col2 .profiledescription p{

	padding: 0 0 5px 0;

}


#col2 #flasharea {
	width: 480px;
	padding: 0 0 10px 0;
	margin:0 auto;
}



/*-------------- COLUMN 3 -----------*/

#col3 {

	width: 170px;

	float: left;

	padding: 0 0 0 10px;

	font-size: .8em;

}

#col3 h5 {

	color: #003764;

	font-weight: normal;

	line-height:180%;

	font-size: 12px;

	padding: 5px 0 5px  10px;

}

#col3 h5:hover{
	background-color:#ededed;
	cursor:pointer;
}


#col3 ul {

	list-style: none;

	width: 170px;

	background-color: #f5f5f5;

}



#col3 ul a {

	width: 140px;

	display: block;

	padding: 6px 0 6px 30px;

}



#col3 ul li.audiodemo a:hover, #col3 ul li.casestudy a:hover, #col3 ul li.collateral a:hover {

	color: #d41f26;

	background-color: #ededed;

}

#col3 ul.drawers li ul {

	background-color: #f5f5f5;

	list-style: none;

	padding: 0 0;

	/*border: 1px solid #f6eedc;*/

}



#col3 ul.drawers li ul li{

	list-style: none;

	background: none;

	padding: 0;

	margin: 0;

}

#col3 ul.drawers li .title h5 {
	padding:5px 12px 5px 30px;
}

#col3 ul.drawers li .title h5.casestudy {
	margin:0;
	background:#f0f0f0 url(../images/main/icon_casestudy.gif) no-repeat 2px 4px;

}

#col3 ul.drawers li .title h5.collateral {
	margin:0;
	background:#f0f0f0 url(../images/main/icon_collateral.gif) no-repeat 2px 4px;

}
#col3 ul.drawers li .title h5.audiodemo {
	margin:0;
	background:#f0f0f0 url(../images/main/icon_audiodemo.gif) no-repeat 2px 4px;

}

#col3 ul.drawers li .open h5 {
	background-position: 5px -25px;

}


#col3 ul.drawers li .title:focus{
	outline:none;
}


#col3 ul.drawers li ul li p{

	padding: 0 0 5px 0;

}



#col3 ul.drawers li.open a {

	color: #0066a4;

}




/*---------- 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;
	margin:0; padding:0;

}



.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: 175px;

	float: left;

	padding: 0;

	margin:0 0 0 15px;
	font-size: .8em;

}



.two_column #col2 ul {

	list-style: none;

	width: 190px;
	_width: 160px;

	background-color: #f5f5f5;

	margin: 0 0 15px 0;
	padding:0;

}



.two_column #col2 ul a {

	width: 150px;
	_width: 120px;

	display: block;

	padding: 9px 0 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: 180px;
	_width: 160px;

	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;
	
	padding-left: 10px;

}



.two_column_left #col1 ul {

	width: 150px;

	list-style: none;

	font-size: .8em;
	
	padding-left: 10px;

}



.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: 670px;

	padding: 25px 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: 0 0 20px 15px;

	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;
	
	padding-left:15px;

}



.two_column_left #col2 h5 {

	color: #003764;

	font-weight: normal;

	line-height:90%;

	font-size: 12px;

}

.two_column_left #col2 h5 a {

	color: #003764;

	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 15px;

}



.two_column_left #col2 img {

	float:left;

	margin: 0 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;
	padding:0;
	margin:0;

}



#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: 190px;
	_width: 160px;

	background:url(../images/main/widget_bg.gif) 0px 0px no-repeat #eeeeee;

}



.widget_bot {

	width: 190px;
	_width: 160px;

	background: url(../images/main/widget_bg_bottom.gif) 0px 100% no-repeat;
	padding: 10px 0 15px 0;

	color: #062e55;

	text-align: center;

	font-size: 1.2em;

	line-height: 135%;

}


/*==================================*/

/*------------- 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;

}