/* CSS Document */
/*
   style.css
   Franchise Bancorp Website Stylesheet (http://www.franchisebancorp.com)
   Created by Robert French (rfrench@robertfrench.ca)
   Copyright 2009 Franchise Bancorp Inc. - All Rights Reserved.
*/


* { 
	margin: 0;
}

html{
 height: 100%;
 width: 100%;
}

body { 
	background:url(./images/main-bg.gif) 0 0 repeat-x #DeD8C0; 
	color: #000000;
	margin: 22px 0 0; 
	padding:0; 
	font:14px/20px Arial, Helvetica, sans-serif;
	height: 100%
}

.wrapper { 
	min-height: 100%;
	height: auto !important;
 	height: 100%;
	margin: 0 auto -90px;
}

div, p, h1, h2, h3, ul { 
	padding:0px; margin:0px;
}

ul {
	list-style-type:none;
}

/*-- top panel --*/
#topPanHome {
	width:764px; 
	height:232px; 
	position:relative; 
	margin:0 auto;
}

#topPanHome ul {
	width:764px;
	margin-left: 180px;
}

#topPanHome ul li {
	float:left; 
	font:12px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	text-transform:uppercase;
}

#topPanHome ul li a {
	width:112px; 
	height:30px; 
	display:block; 
	color:#1A1917;  
	text-decoration:none; 
	text-align:center;
}

#topPanHome ul li a:hover { 
	background:url(../images/menubg-hover.gif) 0 0 no-repeat #D1CDB9; 
	color:#1A1917;
}

#topPanHome ul li.menupadding {
	margin:0 0 0 1px;
	color:#FDFDFD;
	background:url(../images/menubg-normal.gif) 0 0 no-repeat #D1CDB9;
	display: inline; 
}

#topPanHome ul li.home {
	width:112px; 
	height:30px; 
	color:#FDFDFD;
	display:block; 
	background:url(../images/menubg-hover.gif) 0 0 no-repeat #D1CDB9; 
	text-align:center;
}

#topPanHome h1 {
	display:block; 
	width:764px; 
	height:110px; 
	background:url(../images/header-sm.gif) 0 0 no-repeat; 
	text-indent: 225px; 
	color: white;
	margin: 0; 
	clear:both;
}



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

#topPan {
	width: 764px; 
	height: 142px; 
	position: relative; 
	margin: 0 auto;
}

#topPan ul {
	width:764px;
	margin-left: 180px;
}

#topPan ul li {
	float:left; 
	font:12px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	text-transform:uppercase;
}

#topPan ul li a {
	width:112px; 
	height:30px; 
	display:block; 
	color:#1A1917;  
	text-decoration:none; 
	text-align:center;
}

#topPan ul li a:hover { 
	background:url(../images/menubg-hover.gif) 0 0 no-repeat #D1CDB9; 
	color:#1A1917;
}

#topPan ul li.menupadding {
	margin:0 0 0 1px;
	color:#FDFDFD;
	background:url(../images/menubg-normal.gif) 0 0 no-repeat #D1CDB9;
	display: inline; 
}

#topPan ul li.home {
	width:112px; 
	height:30px; 
	color:#FDFDFD;
	display:block; 
	background:url(../images/menubg-hover.gif) 0 0 no-repeat #D1CDB9; 
	text-align:center;
}

#topPan h1 {
	display:block; 
	width:764px; 
	height:130px; 
	background:url(../images/header-sm.gif) 0 0 no-repeat; 
	text-indent: 225px; 
	color: white;
	margin: 0; 
	clear:both;
}

#toplinkPan { 
	width:768px; 
	height:119px;
	position:relative; 
	margin:0 auto;
}



#toplinkCompanyGlobalPan {
	width:248px; 
	height:73px; 
	float:left; 
	background:url(../images/global-normal.gif) 0 0 no-repeat #D1CDB9; 
	margin: 10px 8px 0 0; 
	color:#fff;
}

#toplinkCompanyGlobalPan a {
	text-decoration:none; 
	display:block; 
	width:248px; 
	height:73px;
	margin: 0px 8px 0 0;
}

#toplinkCompanyGlobalPan a:hover {
	margin: 0;
	text-decoration:none; 
	background:url(../images/global-hover.gif) 0 0 no-repeat;
	
}

#toplinkCompanyGlobalPan p {
	display: block; 
	width: 200px; 
	height: 15px; 
	position: relative; 
	top: 0px; 
	left: 0px; 
	font: 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin: 8px 0;
}

#toplinkCompanyLivingPan {
	width:248px; 
	height:73px; 
	float:left; 
	background:url(../images/living-normal.gif) 0 0 no-repeat #D1CDB9; 
	margin: 10px 8px 0 0; 
	color:#fff;
}

#toplinkCompanyLivingPan a {
	text-decoration:none; 
	display:block; 
	width:248px; 
	height:73px;
	margin: 0px 8px 0 0;
}

#toplinkCompanyLivingPan a:hover {
	margin: 0;
	text-decoration:none; 
	background:url(../images/living-hover.gif) 0 0 no-repeat;
	
}

