html, body {
   margin	     	: 0;
   padding		: 0;
   font			: normal 10pt/12pt verdana, arial, helvetica, sans-serif;
   color         	: black;
   background-color	: #fffff0;
	background-image: url(./images/hld-back.gif);
}

P, ADDRESS, TD, DL,DIR,MENU, H1,H2,H3,H4,H5,H6 {
	margin		: 6px 0 6px 0;
}
P, ADDRESS, TD, OL,DL,UL,DIR,MENU {
	font		: normal 10pt/12pt Verdana, Arial, Helvetica, sans-serif;
}

FORM		{ margin: 0; padding: 0; }
A		{ text-decoration: underline; }
A.link		{ color: #008000; text-decoration: none; font-weight: normal; }
A.visited	{ color: #3CB371; text-decoration: none; font-weight: normal; }
A.active	{ color: red; background-color: Yellow; }
A:hover		{ color: red; background-color: Yellow; }


h1,h2,h3,h4,h5,h6 { font-family : Arial,Verdana,Helvetica,sans-serif; }

h1 {
	font		: normal 16pt/18pt Arial,Verdana,Helvetica,sans-serif;
	font-weight	: bold;
}

h1.ds {	/* Is this still used?? */
	font		: normal 16pt/20pt Verdana,Arial,Helvetica,sans-serif;
	letter-spacing	: 2px;  }

h2 {	font		: bold 110% Verdana,Arial,Sans-Serif;
	text-align	: left;
	color		: #555555;
	background	: #eeeeee;
	margin		: 2px 2px 4px 2px;
	padding		: 2px 0px 2px 5px;
	border-right	: solid 1px #f5f5f5;
	border-bottom	: solid 1px #dddddd;
	border-top	: solid 1px #f5f5f5; border-left:solid 1px #f5f5f5;
}

h3 {	font		: normal 12pt/14pt Arial,Verdana,Helvetica,sans-serif;
	font-weight	: bold;
	padding-left	: 2%;
}
td.h3 {padding-left	: 0; }

ul.bird { list-style: square outside url(images/bird16.gif);}
ul.bird li { margin-left: 4px;
				 padding: 6px 0 6px 8px;
				 font-size: larger; }


address { font-style	: italic; font-size: smaller }

PRE { font-family	: monospace; }
TT  { font-family	: "Courier New",Courier,monospace; }

.small	{ font-size	:  8pt; line-height: 10pt;}		/* small  */
.normal	{ font-size	: 10pt;}				/* default size */
.medium	{ font-size	: 12pt; line-height: 14pt;}		/* medium */
.mediumbold { font-size : 12pt; line-height: 14pt; font-weight: bold; }
.big	{ font-size	: 14pt; line-height: 18pt;}		/* large  */
.bigbold { font-size	: 14pt; line-height: 18pt; font-weight: bold; }
.huge	{ font-size	: 16pt; line-height: 22pt;}		/* x-large*/
.red	{ color		: red; }
.boldred { color	: red; font-weight: bold; }

.centred { text-align	: center; }

.banner {
	padding		: 0 0 4px 0;
	font		: normal 18pt/24pt Verdana, Arial, Helvetica, sans-serif;
	letter-spacing	: 3px;
}
.slogan {
	padding		: 0 0 24px 0;
	margin		: 0 0 24px 0;
	font-family	: Arial,Verdana,Helvetica,sans-serif;
	font-size	: 12pt;
	line-height	: 12pt;
	letter-spacing	: 0px;
	font-variant	: small-caps;
}

P.head {
	font-size	: large;
	background-color: #ffffcc;
	color		: black;
	font-weight	: bold;
	text-align	: center;
	border-style	: solid;
	border-color	: #ff9900;
	margin		: 4pt 4pt 4pt 4pt;
	padding		: 4pt;
	border-width	: 1pt
}
P.head1 {
	font-size	: x-large;
	background-color: #ffffcc;
	color		: black;
	font-weight	: bold;
	text-align	: center;
	border-style	: solid;
	border-color	: #ff9900;
	padding		: 6pt;
	border-width	: 1pt
}
P.head0 {
	font-size	: xx-large;
	background-color: #ffffcc;
	color		: black;
	font-weight	: bold;
	text-align	: center;
	border-style	: solid;
	border-color	: #ff9900;
	padding		: 4pt;
	border-width	: 1pt
}

AltP {
	font-family	: "Times New Roman","Times Roman",serif ;
	font-size	: small;
	color		: black;
	background	: transparent;
}


.boxpale {
	padding		: 4px;
	font-size	: 10pt;
	background	: #FFFFE8;
	color		: black;
	border-width	: 1px;
	border-style	: solid;
	border-color	: #ff9900;
}
.boxwhite {
	padding		: 6px;
	margin		: 4pt;
	font-size	: 10pt;
	color		: black;
	background	: white;
	border-width	: 1px;
	border-style	: solid;
	border-color	: #ff9900;
}

/* Styles for the Navigation area */
	
/* Topnav is for the top navigation bar; topnavl/lr are for the 'buttons' within it */
.topnav		{font-weight: bold; color: #ffffff; background-color: #FCB20C; text-decoration: none; }
.topnavl	{font-size: 10pt; font-weight: bold; text-decoration: none; border-left: 2px groove black;
		padding: 3px 12px 3px 12px; color: #ffffff; background-color: #FCB20C;}
.topnavlr	{font-size: 10pt; font-weight: bold; text-decoration: none;
		border-left: 2px groove black;border-right: 2px groove black;
		padding: 3px 12px 3px 12px; color: #ffffff; background-color: #FCB20C;}

.lnav 	{ margin: 3px; }
.nav	{
	margin		: 3px 9px 3px 3px;  /* Top Right Bottom Left */
	font-size	: 10pt;
	text-align	: right; }

.lnavforoldpages	{ width:120px; padding: 6px; margin: 3px 0px 36px 3px; font-size: 11pt; }
						 /* color: Black; background-color: #FFDEAD; */

/* Styles for items in the left hand column on the main page */
    .lozenge	{ text-align: center; margin: 4px 2px 4px 2px; }
    .noenslaved	{ margin: 0 4px 0 4px; }

/* Styles for the Quote */
    .quoteheader { text-align:left; padding:3px; font-size:10pt; font-weight: 600; }
    .quotetext   { text-align:left; padding:3px; font-size: 8pt; color:#606060; }
    .quoteattrib { text-align:right; padding: 0; font-size: 8pt; font-style: italic; }

.leftblock {	/* Position the Left Hand Column (Side Navigation strip) */
	display		: block;
	width		: 164px;
	height		: 100%;
	vertical-align	: top;
	margin		: 0 10px 0 0;
	font-size	: 11pt;
	color		: black;
	background-color: #ffdead; /* Was #FCB20C;  #FCF0D3; is closest to PDF example but looks sad on-screen */
}


.midleft {
	display		: block;
	float		: left;
	width		: 45%;
	height		: 100%;
	font-size	: 10pt;
	background	: white;
	color		: black;
	border-width	: 1px;
	border-style	: solid;
	border-color	: #ff9900;
	padding		: 6px;
	margin		: 6px;
}

.midright {
	display		: block;
	float		: right;
	width		: 45%;
	height		: 100%;
	font-size	: 10pt;
	background	: white;
	color		: black;
	border-width	: 1px;
	border-style	: solid;
	border-color	: #ff9900;
	padding		: 6px;
	margin		: 6px;
}

/* Styles for the RSS Feed (www/feed) */
    .rss-items { margin: 0; padding: 0 0 0 4px; }
    .rss-title { display: none; }
    .rss-item  {
	font-size	: 8pt;
	list-style	: none;
	text-decoration	: none;
	font-weight	: normal;
	padding-bottom	: 0.5em;
    }
    .rss-item a {
	font-size	: 10pt;
	line-height	: 10pt;
	font-weight	: bold;
    }


/* Quick Menu is on the Shop pages */
	#quickmenu	{
		padding		: 4px;
		border-width	: 0;
		border-style	: solid;
		border-color	: #ff9900; }
	#quickmenu h2	{
		margin		: 0;
		padding		: 0;
		border		: none;
		color		: #ff9900;
		text-align	: center; }
	#quickmenu ul	{
		padding		: 0;
		margin		: 0 0 0 20px; 
		text-indent	: -20px;
		list-style-type	: none;
		font-size	: 90%; }
	#quickmenu ul a	{
		padding		: 2px;
		margin		: 1px;
		color		: #999999;
		text-decoration	: none; }
	#quickmenu ul a:link	{ color:#999999; }
	#quickmenu ul a:visited	{ color:#999999; }
	#quickmenu ul a:active	{ color:#ff0000; }
	#quickmenu ul a:hover	{ color:#DE7008; text-decoration:none; }
	/* mainpanel puts right border for separation from quick menu */
	.mainpanel	{
		padding		: 0 4px 0 2px;
		border-width	: 0 1px 0 0;
		border-style	: solid;
		border-color	: #ff9900; }



div.box { border: inset; border-width: medium; width: 100%; color: black; background-color : #F0FFFF;  }

div.NR {
	font		: normal 16pt/36pt Verdana, Arial, Helvetica, sans-serif;
	font-weight	: bold;
	text-transform	: capitalize;
}

div.NRfrom {
	font		: normal 14pt/20pt Verdana, Arial, Helvetica, sans-serif;
	font-weight	: bold;
}

/* How to preload graphcs using CSS - from http://specere.net/blogs/?p=4 */
#preloadedImages {
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url(path/to/image1.png);
       background-image: url(path/to/image2.png);
       background-image: url(path/to/image3.png);
       background-image: url(path/to/image4.png);
       background-image: url();
}
/* The next step is to load this in your page. Insert <div id="preloadedImages"></div>
   once in the body of the page you are preloading these images. Now you can reference
   them anywhere on your page (rollovers, alternate image states, etc.), and the image
   will load instantly from cache.
*/