@charset "UTF-8";
/* CSS Document */

/* IE6 PNG FIX
/*img, div, a { behavior: url(../css/iepngfix.htc);}*/
/*since positioning and tiling of png bg's won't work on IE, make you bg's large*/

/* ------------------------------- 
 * GLOBAL
 * ------------------------------- */ 
* { margin: 0px; padding: 0px; }
body { font: 12px Arial, Helvetica, sans-serif; }
div { /*overflow: hidden;*/ }

a { }
a.newwindow{
	display: inline;
	padding: 0px 25px 0px 0px;
	line-height: 1.7em;
	/*background: url(../images/newwindow.png) bottom right no-repeat;*/
	background: url(../images/newwindow.png) no-repeat;
	background-position: 100% 95%;
}

a.newWindowFix {
  display: inline;
	padding: 0;
	line-height: 1.7em;
}

span.newWindowFix { 
  /*padding-left: 10px;*/
  position: relative;
  top: 3px; 
  left: 10px;  
}

li.calcpage {
	padding-left: 40px;
	background: url(../images/calc.gif) top left no-repeat;
}

h1, h2, h3, h4, h5 { font-weight: 200; }
h1 { margin-top: 0px;}
h2 { }
h3 { }
h4 { }
h5 { }

img { border: 0px; }

/* addthis hacks */

#addthis_dropdown15 {
  z-index: 2 !important;
  background-color: #8AAD63 !important;
}

/* tool tip */

a.glossary-info, a.glossary-info-nobg {
  position: relative;
  z-index: 24;  
  text-decoration: none;
  color: #000000;
  padding-right: 6px;
  margin-right: 2px;
  line-height: 13px;
}

a.glossary-info { background: #ffffff url(../images/tip_icon.gif) no-repeat top right; }
a.glossary-info-nobg { padding-right: 25px; }

a.glossary-info:hover, a.glossary-info-nobg:hover { 
  z-index: 100000000000000000000; 
  text-decoration: none !important;
  visibility: visible;
  text-indent: 0; 
  cursor: text;
}

a.glossary-info-nobg:hover { 
  cursor: pointer;
}

a.glossary-info span, a.glossary-info-nobg span { display: none; }
a.glossary-info:hover span, a.glossary-info-nobg:hover span {
  display: block;
  position: absolute;
  top: -110px;
  left: 5.3em;
  width: 250px;
  background-color: #8AAD63 !important;
  color: #ffffff;
  padding: 10px;
  z-index: 1000000000000000000000000; 
  font-weight: 0;
  font: 12px Arial, Helvetica, sans-serif;
  visibility: visible; 
}

/* Classes --- */
.hide 				{ display: none; visibility: hidden; }
.bold 				{ font-weight: bold; }
.italic				{ font-style: italic; }
.underline			{ text-decoration: underline; }
.clear_both 		{ clear: both; }
.center_on_page 	{ width: 944px; margin: 0px auto; }
.float_left 		{ display: inline; float: left; }
.float_right 		{ display: inline; float: right; }


/* ------------------------------- 
 * STRUCTURE
 * ------------------------------- */
#wrapper {
	background: #ffffff url(../images/main_background.jpg) repeat-y top center;
	margin: 0px auto;
	position: relative;
	width: 960px;
}

	#utility_nav {
		background-color: #ffffff;
		color: #a93d00;
		padding: 5px 20px 0px 0px;
		text-align: right;
		padding-bottom: 5px;
	}

	#bkgd-top-cap {
		background: #fff url(../images/main_background_top_cap.jpg) no-repeat top center; 
		height: 23px;
		margin: 0px auto;
		width: 960px;
	}
	
	#inner-wrapper {
		margin: 0px auto;
		position: relative;
		width: 900px;
	}
		
		#masthead { width: 100%; }
			#main_nav {
				display: inline;
				float: left;
				width: 450px;
				height: 150px;
			}
			
			#sub_nav{
				display: inline;
				float: left;
				width: 100%;
			}
			
			#smart_tip {
				display: inline;
				float: right;	
				width: 50%;
			}
	
		#intro { 
			border-top: 1px solid #fff; 
			width: 100%;
		}
		
		#breadcrumbs-share-wrapper { margin-bottom: 0; font-size: .8em; text-transform: uppercase; z-index: 1; }
			
      #breadcrumbs { 
				color: #a93d00;
				display: inline;
				float: left;
				padding: 5px 0px;
				width: 45%;
				text-decoration: underline;
			}
			
			#share_links {
				color: #003c5f;
				display: inline;
				float: right;
				width: 55%;
			}
		
		#main_content { margin: 0px 0px 40px; z-index: 1; padding-top: 10px; }
			#content_left_column {
				display: inline;
				float: left;
				margin: 10px 20px 10px 40px;
				width: 480px;
			}
			
			#content_right_column {
				display: inline;
				float: right;
				text-align: left;
				margin: 10px 40px 10px 20px;
				width: 300px;
			}
				
				#info_square {
					height: 300px;
					width: 300px;
				}
					#square_1, #square_2, #square_3, #square_4 { 
						display: inline;
						float: left;
						height: 130px;
						padding: 10px;
						width: 130px;
					}

				.blue_box {
					background: #003c5f;
					color: #fff;	
					padding: 15px;
				}
				.blue_box_big {
					background: #e8efe0;
				}
				.green_box {
					background: #e8efe0;
					color: #000;	
					padding: 15px;
				}
				
				#bill_of_rights {
					background: #e5ebef;
					color: #003c5f;	
					padding: 15px;
				}
			
	#bkgd-bottom-cap {
		background: #fff url(../images/main_background_bottom_cap.jpg) no-repeat top center; 
		height: 23px;
		margin: 0px auto;
		width: 960px;
	}
	
	#footer {
		background: #fff;
		color: #a93d00;
		font-size: .8em;
		padding: 0px 0px 40px;
		text-align: center;
	}
	

