/* -----------------------



Browser reset



-------------------------*/

* {



padding:0;



margin:0;



}



h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { margin:10px 0; }



li, dd, blockquote { margin-left: 30px; }



fieldset { padding:10px; }



img { border: 0px; }







body {

	text-align: center;

	font-size: 11px;

	font-family: Verdana, Arial, sans-serif;

	line-height: 16px;

}









/* -----------------------



Layout



-------------------------*/

div#outer {

	width: 805px;

	margin-left: auto;

	margin-right: auto;

	text-align: left;



}





div#header {

	height: 60px;

	margin: 0;

}

div#body-top {

	width: 805px;

	height: 27px;

	background: url(http://www.chasestudentloans.com/dso/images/body-top.gif) no-repeat;

	overflow: hidden;



}

div#body-middle {

	width: 805px;

	padding: 0px 0;

	background: url(http://www.chasestudentloans.com/dso/images/body-middle.gif) repeat-y;
	
	position:relative;

}

div#body-bottom {

	width: 805px;

	height: 35px;

	background: url(http://www.chasestudentloans.com/dso/images/body-bottom.gif) bottom no-repeat;

	display: block;

}



div#logo {

	width: 500px;

	height: 25px;

	padding: 23px 0px 5px 40px;

	float: left;

	display: inline;

	

}



div#logo img {

	float: left;

	display: inline;

	

}



div#logo p {

	float: right;

	text-align: right;

	margin: 0;

	line-height: 27px;

	color: #666; 

	font-size: 14px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	display: inline;

	padding: 0 20px 0 0;



}



div#main-col {

	width: 797px;

	float: left;

	margin: 0px 0 0 4px;

	display: inline;

}





div#content-wrapper {

	width: 797px;

	padding: 0px 0 0 0;

}





div#content {

	background-color: #FFFFFF;

	padding: 0px 0px 0 0px;

	margin:0;

	width: 797px;

	text-align: center;

}









/* -----------------------



Tab and Contact/Sitemap links



-------------------------*/

div#tab {

	float: right;

	width: 204px;

	background: url(http://www.chasestudentloans.com/dso/images/bg-tab.gif) bottom no-repeat;

	margin: 4px 0px 0 0;

	overflow: hidden;

	display: inline;



	

}



div#tab p.tab {

	margin: 19px 0 2px 0;

	text-align: center;

	color: #074580;

	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;

	font-size: 11px;

	font-weight: bold;

}



div#toplinks {

	margin: 5px 0 0 0;

	text-align: right;

	font-size: 11px;

	font-family: Verdana, Arial, sans-serif;

	color: #000000;

	float: right;

}



div#toplinks a.csl:link, a.csl:visited, a.csl:active {

	font-family: Verdana, Arial, sans-serif;

	FONT-WEIGHT: bold; 

	COLOR: #074580; 

	TEXT-DECORATION: none;

	font-size:11px;

}





div#toplinks a.csl:hover {

	FONT-WEIGHT: bold; 

	COLOR: #074580; 

	TEXT-DECORATION: underline;

	font-size: 11px;

}









div#bottom-links-left {

	padding: 10px 0 0 15px;

	float: left;

	color: #666666;
	


}



div#bottom-links-right {

	padding: 10px 15px 0 0;

	float: right;

	color: #666666;

	

}





div#footer {

	text-align: center;

	

}











/* -----------------------



Group headings



-------------------------*/

h1 {

	color: #666666;

	margin: 0px 0 0px 0px; 

	padding: 3px 0 0 0; 

	font:  2em Tahoma, Verdana, Helvetica, sans-serif;

	letter-spacing: +.5px;

}





h2 {

	font-family: Verdana, Helvetica, Arial, sans-serif;

	font-size: .9em;

	font-weight: bold;

	color: #99cc00;

	margin: 20px 0 10px 0;

}



h3 {

	font-family: Verdana, Helvetica, Arial, sans-serif;

	font-size: .85em;

	font-weight: bold;

	color: #000000;

	margin: 0 0 10px 0;

}



/* -----------------------



Group text styles



-------------------------*/









div#tab {

	color: #d4f27d;

}

div#footer {

	color: #666666;

	font: .9em Verdana, Helvetica, Arial, sans-serif;

}



div#content p.introtext {

	font-weight: bold;

	color: #666666;

	text-align: left;

}



div#content p.introtext2 {

	font-weight: bold;

	color: #999999;

	text-align: left;

}



div#content p {

	font-size: 11px;

	font-family: Verdana, Helvetica, Arial, sans-serif;

	line-height: 16px;

	text-align: left;

	margin: 0 20px 0 20px;

	padding: 20px 90px 0 90px;

}



#disclaimer {

margin: 20px 40px 10px 40px;

line-height: 14px;

color: #666666;

font-size: 9px;

text-align: left;

}



a.disclaimer:link, a.disclaimer:active, a.disclaimer:visited {

color:#0066CC; 

text-decoration:underline;

font-size: 9px;

font-weight: normal;

}



