/* 
First Jersey Credit Union Style Sheet
Author: Matt Henry (matt@ksand.com)
Last Modified: 23 Feb 06 (esmale@ksand.com)
*/

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background:#000033;
  color: #1679a3;
}

/*Page Positions*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#page_wrapper{
	border: solid 1px #666666;
	padding: 1px;
	width: 804px;
	background: #FFFFFF;
	}

#head {
	margin: 0;
	}
/* IE7 Only */
*:first-child+html #navigation {
	float: left;
	width: 235px;
	text-align: left;
	margin-left:2px;
}
* html #navigation {
	float: left;
	width: 235px;
	text-align: left;
	margin-left:1px;
	}
#navigation {
	float: left;
	width: 235px;
	text-align: left;
    margin-left: 2px;
	}

#body_container {
	float: left;
	width: 565px;
	padding: 0px;
	}

#foot {
	clear: both;
	text-align: left;
	}

#headline{
	padding: 15px 0;
	background: #A2C9D8;
	text-align: left;
	}
#headline-home{
	padding: 12px 0px 12px 0px;
	background: #A2C9D8 url('images/fjcu_headline_image.jpg') bottom right no-repeat;
	text-align: left;
	
	}
/* IE6 Only */
* html #headline-home {
padding: 6px 0px 4px 0px;
}

/* IE7 Only */
*:first-child+html #headline-home {
padding: 6px 0px 4px 0px;
}


#headline-sub{
	padding: 12px 0px 12px 0px;
	background: #A2C9D8;
	text-align: left;
	
	}
/* IE6 Only */
* html #headline-sub {
padding: 6px 0px 4px 0px;
}

/* IE7 Only */
*:first-child+html #headline-sub {
padding: 6px 0px 4px 0px;
}

#page_copy{
	padding: 5px 0px 10px 15px;
	text-align: left;
	background-color: #fff;
	}
#print-forms{font-size:12px;}
/*Copy Styles*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


#PrintHeader{ display:none;}


h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000033;
	line-height: 23px;
	background: #A2C9D8;
	}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #1679A3;
	line-height: 20px;
}

.headline_image {
	padding: 0;
}
#headline_image {
	padding-top: 40px;
	margin-top: 0px;	
}
.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1679A3;
	line-height: 20px;
	padding: 0 12px;
	}
	
.matrix {
	/*border-bottom: solid 1px #333;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1679A3;
	padding: 0 6px;
	}

.headerrow {
	background: #1679A3;
	color: #FFF;
}

.altrow {
	background: #CCC;
}

/* Mortgage Table Borders */

.corner_topleft {
	border-top: solid 2px #1679A3;
	border-left: solid 2px #1679A3;
}
.corner_topright {
	border-top: solid 2px #1679A3;
	border-right: solid 2px #1679A3;
	border-left: solid 1px #1679A3;
}
.corner_bottomleft {
	border-bottom: solid 2px #1679A3;
	border-left: solid 2px #1679A3;
}
.corner_bottomright {
	border-bottom: solid 2px #1679A3;
	border-right: solid 2px #1679A3;
	border-left: solid 1px #1679A3;
	border-top: solid 1px #1679A3;
}
.side_left {
	border-left: solid 2px #1679A3;
}
.side_right {
	border-top: solid 1px #1679A3;
	border-right: solid 2px #1679A3;
	border-left: solid 1px #1679A3;
}
.internal_top {
	border-top: solid 2px #1679A3;
	border-left: solid 1px #1679A3;
}
.internal_bottom {
	border-top: solid 1px #1679A3;
	border-bottom: solid 2px #1679A3;
	border-left: solid 1px #1679A3;
}
.internal {
	border-top: solid 1px #1679A3;
	border-left: solid 1px #1679A3;
}

/*Side Navigation Styles*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*Menu Swaps*/
/*------------------------------------------------------------------------------------------------*/
#side-nav_menu  {
	width: 213px;
	}

#side-nav_menu a {
	display:block;
	margin: 0; 
	padding: 3px 0px 4px 40px;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#333333;
   	background: url("/images/fjcu_side_nav.gif") 0 0 no-repeat;
	text-decoration: none;
   	}

#side-nav_menu a:hover {
	background-position: -213px 0;
   	color: #004E71;	
	}

#side-nav_menu a:active {
   	background-position: -426px 0;
	color: #333333;
   	}

/*Column Formatting*/
/*------------------------------------------------------------------------------------------------*/
#side-nav_border1 {
	width: 215px;
	border-top: solid #FFFFFF 10px;
	border-bottom: solid #A2C9D8 45px;
	background: #FFFFFF;
	margin: 0px 0px 0px 10px;
	}