/* ------------------------------- 
 * UTILITY NAV
 * ------------------------------- */
#utility_nav ul {
	/*margin-left: 530px;*/
	position: relative;
	top: 2px;
	left: -92px;
}

#utility_nav ul, #utility_nav ul li{
	list-style: none;
	display: inline;	
}

#utility_nav ul li {
	margin-right: 8px;
}

#utility_nav a{
	color: #a93d00;
	font-size: .75em;
	text-transform: uppercase;
	text-decoration: none;
}

#utility_nav a:hover{
	text-decoration: underline;
}

#utility_nav form {
	float: right;
	display: inline;
	position: relative;
}

#utility_nav #query {
	border: 1px solid #000;
	font-size: .8em;
	height: 14px;
	width: 80px;
	position: absolute;
	top: 1px;
	left: -85px;
}

/* ------------------------------- 
 * SMART TIP
 * ------------------------------- */
#smart_tip div{ display: inline;  margin: 0px 0px 1px 0px; }
#smart_cell_1 { 
 	float:left;
	width: 298px; 
	height: 149px;
}

#smart_cell_2 { 
	background-color: #8aad63;
	color: #003c5f;
	float:right;
	font-size: .9em;
	height: 129px; 
	padding: 10px;
	text-align: right;
	width: 131px;
}

#smart_cell_2 a{
	color: #fff;
}

p.tip_number { 
	font-size: 1.9em;
	text-transform: uppercase;
}

/* ------------------------------- 
 * MAIN NAV
 * ------------------------------- */

#main_nav div { float: left; margin: 0px 0px 1px 0px; overflow: hidden; }

#nav_cell_1{ background-color: #8aad63; width: 149px; height: 75px;}
#nav_cell_2{ 
	background: #8aad63 url(../images/img_smartborrowing.gif) no-repeat top left;  
	display: inline; 
	padding: 0px; 
	width: 300px; 
	height: 75px; 
	clear: right;
	float: left; 
}
#nav_cell_3{ width: 150px; height: 73px;}
#nav_cell_4{ width: 150px; height: 73px;}
#nav_cell_5{ width: 150px; height: 73px;}

#link1, #link2, #link3 {
	display: block;
	float: left;
	height: 73px;
}

#link1 { background: url(../images/btn_smartborrower.gif) no-repeat bottom left; width: 150px; }
#link2 { background: url(../images/btn_calculators.gif) no-repeat bottom left; width: 150px;}
#link3 { background: url(../images/btn_resources.gif) no-repeat bottom left; width: 149px;}

#smartborrower #link1, #link1:hover { background: url(../images/btn_smartborrower_over.gif) no-repeat bottom left;}
#calculators #link2, #link2:hover { background: url(../images/btn_calculators_over.gif) no-repeat bottom left;}
#resources #link3, #link3:hover { background: url(../images/btn_resources_over.gif) no-repeat bottom left;}

/* ------------------------------- 
 * SUB NAV
 * ------------------------------- */
#sub_nav ul{
	background: #ded8cc;
	display: inline;
	float: left;
	list-style: none;
	width: 100%;
}

#sub_nav li{
	display: inline;
	float: left;
	padding: 5px 0px;
}

#sub_nav li a{
	background: #ded8cc;
	color: #5a3a00;
	display: inline;
	font-size: .8em;
	padding: 5px 6px;
	text-transform: uppercase;
	text-decoration: none;
}

#sub_nav a:hover{
	background: #a93d00;
	color: #fff;
}

 
/* ------------------------------- 
 * INTRO
 * ------------------------------- */
p#intro_paragraph {
	color: #003c5f;
	display: inline;
	float: left;
	font-size: 1.6em;
	line-height: 1.4em;
	padding: 10px 20px;
	width: 500px;
	margin-left: 350px;
	margin-top: 0px;
}
#intro_left {
	width: 300px;
	margin-top: 0px;
	margin-left: 0px;
}
#intro_right {
	position: absolute;
	top: 170px;
	color: #003c5f;
	font-size: 1.6em;
	line-height: 1.4em;
	padding: 10px 20px;
	width: 518px;
	margin-top: 0px;
	margin-left: 300px;
	height: 132px;
	left: 4px;
}