a.disclaimer:hover {

color:#3399FF; 

text-decoration:underline;

font-size: 9px;

font-weight: normal;

}



.footnote {

    margin: 0 0 10px 0; 

   font-size: .8em; 

    color: #666666;

    line-height: 1.3em;

}



/* -----------------------



Links



-------------------------*/

a:link, a:visited {

	color: #0066CC;

	text-decoration: underline;

}

a:hover {

	text-decoration: underline;

	color: #3399FF;

}



div#footer a:link, div#footer a:visited {

	color: #666666;

	text-decoration: none;



}

div#footer a:hover {

	text-decoration: underline;



}



div#bottom-links-left a:link, div#bottom-links-left a:visited {

	color: #666666;

	text-decoration: underline;

	font-size: 9px;

}

div#bottom-links-left a:hover {

	color: #666666;

	text-decoration: underline;

	font-size: 9px;

}



div#bottom-links-right a:link, div#bottom-links-right a:visited {

	color: #666666;

	text-decoration: underline;

	font-size: 9px;

}

div#bottom-links-right a:hover {

	color: #666666;

	text-decoration: underline;

	font-size: 9px;

}









/* -----------------------



Image Padding



-------------------------*/

img.article {

padding: 0 5px;

}











/* -----------------------



Clears



-------------------------*/

.clear {

	clear: both;

}



/* Clearfix Method from: http://www.positioniseverything.net/easyclearing.html*/



.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

/* @end */









.button {

	border: none;

	margin: 0 10px 10px 0;

}



/* -----------------------



Marketing Messages



-------------------------*/





#mrkt-msg50 { 

	background-image: url(http://www.chasestudentloans.com/dso/images/mrkt-msg50.gif);

	height: 319px;

	width: 797px;

	position: relative;

	}





#mrkt-msg-text50 {

   position: absolute;

   height: 109px;

   width:663px;

   top: 45px; 

   left: 115px;

   font-size: 42px;
   font-family: "Trebuchet MS", verdana;
   font-weight: bold;

   color: #FFFFFF;

   line-height: 32px;

   }

  
#mrkt-msg-link50 a {
  
position: absolute;

   width: 203px;

   height: 76px;

   top: 215px; 

   left: 295px;

   text-decoration: none;
}

#mrkt-msg-link50 a i { visibility: hidden; }

 
#mrkt-msgcj { 

	/*background-image: url(images/mrkt-msg-cj.jpg);*/

	width: 797px;

	position: relative;

	}
#arrow{
	position:absolute;
	top:0;
	left:0;
}




#mrkt-msg-textcj {

   position: absolute;

   height: 109px;

   width:663px;

   top: 45px; 

   left: 115px;

   font-size: 42px;
   font-family: "Trebuchet MS", verdana;
   font-weight: bold;

   color: #FFFFFF;

   line-height: 32px;

   }
  
#mrkt-msg-linkcj{
	margin: 15px 0 30px 0;
}
  
#mrkt-msg-linkcj a {
  
   width: 203px;

   height: 76px;

   margin-left: 295px;

   text-decoration: none;
   
}

#mrkt-msg-linkcj a i { visibility: hidden; }


ol {

	padding: 0 0 0px 20px;

	margin: 0 0 0 20px;

}



ol li {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: .85em;

	line-height: 1.5em;

	padding: 0;	

	margin: 0;

}







ul.content {

	list-style: none;

	padding: 0px 0 5px 0px;

	margin: 0px 0px 0px 15px;



	}





ul.content li {

	background: url(http://www.chasestudentloans.com/dso/images/blue_bullet.gif) no-repeat 0 0;

	font-size: .11px;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	line-height: 16px;

	padding: 0 0 0 15px;

	margin: 0 50px 0 0;

	}

	





/*----------------------------

Table

------------------------------*/



table#bluebox {

background:url(http://www.chasestudentloans.com/dso/images/bg_bluebox.gif) no-repeat;

padding: 0px 20px 0px 0px;

margin: 0;

text-align: left;

}



table#bluebox td {

padding: 0px 0px 5px 20px;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

font-weight: bold;

}



table#bluebox h1 {

	font-family: "Trebuchet MS";

	color:#088ac2;

	font-size: 24px;

	text-align: center;

	font-weight: bold;

	padding: 0 0 5px 0;

	margin: 15px 0 0 0;

	}



table#bluebox h2 {

	font-family: "Trebuchet MS";

	color:#088ac2;

	font-size: 18px;

	text-align: center;

	padding: 0 0 10px 0;

	margin:0;

	font-weight: bold;

	

	}

	

table#bluebox ul {

margin: 0 0 5px 15px;

padding: 0;

color:#088ac2;



}



table#bluebox li {

color:#088ac2;

padding: 0;

margin:0;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

line-height: 16px;

}



hr {

border:0;

height:1px;

color:#C2E6F6;

background:#C2E6F6; 

width: 95%;}