#side-nav_border2 {
	width: 215px;
	border-top: solid #333333 10px;	
	border-bottom: solid #FFFFFF 5px;	
	}

#side-nav_container {
	width: 213px;
	border: solid #CCCCCC 1px;	
	padding: 10px 0px 45px 0px;
	/* background: url("/images/fjcu_side_rest.gif");*/
	}

#side-nav_photo1_border {
	width: 215px;
	padding: 15px 10px 0px 10px;
	background: #A2C9D8;
	}

#side-nav_photo2_border {
	padding: 0px 10px 0px 10px;
	background: #FFFFFF;	
	}

/*Footer Styles*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/	
#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0A4575;
	line-height: 18px;
    margin-left:300px;
	}

#footer_border {
	border-top: solid #FFFFFF 5px;
	border-bottom: solid #A2C9D8 30px;
	/*width: 800px;*/
	padding: 0px 10px 25px 10px;
	}

#footer a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0A4575;
	text-decoration: underline;
	}	
	
#footer a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0A4575;
	text-decoration: underline;
	}
	
#footer a:hover {
	background: #0A4575;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	}

#footer a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0A4575;
	text-decoration: underline;
	}

/*Navigation Styles*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/*General Formatting*/
/*------------------------------------------------------------------------------------------------*/
#nav, #nav ul { /*container properties*/
	font-size: 10px;
	font-family: Arial, Helvetica, serif;
	text-align: left;
	float: left;
	width: 800px;
	list-style: none;
	line-height: 1;
	background: #004E71;
	font-color: #FFFFFF;
	font-weight: bold;
	border: solid #FFFFFF;
	border-width: 0px 0px 1px 0px;
	padding: 0;
	margin: 0;
	}

#nav a { /*text properies*/
	display: block;
	text-decoration: none;
	padding: 10px 15px 10px 15px;
	color: #FFFFFF;
	}
	
/*Item Size Styles*/
/*------------------------------------------------------------------------------------------------*/
#nav a.ul50_pixel { /*50 pixel wide*/
	display: block;
	list-style: none;
	width: 50px; /*list width*/
	w\idth: 50px; /*item width*/
	}

#nav a.ul100_pixel { /*100 pixel wide*/
	display: block;
	list-style: none;
	width: 100px; /*list width*/
	w\idth: 100px; /*item width*/
	}

#nav a.ul150_pixel { /*150 pixel wide*/
	display: block;
	list-style: none;
	width: 140px; /*list width*/
	w\idth: 140px; /*item width*/
	}

/*List Styles*/
/*------------------------------------------------------------------------------------------------*/
#nav a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
	}

#nav li { /*first level list postition */
	float: left;
	padding: 0;
	}

#nav li ul { /*second level border properties*/
	position: absolute;
	left: -9999px;
	height: auto;
	width: 175px;
	w\idth: 170px;
	font-weight: normal;
	border-width: 1px;
	margin: 0px;
	}

#nav li li { /*second level list size*/
	padding-right: 10px;
	width: 160px;
	}

#nav li ul a { /*second level list widths*/
	width: 140px; /*list width*/
	w\idth: 140px; /*item width*/
	}

#nav li ul ul {
	margin: -17px 0 0 140px;
	}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -9999px;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfhover, #nav li:hover p, #nav li.sfhover p  { /*mouse over background color*/
	background: #FFCC00;
	}

/*List Link Copy Styles*/
/*------------------------------------------------------------------------------------------------*/
#nav a:link {
	color: #FFFFFF;
	}
	
#nav a:visited {
	color: #FFFFFF;
	}	
	
#nav a:hover {
	color: #004E71;
	}

/*Loan Calculator Styles*/
/*------------------------------------------------------------------------------------------------*/
P.err{
  color: #CC0000;
  font-weight: bold;
  font-size: 13px;
}
#params TABLE{
  border: 1px solid #666666;
  background: #EDEDED;
}
#params TH{
  font-size: 13px;
  background: #666666;
  color: #FFFFFF;
}
#calculate_btn{
  padding: 10px;
}
#powered_by, #powered_by *{
  font-size: 10px;
  margin-top: 10px;
  text-align: center;
  color: #BBBBBB;
  text-decoration: none;
}

#summary{
	margin-bottom: 20px;

}
#schedule TD{
  background: #EDEDED;
}
#schedule TH{
  font-size: 13px;
  background: #666666;
  color: #FFFFFF;
}