#toplinkCompanyLivingPan p {
	display: block; 
	width: 200px; 
	height: 15px; 
	position: relative; 
	top: 0px; 
	left: 0px; 
	font: 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin: 8px 0;
}

#toplinkCompanyRaftersPan {
	width:248px; 
	height: 73px; 
	float:left; 
	background:url(../images/rafters-normal.gif) 0 0 no-repeat #D1CDB9; 
	margin: 10px 8px 0 0; 
	color:#fff;
}

#toplinkCompanyRaftersPan a {
	text-decoration:none; 
	display:block; 
	width:248px; 
	height:73px;
	margin: 0px 8px 0 0;
}

#toplinkCompanyRaftersPan a:hover {
	margin: 0;
	text-decoration:none; 
	background:url(../images/rafters-hover.gif) 0 0 no-repeat;
	
}

#toplinkCompanyRaftersPan p {
	display: block; 
	width: 200px; 
	height: 15px; 
	position: relative; 
	top: 0px; 
	left: 0px; 
	font: 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	margin: 8px 0;
}

/*-- /top panel --*/

/*-- section nav --*/
#sectionNav {
	width: 764px; 
	height: 30px; 
	position: relative; 
	margin: 0 auto;
}

#sectionNav ul {
	width:764px;
	margin-left: 110px;
}

#sectionNav ul li {
	float:left; 
	font:12px/30px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	text-transform:uppercase;
}

#sectionNav ul li a {
	width:112px; 
	height:30px; 
	display:block; 
	color:#1A1917;  
	text-decoration:none; 
	text-align:center;
}

#sectionNav ul li a:hover { 
	background:url(../images/menunavbg-hover.gif) 0 0 no-repeat #D1CDB9; 
	color:#1A1917;
}

#sectionNav ul li.menupadding {
	margin:0 0 0 1px;
	color:#FDFDFD;
	background:url(../images/menunavbg-normal.gif) 0 0 no-repeat #D1CDB9;
	display: inline; 
}

#sectionNav ul li.home {
	width:112px; 
	height:30px; 
	color:#FDFDFD;
	display:block; 
	background:url(../images/menunavbg-hover.gif) 0 0 no-repeat #D1CDB9; 
	text-align:center;
	  
}


/*-- /section nav --*/


/*-- body panel --*/
#bodyPan {
	width:652px; 
	background:url(../images/bodytopbg.gif) 0 0 no-repeat #fff; 
	color:#1A1917; 
	position:relative; 
	margin:0 auto; 
	padding:0 56px;
}

#bodyPan h1 { 
	width:652px; 
	height:32px; 
	display:block; 
	background:url(../images/welcomebg.gif) 0 100% repeat-x; 
	font:28px/26px Georgia, "Times New Roman", Times, serif; 
	padding:42px 0 0;
}

#bodyPan h1 span { 
	
	color:#9A0000; 
	font-size:26px;
}

#bodyPan h2 {
	width:350px; 
	height:32px; 
	display:block; 
	background:url(../images/dotline.gif) 0 100% repeat-x #fff; 
	font:28px/26px Georgia, "Times New Roman", Times, serif; 
	padding:42px 0 0; 
	color:#9A0000;
}

#bodyPan p {
	padding:18px 0 0 0;
}


#bodyPan p img {
	border: none;
	margin: 0 5px 0;
}




#bodyPan p.bigtext {
	background:#fff; 
	font-size:18px; 
	color:#91858E; 
	font-weight:bold; 
	padding:18px 0 0;
}

#bodyPan p.more { 
	left: 200px;
	width:89px; 
	height:39px;
	padding: 0;
}

#bodyPan p.more a {
	display:block; 
	width:89px; 
	height:39px; 
	background:url(../images/more1.jpg) 0 0 no-repeat #FBFBFB; 
	color:#fff;  
	font:14px/36px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold; 
	text-transform:uppercase; 
	text-decoration:none; 
	margin:0 0 0 562px; 
	text-align:center;
}

#bodyPan p.more a:hover {
	text-decoration:none; 
	background:url(../images/more2.jpg) 0 0 no-repeat;
}

#bodyPan p.morenext {
	width:89px; 
	height:60px; 
	right:0px; 
	top:0px; 
	clear:both;
}

#bodyPan p.morenext a {
	display:block; 
	width:89px; 
	height:39px; 
	background:url(../images/more2.jpg) 0 0 no-repeat #FBFBFB; 
	color:#fff;  
	font:14px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	text-transform:uppercase; 
	text-decoration:none; 
	margin:0 0 0 262px; 
	text-align:center;
}
	
#bodyPan p.morenext a:hover { 
	text-decoration:none; 
	background:url(../images/more1.jpg) 0 0 no-repeat;
}

#bodybottomPan { 
	width:764px; 
	height:42px;
	background:url(../images/bodybottombg.gif) 0 0 no-repeat #D1CDB9; 
	position:relative; 
	margin:0 auto; 
	clear:both; 
}

