@charset "utf-8";
/* CSS Document */
* {margin:0;padding:0;border:0}
body {font-family: Arial, Helvetica, sans-serif;color:#593213; background:#CCC;}
h1 {font-size:16px; font-weight:lighter; letter-spacing:1px;}
p {font-size:12px;}
a {color:#99000E;}
a:hover {color:#999999; text-decoration:none;}
/* SCROLLER */
.scrollleft {float:left; width:245px; height:106px;}
.scrollright {float:right; width:285px; padding:10px; height:auto; text-align:left}

/* LAYOUT */
#header {position:relative; margin:0px auto; width:963px; height:457px; background: url(images/shadow_bg.gif) repeat-y}
#headerimg {position:absolute; top:20px; left:8px; width:947px; z-index:1;}
#headerlogo {position:absolute; top:-31px; right:8px; width:188px; z-index:20;}
#headertag {position:absolute; top:100px; left:100px;z-index:20; font-size:30px;color:#FFF;font-family:Helvetica,Arial;}

#contentcontainer {margin:0px auto; width:963px; height:auto; background: url(images/shadow_bg.gif) repeat-y}
#pagetop {position:absolute; top:0px; left:0px;margin:0px auto; width:947px; height:10px; background:url(images/contenttop.png) repeat-x}
#pagehead {padding: 10px 0 0 20px; text-align:left;}
#pageheadOther {padding:20px 10px 20px 30px; width:660px; text-align:left;}
#pagecontent {position:relative;margin:0px auto; width:947px; height:200px;background: #FFF url(images/pagebg.png) repeat-x}
#pagecontentA {position:relative;margin:0px auto; width:947px; height:auto; background: #FFF url(images/pagebg.png) repeat-x}
#pagebottom {margin:0px auto; width:963px; height:17px; background:url(images/pagebottom.gif) no-repeat 1px;}

#footer {margin:0px auto;  margin-top:-5px; width:963px; height:auto; font-size:10px; color:#333333;}
.footleft {float:left; padding-left:10px;}
.footright {float:right; padding-right:10px;}
#footer a {font-size:10px; color:#333333; text-decoration:none;}
#footer a:hover {font-size:10px; color:#333333; text-decoration:none;}

#utilitybox {position:absolute; top:11px; left:704px; width:222px; height:170px; padding:20px 10px 0 10px; background: url(images/shadowdivider.png) no-repeat 0 0; text-align:center;}
.sbox {width:100%; height:auto;}
.sboximg {float:left; padding-right:10px; width:72px;}
.sboxcontent {float:right; text-align:left; width:140px; padding-top:4px;}
.sboxcontent p {font-size:11px;}
#pagescroll {position:absolute; top:10px; left:2px; width:680px; height:170px; padding:0 10px 0 10px;}
#pagenoscroll {position:absolute; top:10px; left:2px; width:680px; padding:0 10px 0 10px;}
#scrollarrows {position:absolute; width:680px; height:43px; background:url(images/scrollarrows.png) no-repeat 0 0; left: 9px; top: 80px;}
#arrowleft {position:absolute; width: 35px; height: 35px; left: 14px; top: 85px;}
#arrowright {position:absolute; width: 35px; height: 35px; left: 650px; top: 85px;}
.learnlink {text-align:right; font-size:11px;}
.learnlink a {color:#593213; text-decoration:none;}
.learnlink a:hover {color:#99000E; text-decoration:underline;}
.clear { clear: both; margin: 0; padding: 0; }
#topnav, #topnav ul {
  font-family:"Trebuchet MS",Arial, Helvetica, sans serif;
  font-size:11px;
  letter-spacing:1px;
  font-weight:bold;
  background-color:#FFF;  
  z-index:100;
  margin:0px auto;
  }

#topnav {
  width:947px; 
  z-index:100;   
  height:18px;
  }

#topnav a, #topnav .iemenufix {
  display:block;
  color:#593213;
  text-decoration:none;
  text-align:left;
  padding:5px 12px 3px 12px;
  z-index:100;
  line-height:12px; /* this line height fixes the menu height setting so must remain in css */
  min-height:12px; /* Fix for Safari on Macintosh and Firefox on PC */
  }
  
#topnav a:hover {
  background-color:#593213;
  display:block;
  color:#FFF;
  text-align:left;
  min-height:12px; /* Fix for Safari on Macintosh and Firefox on PC */  
  }  

#topnav li { 
  float:left;
  background-repeat:no-repeat;
  background-position:top left;
  z-index:100;
  list-style-type:none;
  }
  
#topnav li li {
  padding-top:7px; /* this setting controls the line space between each menu item */
  margin-left:0.5em;  
  width:100%;
  z-index:100;
  list-style-type:none;
  }

#topnav li li a { padding-left:1em; z-index:100; color:#CCC;list-style-image:none;}
#topnav li li a:hover { color:#FFF; z-index:100; background-image:url(images/topnav_block.gif); background-repeat:no-repeat;list-style-type:none;}

#topnav li ul {
  position:absolute;
  background-color:#593213;
  filter: Alpha(opacity=80);
  -moz-opacity:.8;
  opacity:.8;
  left:-999em; /* using left instead of display to hide menus because display:none isn't read by screen readers */ 
  text-align:left;
  padding-right:0.75em;
  height:437px;
  width:12.5em;
  z-index:100;list-style-type:none;
  }

#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
  left:-999em;
  z-index:100;
  }

#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul { 
  left:auto;
  z-index:100;
  }
  
#topnav ul ul li {border:none}

/* Styles for scrolling layers  
	 Specify width and height in hold and wn, and in clip for wn */
div#hold	{
	position:absolute;
	overflow:hidden;
	width:550px;
	height:114px;
	z-index:100;
	left: 81px;
	top: 49px;
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:550px; height:114px; 
	clip:rect(0px, 550px, 114px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div#lyr1	{ 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:1; 
	}
  
/* table containing images. adjust according to your images' sizes and numbers */
table#t1 { width:2200px }
table#t1 td { width:550px; vertical-align:middle; text-align:center }  
.tblStandard {font-size:12px;}
.tblTxtField { border:1px solid #593213;}