/* ------------------------------- 
 * BREADCRUMBS
 * ------------------------------- */
#breadcrumbs a {
	color: #a93d00;
	text-decoration: none;
}

#breadcrumbs a:hover {
	text-decoration: underline;
}

/* ------------------------------- 
 * SHARE LINKS LIST
 * ------------------------------- */
#share_links ul {
	display: inline;
	float: right;
	list-style: none;
}

#share_links li {
	display: inline;
	float: left;
	padding: 5px 0px;
}

#share_links li a{
	color: #003c5f;
	display: inline;
	padding: 5px 10px;
	text-decoration: none;
}

#share_links li a:hover{
	text-decoration: underline;
}

#share_links_list{
	display: inline;
}

/* ------------------------------- 
 * CONTENT LEFT COLUMN
 * ------------------------------- */

#content_left_column h1 {
	margin-top: 1.2em;
	color: #003c5f;
}

#content_left_column h2 {
	margin-top: 0px;
	color: #003c5f;
}

#content_left_column h2 a, {	
	margin-top: 0px;
	color: #003c5f;
}

#content_left_column h3 {
	margin-top: 0px;
	color: #333333;
	font-weight: bold;
	font-size: 12px;
}

#content_left_column h3 a {
	margin-top: 0px;
	color: #333333;
	font-weight: bold;
	font-size: 12px;
	color: #a93d00;
}

#content_left_column a {
	color: #a93d00;
}

#content_left_column a:hover {
	text-decoration: underline;
}

#content_left_column p.intro_paragraph {
	color: #003c5f;
	font-size: 1.2em;
}

#content_left_column p {
	color: #333333;
	line-height: 1.4em;
	margin: 0px 0px 10px;			
}

#content_left_column ul, #content_left_column ol {
	color: #333333;
	margin: 15px 20px 20px;
}

ul.link_list {
	list-style: outside disc;
	/*margin: 20px 15px;*/
}
.link_list li {
	margin: 8px 0px;
}

/* ------------------------------- 
 * BILL OF RIGHTS
 * ------------------------------- */
#bill_of_rights li{
	margin-bottom: 10px;
}

/* ------------------------------- 
 * INDEX LIST
 * ------------------------------- */
ul#index_list,  #index_list ul {
	list-style: none;
}

ul#index_list li a{
	background: url(../images/img_bullet.gif) no-repeat center right ;
	color: #003c5f;
	font-size: 1.5em;
	padding: 0px 15px 0px 0px;
}

ul#index_list ul {
	margin: 5px 0px 10px;
}

ul#index_list ul li {
	color: #333333;
}

/* ------------------------------- 
 * CONTENT RIGHT COLUMN
 * ------------------------------- */
#aboutpaul {
	width: 210px;
	line-height: 1.2em;
	font-size: 1em;
	margin-left: 50px;
}
#tc_box {
	width: 209px;
	line-height: 1.6em;
	margin-left: 50px;
	margin-top: 2px;
}

/* ------------------------------- 
 * INFO SQUARE
 * ------------------------------- */
.blue_square {
	background: #003c5f;
	color: #fff;	
}

.blue_square h2 {
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
}

.blue_square p {
	font-size: .9em;
	margin: 5px 0px;
}

.blue_square a {
	color: #fff;
	font-size: .8em;
	text-transform: uppercase;
}

/* ------------------------------- 
 * BLUE BOX
 * ------------------------------- */
.blue_box h2 {
	font-size: 1.4em;

	/*text-transform: uppercase;*/
}

.blue_box h3 {
	margin-top: 10px;
}

.blue_box p {
/*	font-size: .9em;*/
	margin: 10px 0px;
}

.blue_box a, .blue_box li a  {
	color: #fff;
	/*font-size: .8em;*/
	/*text-transform: uppercase;*/
}

.blue_box ol {
	list-style-type: decimal;
}

.blue_box ol, .blue_box ul{
	list-style-position: outside;
	margin: 5px 25px;
}

.blue_box li{
	margin: .2em 0px;
}
/* ------------------------------- 
 * GREEN BOX
 * ------------------------------- */
.green_box h2 {
	font-size: 1.4em;

	/*text-transform: uppercase;*/
}

.green_box h3 {
	margin-top: 10px;
}

.green_box p {
/*	font-size: .9em;*/
	margin: 10px 0px;
}

.green_box a, .green_box li a  {
	color: #be5001;
	/*font-size: .8em;*/
	/*text-transform: uppercase;*/
}

.green_box ol {
	list-style-type: decimal;
}

.green_box ol, .green_box ul{
	list-style-position: outside;
	margin: 5px 25px;
}

.green_box li{
	margin: 1.1em 0px;
}


/* ------------------------------- 
 * FOOTER
 * ------------------------------- */
#footer a{
	color: #a93d00;
	text-transform: uppercase;
	text-decoration: none;
}

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

#footer span.copyright{
	color: #000000;
}