#bodyPan ul {
	width:630px; 
	height:110px; 
	margin:20px 0 0;
}

/* Retardedness is heres */ 
#bodyPan ul li {
	background:url(../images/arrow.jpg) 0 4px no-repeat; 
	padding:0 0 0 20px;
}

#bodyPan ul li a {
	background:#fff; 
	color:#9A0000; 
	text-decoration:none;
}

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

/*-- /body panel --*/

div#moreInfo {
  margin: 0px 20px 0px 20px;
  display: none;
}




.toggler  { cursor:pointer; font-size:18px; font-weight:bold; color:#B3A7A0; margin: 0; padding:18px 0 0;  }  
.toggler:hover   {background:#fff; }  
.element     { padding:0 5px; }  


/*-- footer panel --*/
.stickypush {
	height: 90px;
}


.stickyfooter {
  height: 90px;
}

#footermainPan { 
	height: 90px; 
	background: url(../images/footerbg.gif) 0 0 repeat-x #000; 
	color:#fff; 
	margin:8px 0 0; 
	padding: 10px 0 0;
}

#footerPan {
	width:730px; 
	height: 90px; 
	display:block;
	position:relative; 
	margin:0 auto;
}

#footerPan p {
	padding:51px 0 0;
}

#footerPan p span {
	background:#1C1B19; 
	color:#AC2626; 
	font-size:10px;
}

#footerPan p.copyright { 
	background:#1F1D1B; 
	margin:0; 
	display:block; 
	position:absolute; 
	bottom:40px; 
	right:23px; 
	color:#fff; 
	font:11px/15px Tahoma,Arial, Helvetica, sans-serif; 
	padding:0;
}

#footerPan ul {
	width:630px; 
	display:block; 
	position:absolute; 
	left: 150px; 
	top: 3px; 
	padding:0; 
}

#footerPan li { 
	float:left; 
	font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; 
	font-weight:normal;
}

#footerPan ul li a { 
	padding:0 0 0 12px; 
	color:#fff; 
	background:#181716; 
	text-decoration:none;
}

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

#footerPan ul.info {
	width:330px; 
	height:45px; 
	display:block; 
	position:absolute; 
	left:0px; 
	top:29px; 
	padding:0;
}

#footerPan ul.info li {
	display:block; 
	width:109px;
}

#footerPan ul.info li.address {
	width:97px; 
	background:url(../images/vertical-dot.gif) 100% 0 repeat-y #1C1B19; 
	color:#7B746B; 
	font-size:10px; 
	font-weight:bold; 
	padding:0 0 0 12px;
}

#footerPan ul.info li.phone {
	width:94px; 
	background:url(../images/vertical-dot.gif) 100% 0 repeat-y #1C1B19; 
	color:#7B746B; 
	font-size:10px; 
	padding:0 0 0 15px; 
	font-weight:bold;
}

#footerPan ul.info li.fax {
	width:94px; 
	background:#1C1B19; color:#7B746B; 
	font-size:10px; 
	padding:0 0 0 15px; 
	font-weight:bold;
}

#footerPan ul li span { 
	background:#1C1B19; 
	color:#AC2626; 
	font-size:10px; 
	font-weight:bold; 
	line-height:14px;
}

#footerPan ul.credit {
	width:158px; 
	background:#1C1B19; 
	color:#fff; 
	display:block; 
	position:absolute; 
	top:57px; 
	left:575px;
}


#footerPan ul.credit li{
	background:#1C1B19; 
	display:block; 
	color:#fff; 
	text-decoration:none;
	font-size: 9px;
	margin-top: -8px;
}

#footerPan ul.credit li a:hover {
	text-decoration:underline;
}

/*-- /footer panel --*/


/* nav-menu */ 

#bodyPan #nav-menu ul {
	height: 0px; 
	width:650px;
	list-style: none;
	padding: 0;
	margin: 0 0 0 0;
}

#bodyPan #nav-menu li {
	background: none;
	float: right;
	padding: 0;
	margin: 0;
}

#bodyPan #nav-menu li.hot{
	background: url(../images/page-nav-hot.gif) #fff bottom left repeat-x;
	text-decoration: none;
	color:#1A1917;

}


#bodyPan #nav-menu li a {
	background: url(../images/page-nav-normal.gif) #fff bottom left repeat-x;
	line-height: 2em;
	float: left;
	width: 9em;
	display: block;
	border: 0.1em solid #dcdce9;
	color:#FDFDFD;
	text-decoration: none;
	text-align: center;
	margin-top: 8px;
}

#bodyPan #nav-menu li a:hover{
background: url(../images/page-nav-hot.gif) #fff bottom left repeat-x;
color:#1A1917;

}

#bodyPan #nav-menu li.normal{
background: url(../images/page-nav-normal.gif) #fff bottom left repeat-x;
	
	color:#FDFDFD;
}







/* Hide from IE5-Mac \*/
#bodyPan #nav-menu li a {
	float: none
}
/* End hide */

#bodyPan #nav-menu {
	width:30em
}