/* background:#eaeaec url(../images/headerbg21.gif)  repeat-x; */
/* Digz Change Size Line 93+ 107+ */	

a img {border:0;}
IMG.imgbottom { vertical-align: bottom; }
IMG.imgtop { vertical-align: top; }

html { margin:0; padding:0; }
/* here is the bg of the outter part of the background - color (see siteBG) */
body { background:#FFFFFF; margin:0; padding:0; font:10pt normal "Verdana", "Arial", "Helvetica", sans-serif; /* background colorshift */
	 
	/* background-image: url(/images/nwbg4.jpg); */
	/* background-repeat: repeat-y;  */
	/* background-image: url(/images/zzxbgL.jpg); */
	/*  background-repeat: repeat-x; */
    SCROLLBAR-FACE-COLOR: #E4E6E8;
    SCROLLBAR-HIGHLIGHT-COLOR: #CDCED0;
    SCROLLBAR-SHADOW-COLOR: #CDCED0;
    SCROLLBAR-3DLIGHT-COLOR: #CDCED0;
    SCROLLBAR-ARROW-COLOR: #343E44;
    SCROLLBAR-TRACK-COLOR: #F1F1F1;
    SCROLLBAR-DARKSHADOW-COLOR: #324069
	}
	
h1{font: 16pt bold; padding:0; margin:0; color:#000000;}
h2 {margin:1em 0 .25em 0;font: 14pt bold; color:#000000;}
/* h2 {margin:1em 0 .25em 0;font: 12pt bold "Book Antiqua", "Book Antiqua", "Bookman Old Style", "Times New Roman", serif; color:#000000;} */

h2.img {margin:0; color:#000000;}
h3 {font-size:11pt; color:#000000;}
h4 {font-size:10pt; color:#000000;}

/* UL {list-style-image: url("/images/zbullets.gif"); margin-left: 15px; padding-left: 0px; vertical-align: top; padding-bottom:0px; padding-top:0px}
LI {list-style-image: url("/images/zbullets.gif"); margin-left: 0px; padding-left: 0px; vertical-align: top;padding-bottom:0px} */
ul.board li{list-style-image: url("/images/refer.gif"); margin-left: 15px; padding-right: 5px; padding-left: 0px; vertical-align: top; padding-bottom:5px; padding-top:5px; text-decoration: none};
LI {font: 9pt verdana, arial, san serif; color: #360B1F; text-decoration: none}



table {margin:0; font:100% normal "Verdana", "Verdana", "Arial", "Helvetica", sans-serif; background: transparent;} 
table.bgmid {background: transparent url("/images/layout01bg.jpg")  repeat-y;} /* not used */
table.bgbottom {background: transparent url("/images/01bgcolor.jpg") repeat;} /* not used */

table td
{margin:0; font:100% normal "Verdana", "Verdana", "Arial", "Helvetica", sans-serif; padding: 0; spacing: 0;}
th 
{COLOR: #333333; FONT-FAMILY: Arial, Verdana, helvetica; FONT-SIZE: 10pt; FONT-WEIGHT: normal}



.forms
{
   border-top-color:#696 1px solid; 
   border-left-color:#696 1px solid;
   border-right-color:#363 1px solid;
   border-bottom-color:#363 1px solid;
	background-image: url(/images/ztextboxbg.jpg); /* not used */
	background-repeat: repeat-x; 
	FONT-SIZE: 9pt;
	COLOR: #564434;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #F8F2ED;
	background-position : top;
	margin-top : 0;
	padding : 0;
	vertical-align : top;
}

input.buttons { font-size:8pt; background-color:505678; color:ffffff; border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363; }

.strike	{text-decoration:line-through; background: transparent;}
.errormsg	{ color: #cc0000; font-weight:bold; background: transparent;}
.gomsg	{ color: #006600; font-weight:bold; background: transparent;}
.required 	{ color: #ff6600; font-weight:bold; background: transparent;}


/* here is the bg of the innner part of the background - color, the height controlls the bg and can pass the page*/
#siteBg {background:#FFFFFF  margin:0; padding:0px; width:763px; position:absolute; left:50%; margin-left:-385px; margin-bottom:0px; padding-bottom:0px;background:transparent url("/images/zzBackGroundLayer.jpg"); background-repeat:repeat-y; }
/* url(/images/zzBackGroundLayer.jpg) repeat-y; */
/* single file bg   #siteBg {background:#D4D0C8 url(images/zzTASiteLayout3bg.jpg) no-repeat; height:763px; width:auto; position:absolute; left:50%; width:763px;margin-left:-385px;} */

 #zzLeftSideLayer {background:transparent url(/images/zzLeftSideLayer.jpg) no-repeat; margin:0; padding:0px; width:8px; position:absolute; left:50%; margin-left:-382px; margin-bottom:0px; padding-bottom:0px;} 
 #zzRightSideLayer {background:transparent url(/images/zzRightSideLayer.jpg) no-repeat; margin:0; padding:0px; width:7px; position:absolute; right:50%; margin-right:-382px; margin-bottom:0px; padding-bottom:0px;} 
        
		
#siteHeader {top:0px; background: transparent url("/images/spacer.gif") no-repeat; margin:0px; padding:0px; vertical-align: top;}
/* #siteContent {top:127px; background: #ffffff url("images/bodybg.gif") repeat-y; border-bottom:1px solid #003366;} */
/* #pagHead {background: url("images/searchbg.gif") no-repeat; height:10px;} */
#searchHead {background: transparent url("/images/spacer.gif") no-repeat; height:auto; margin:0; padding:0px;}
/* #searchHead {background: transparent url("/images/spacer.gif") no-repeat; height:23px; margin:0; padding:0px;} */
/* #search {display:inline; float:right; background:#ffffff url("images/zzSearchLayer.jpg") no-repeat; padding:0 5px 0 25px; height:23px; margin:0} */
#search {display:inline; float:right; background:transparent; padding:1px 3px 5px  15px; height:23px; width:220px; margin:5px;}

	#search label {color:#FFFFFF; font-weight:bold; font-size:.7em;} /* search label */
	#search #tbSearch {font-size:.6em; font-family:"Arial"; background:#b1b1af; border:1px solid #000000;}
	#search #strSearch {font-size:.6em; font-family:"Arial"; background:#b1b1af; border:1px solid #000000;}
	#search #tbSearch:focus {background:#ffffff;}
	#search #strSearch:focus {background:#ffffff;}

#utilities {margin:0; padding:0; position:absolute; top:137px; left:5px; font-size:.85em; color:#000000; font-weight:bold;} /* for date */
	#utilities a {color:#ffffff; text-decoration:none;}
	#utilities li{display:inline; list-style:none; margin:0; padding-left:.25em; font-size:.65em; font-weight:bold;}

/* Content Width */	
/* Digz Change Size */	
#siteContent {top:134px; background:transparent  }
/* transparent url("/images/zzBodyLayerbg.jpg") repeat-x; */
/* #siteContent {top:151px; background:transparent; }  */
/* controlls width and height in all pages... */
#content {clear:both; position:relative; background: transparent;  background-color: F7D04D; top:0px; left:201px; padding-left:7px; width:562px; font-size:.8em; color: #360B1F; min-height:100%; margin-bottom:0px; padding-bottom:0px; height:1000px; height: 100%; voice-family: "\"}\""; voice-family: inherit; height: auto;}
#contentIndex {clear:both; position:relative; background: transparent;  background-color: F7D04D; top:0px; left:201px; padding-left:1px; width:562px; font-size:.8em;  min-height:100%; margin-bottom:0px; padding-bottom:0px; height:1000px; height: 100%; voice-family: "\"}\""; voice-family: inherit; height: auto;}
/* url("/images/zzBodyLayerbg.jpg") repeat-x; */
/* #content {clear:both; position:relative; top:10px; left:200px; padding-left:10px; width:540px; font-size:.8em; color: #360B1F; min-height:425px;}  zzBodyLayerbg.jpg */
	#content h3 {font:1.5em normal "Book Antiqua", "Book Antiqua", "Bookman Old Style", "Times New Roman", serif; color:#666666}
#footer {clear:both;  position: relative; bottom: 0; text-align:center; background:transparent  }
	#footer address {font-style:normal; background:transparent }
	 #footer p {margin:.25em;} 
#footer keystoneLinker {clear:both;   text-align:center; background:transparent url("/images/zzBackGroundLayer.jpg"); background-repeat:repeat-y; font-size:.6em;}
	
#footerImg {clear:both; padding-bottom:0px; margin-bottom:0px; vertical-align:bottom; background:transparent url("/images/zzBackGroundLayer.jpg"); background-repeat:repeat-y;}

/* Store Features */

#MainMenu {
font:9pt normal "Arial", "Helvetica", sans-serif; color:#FFFFFF;
	position:absolute;
	top:127px;
	left:13px;
	width: 524px;
	text-align:left;}
	#MainMenu a { color:#FFFFFF; text-decoration:none; }
	#MainMenu a:hover { color:#CBE718; text-decoration:none; }
	
	#LinkColorLimeGreen a {
	font:9pt normal "Arial", "Helvetica", sans-serif; color:#CBE718;
	
			}

/* store cart info */
#CartInfo {
	position:absolute;
	top:137px;
	left:355px;
	width: 430px;
	text-align:left;
}	

/* Navigation Widths */
#navLeft, #navRight, #indexnav, #resourceNav {width:203px; height:inherit; }
/* #navLeft, #navRight, #indexnav, #resourceNav {width:178px;} */	
/* Digz Change Size */	
#navLeft {position:absolute; top:248px; left:0px;  background:transparent url("/images/zzFooterLayerPagesLeftNavbg.jpg");}
/* #navLeft {position:absolute; top:196px; left:0px;  background:transparent url("/images/zzFooterLayerPagesLeftNavbg.jpg");}  */	
#navRight {position:absolute; top:387px; left:494px;}
#indexnav, #resourceNav {background:transparent; margin-top:1em;}
#indexnav h3 {background:transparent url("/images/commnav.gif");}
	#indexnav ol li{background:#cccccc; border-bottom:1px solid #003366; border-right:1px solid #003366;}
	#indexnav a {color:#666666; background: url("/images/arrowblu.gif") no-repeat;}
	#indexnav a:hover {background:#666666 url("/images/arrowbluhi.gif") no-repeat; color:#cccccc;}

.listings {border: 1px solid #003366; width:541px;}
	.listings td {background:#ececea url("/images/listingbg.gif") repeat-x; background-position:0% 100%; font-size:8pt; padding:.5em; border-bottom:1px solid #666666;}
	.listings a {font-size:8pt;}

	.listings p {font-size:8pt;}
#resourceNav {background:#b9caa6;}
#indexnav h3, #resourceNav h3 {text-align:center; font-weight:bold; color:#ffffff; font-size:.7em; margin:0; padding:.4em;}
#resourceNav h3 {background:#ffffff url("/images/commnav.gif") no-repeat;}
	#indexnav ol, #resourceNav ol {margin:0; padding:0;}
	#resourceNav ol li {border-bottom:1px solid #336600; border-right:1px solid #336600;}
	#indexnav ol li, #resourceNav ol li {font-size:.65em; border-top:1px solid #ffffff; border-left:1px solid #ffffff; color:#ffffff;font-weight:bold;}
	#resourceNav a {color:#333300; background: url("/images/arrowgrn.gif") no-repeat;}
	#indexnav a, #resourceNav a {text-decoration:none; padding:.2em .5em .2em 1em ; display:block;}
	#resourceNav a:hover {background:#333300 url("/images/arrowgrnhi.gif") no-repeat; color:#b9caa6;}
	#indexnav a, #indexnav a:hover, #resourceNav a, #resourceNav a:hover {background-position:0% 50%;}




.font8 
	{font: 8pt/16pt Arial, Helvetica, sans-serif; background: transparent;}
.font9 
	{font: 9pt/17pt Arial, Helvetica, sans-serif; background: transparent;}
.font10 
	{font: 10pt/18pt Arial, Helvetica, sans-serif; background: transparent;}
.font12
	{font: 12pt/20pt Arial, Helvetica, sans-serif; background: transparent; }
.font14
	{font: 14pt/22pt Arial, Helvetica, sans-serif; background: transparent;}

.errormsg
	{ color: #cc0000; font-weight:bold; background: transparent;}
.strike
	{text-decoration:line-through; background: transparent;}
.underline
	{text-decoration:underline;}	
.gomsg
	{ color: #006600; font-weight:bold; background: transparent;}
.required 
	{ color: #ff6600; font-weight:bold; background: transparent;}
/* .formField
	{ color: #000000; border: #000000 1px inset;} */
.formButton 
	{border: #000000 1px inset; color: #000000; background: #999999;}
span.leftside
	{float:left; width:15%; text-align:right; font-weight:bold; background: transparent; }
span.rightside
	{float:right; width:84%; text-align:left; background: transparent;}
div.box
	{ background-image:url(/images/bg_transgrey.jpg); border-color:#CC9966; border-width:1px; padding:3px;} /* not used */
	div.boxobject
	{ background-image:url(/images/bg_transgrey.jpg); border-width:0px; padding:0px;} /* not used */
	
div.boxImage
	{ background-image:url(/images/bg_transgrey.jpg); border-color:#CC9966; border-width:1px;}
div.boxLeft
	{ background-color: #FFCC00; border-color:#443344; color:#443344; border-width:1px; padding:3px;}
.boxRight
	{ background-color: #FFCC00; border-color:#443344; color:#443344; border-width:1px; padding:3px;}
.hidden 
	{font-family: Arial, Helvetica, sans-serif; font-size: 0pt; color: #ffffff; background: transparent;}
.clear { clear: both;} /* CSS HACK: only for NN4, so now use Caio hack to cleanse palette */
/*/*/ .clear { display: none; } /* */
















/* formfield */
.texta { 
 font-size: 10px; 
 background-color: #CCCCCC; 
 border: 1px solid #666666; 
}
.buttona { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #D7E5F2; 
 color: #102132; 
 margin-left: 12px; 
 margin-top: 3px; 
 margin-bottom: 2px; 
}
.logina {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
}










.ZTEtextarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 13px;
	font-weight: normal;
	background-color:#FFFFFF;
	background:background-color:#FFFFFF;
	
}



.smText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 10px;
	font-weight: normal;
}





a.smLink  {
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 10px;
	font-weight: normal;
}

a.smLink:hover {
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 10px;
	font-weight: normal;
}

a.smLink:visited  {
	color: #990099;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 10px;
	font-weight: normal;
}

a.smLink:visited:hover {
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : underline;
	font-size: 10px;
	font-weight: normal;
}

ul {
	list-style-type: square;
}

hr {
	height: 0px; 
	border: solid #D1D7DC 0px; 
	border-top-width: 1px;
}

.XzTextEditorXbutton {
	 border: #E6E7F2 1px solid;
}

