/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#nav, 
#nav ul {padding:0; margin:0; list-style:none; font: 12px arial, verdana, sans-serif; 
	background: url(transparent.gif); position:relative; z-index:100;}
#nav {height:23px; width:100%; padding:0; background:#5e2617/* #983c25*/;}

#nav table {border-collapse:collapse;}
#nav li {float:left; border-left:1px solid #000;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#FFF; height:23px; padding:0 20px 0 10px; 
	line-height:22px; text-decoration:none; white-space:nowrap; font-weight:bold; 
    }
#nav li li a {height:21px; line-height:20px; float:none; color: #983c25;} /*controls 2nd level menu, non-hover*/

#nav li:hover {position:relative; z-index:100; background:#FFE1B2}
#nav a:hover {position:relative; z-index:100; background:#FFE1B2}
#nav li:hover > a { background: #FFE1B2 /*#843*/; color:#000000;}  /*1st level hover, set color her */

#nav :hover  ul {left:0; top:23px; background: #FFE1B2 ; border-right:1px solid #000; z-index:300;
	filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=0.85); -moz-opacity: 0.85;}   /*1st level list*/
#nav a:hover ul {left:-1px; }   

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0; } 

/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}

/* show path followed */
#nav li:hover li:hover > a {background:#843000; color:#FFE1B2/*white/*#000*/; border-left:1px solid #843;} /*changes 2nd level hover color*/

#nav li a:hover ul li a:hover {background:#843;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,                                 
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}


/*Remainder of CSS for site by BankCD Man */   
body {font-family: verdana; width:100%; padding: 0px; font-size: 10pt; font-family: verdana; margin: 0px;}

#top {position: absolute; left: 0px; top:0px; width: 100%; height: 95px; 
	margin: 0px; padding: 0px;}
#topa {   position:absolute;left:0px;top:0px;width:235px;height:95px; 
	background: url(images/brown_artistic_squares.jpg); z-index: 3; margin: 0px;  padding: 0px;}   
#topb {position:absolute; left: 0px; top: 0px; width:100%; height: 95px;   padding: 0px;
	background: url(images/brown_with_black_line_slice-524x116.jpg) repeat-x; z-index: 2; margin: 0px;}
#topc {position:absolute; left: 0px; top: 95px; width:100%; height: 8px;     padding: 0px;
	background: url(images/brown_with_black_line-760x8.jpg) repeat-x; z-index: 2; margin: 0px;}
.toptxt {position:absolute; left:18px; top:20px; width:370px; height:52px; 
	color: #FFE1B2; font-size:32px; line-height:38px; z-index: 5; font-weight: normal;}
.topqte {position:absolute; left:42px; top:55px; width:370px; height:52px; 
	color: #FFE1B2; font-size:18px; z-index: 5; font-style: italic;}
#menub {position: absolute; top: 95px; left: 0px; width: 100%; z-index:99; margin: 0px;  padding: 0px;}
 
#side {position: absolute; right: 10px; top: 131px; border: solid 1px #983c25; width: 170px; /*height: 200px;*/ 
	padding-left: 5px; z-index: 1;}
#middle {position: absolute;  left: 5px; top: 129px; /*border: solid 1px blue;*/ width: 78%;  
	padding-left: 5px;; z-index: 1;}
/*width 336px; height 280px */
.ad1 {position: relative; left: 5px; top: 10px; width: 0px; height: 0px; 
	 z-index: 1;}    
TABLE {COLOR: #000000;      FONT-FAMILY: "Verdana";      FONT-SIZE: 11pt}     
th {font-size: 10pt; font-weight: bold;}
td {font-size: 9pt; text-align: center;}  
td.lft {font-size: 10pt; text-align: left; vertical-align: top;}     

#lnk, 
#lnk ul {padding:0; margin:0; list-style:none; font: 12px arial, verdana, sans-serif; 
	background: url(transparent.gif); position:relative; z-index:100;}
#lnk {height:23px; width:100%; padding:0; }

#lnk table {border-collapse:collapse;}
#lnk li {float:left; }
#lnk li li {float:none;}
/* a hack for IE5.x and IE6 */
#lnk li a li {float:left;}

#lnk li a {display:block; float:left; color:black; height:23px; padding:0 20px 0 10px; 
	line-height:22px; text-decoration:underline; white-space:nowrap; font-weight:bold; 
    }
#lnk li li a {height:21px; line-height:20px; float:none; color: #983c25; text-decoration:none;}

#lnk li:hover {position:relative; z-index:100; background:#FFE1B2}
#lnk a:hover {position:relative; z-index:100; background:#843000; color:#000; 
	}
#lnk li:hover > a { background: #FFE1B2 /*#843*/; color:blue;}  /*1st level hover*/

#lnk :hover  ul {left:0; top:23px; background: #FFE1B2 ;  color: blue; z-index:300;
	}   /*1st level list*/
#lnk a:hover ul {left:-1px;}

#lnk ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#lnk li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#lnk li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#lnk li:hover li:hover > a {background:#843; color:blue; border-left:1px solid #843;}

#lnk li a:hover ul li a:hover {background:#843;}
          
.p10 {font-family: "Verdana"; padding-bottom: 2.5px;     
	font-size: 10pt; font-weight: normal; word-spacing: 2px; text-align: left;}
    
.foot {font-family: "Verdana"; padding-top: 15px;     
	font-size: 8pt; font-weight: normal; word-spacing: 2px; text-align: left;}
	
a:link {COLOR: #e48861;      TEXT-DECORATION: underline; font-weight: bold; font-size: 10pt;}
a:active {COLOR: #e48861;      TEXT-DECORATION: underline; font-weight: bold; font-size: 10pt;}
a:visited {color: #b14620;      TEXT-DECORATION: none; font-weight: bold; font-size: 10pt;}
a:hover {COLOR: #e48861; text-decoration: underline; font-size: 10pt;}

.p10  a:link {COLOR: #e48861;      TEXT-DECORATION: underline; font-weight: bold; font-size: 10pt;}
.p10 a:active {COLOR: #e48861;      TEXT-DECORATION: underline; font-weight: bold; font-size: 10pt;}
.p10 a:visited {color: #b14620;      TEXT-DECORATION: none; font-weight: bold; font-size: 10pt;}
.p10 a:hover {COLOR: #e48861; text-decoration: underline; font-size: 10pt;}

.foot  a:link {COLOR: #e48861;      TEXT-DECORATION: underline; font-weight: bold; font-size: 8pt;}
.foot a:active {COLOR: #e48861;      TEXT-DECORATION: underline; font-weight: bold; font-size: 8pt;}
.foot a:visited {color: #b14620;      TEXT-DECORATION: none; font-weight: bold; font-size: 8pt;}
.foot a:hover {COLOR: #e48861; text-decoration: underline; font-size: 8pt;}


.h2, .h2r, .h3, .h3c {font-size: 18px; font-weight: bold; margin: 0px;}	
.h2 { font-size: 14px; }
.h2r { font-size: 14px; font-style: italic; color: #A52549; }
.h3c {text-align: center; font-size: 12px; }
.h3 {font-size: 12px; }

.hrfoot {COLOR: #843000; padding: 0px; margin: 0px;}
     
div.img_bk { position: relative; margin: 5px; float: right;   z-index: 4;}
div.txt_rt { position: relative; margin: 10px auto; float: right; padding: 10px;  width: 300px; 
	 border:1px solid #b14620; z-index: 4;}
form.calc {width: 500px;}

div.clr {clear: both ;}