@import url("../css/global.css");

/*  Two Column Pages Layout
--------------------------------------------------------------------------------------------------- */
#header {
	width: 100%;
	height: 68px;
}
#contentarea {
	background: url(../gfx/core/bg_mid.gif) repeat-y 0 0;
	clear: both;
}
#primary {
	float: right;
	width: 616px;	
}
#mainWrap {
	padding: 54px 70px 70px 31px;
	background: url(../gfx/core/bg_main2col_top.gif) no-repeat 0 0;
}
#secondary {
	float: left;
	width: 211px;
	height: 707px;
}

#box1 dl,
#box5 dl
 {
	background: transparent;
}


/* ---------| Sub Navigation Heading |--------- */

#subnav h2.loans {
	background: url(../gfx/sub/loans.jpg) no-repeat 0 0;
}
#subnav h2.clients {
	background: url(../gfx/sub/clients.jpg) no-repeat 0 0;
}
#subnav h2.about {
	background: url(../gfx/sub/about.jpg) no-repeat 0 0;
}
#subnav h2.library {
	background: url(../gfx/sub/library.jpg) no-repeat 0 0;
}
#subnav h2.control {
	background: url(../gfx/sub/control.jpg) no-repeat 0 0;
}
#subnav h2.resources {
	background: url(../gfx/sub/resources.jpg) no-repeat 0 0;
}

/* ---------| Sub Navigation |--------- */
#subnav {
	height: 413px;
	background: url(../gfx/core/subnav_mid.gif) repeat-y 0 0;
}
#subnav h2 {
	display: block;
	height:108px;
	line-height:108px;
	width:211px;
	text-indent: -9999px;
}
#subnav ul {
	height: 305px;
	background: url(../gfx/core/subnav_foot.gif) no-repeat 0 100%;
}
#subnav ul li {
	height: 25px;
	line-height: 25px;
	width: 211px;
}
#subnav ul li a {
	display: block;
	height: 25px;
	line-height: 25px;
	width: 211px;
	text-indent: 15px;
	color:#777;
	background: url(../gfx/core/subnav_item.gif) no-repeat 0 0;
}
#subnav ul li a:hover,
#subnav ul li.active a {
	background-position: -211px 0;
}

/*  Primary Content
--------------------------------------------------------------------------------------------------- */

#primary p {
	line-height: 1.5em;
	margin: 0 0 15px 0;
}
#primary ul {
	margin: 0 0 15px 23px;
}
#primary ul li {
	line-height: 1.2em;
	margin: 10px 0 10px 0;
	padding: 0 0 0 15px;
	background: url(../gfx/nav/arrow_blue.gif) no-repeat 0 2px;
}
#primary p.more {
	font-weight: normal;
	padding: 15px 0 30px 0;
}
#primary img.right {
	float: right;
	margin: 0 0 30px 30px;
}
#primary h3 {
	color:#496BA1;
	font-size: 12px;
	text-transform: capitalize;
	margin: 24px 0px 14px 0px; 
	line-height: 1.4em;
	font-weight: bold;
}

/*  Footer
--------------------------------------------------------------------------------------------------- */
#footer  {
	background: url(../gfx/core/bg_foot.gif) top no-repeat;
	padding: 30px 0px 0px 0px;
}
#footer ul  {
	padding: 7px 0px;
}
#footer ul li {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	border-right: 1px solid #ccc;
}
#footer ul li.last {
	border-right: none;
	margin: 0px;
	padding: 0px;
}
#footer p {
	padding: 0 0 0 10px;
	color:#999;
}
#footer a {
	color:#999;
	text-decoration: none;
}
#footer a:hover {
	color:#777;
}
#footer p.notice {
	width: 800px;
	padding: 40px 0 20px 0px;
	text-align: justify;
}

/* These are standard sIFR styles... do not modify
---------------------------------------------------------------------------------- */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	z-index:1;
}

/* "Decoy" style -- used to hide the browser text before it is replaced...  */

.sIFR-hasFlash #primary h2 {
	visibility: hidden;
	padding:0; 
	margin: 0 0 20px 0;
	font-size: 30px;
	height: 30px;
}

/* Easy Clearing
--------------------------------------------------------------------------------------------------- */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/*  Hack Styles
--------------------------------------------------------------------------------------------------- */

div.side {line-height: 2em; float: right; width: 160px; 
   border: solid #CCCCCC; border-width: 1px;
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   padding: 20px 20px 20px 20px; margin: 0px 0px 20px 30px; background: #FFF;}

div.pullrates {float: right; width: 160px; border: solid #CCCCCC; 
	border-width: 2px 0; font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 7px 0px 12px 12px; background: #FFF;}

div.pullphoto {float: right; width: 180px; color: #777;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 12px 20px; text-align: center;}

div.photo {float: right; width: 310px; color: #A4A4A4;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 7px 0px 12px 12px; text-align: center;}

div.question {color: #426CA6; border-top: 1px solid #CCCCCC;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; padding: 30px 9px 9px 9px;}

div.answer {padding: 2px 20px 14px 42px;}

td.team {width: 200px; text-align: center;}

a.credits:link {color: #999;
		text-decoration: none;
		font-size: 10px;
		font-weight: normal;
		font-family: Verdana, Arial, Helvetica, sans-serif;
 		text-transform: capitalize;
		letter-spacing: normal;}
a.credits:visited {color: #999;}
a.credits:hover {color: #777;}