/* Created using Style Master from Western Civilisation CSS1 { 48 229 558 625 } */

body, p, td, li {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000;
font-size: 10pt;
}

/* Because Netscape Navigator 4 does not allow inheritance into tables, and breaks inheritance after tables, rather than simply setting properties on the body and relying on inheritance, we explicitly set the properties using a selector group. */

/* This basic style sheet provides selectors for the most commonly used elements. Use it as the basis for your style sheets. */

h1, h2, h3, h4, h5, h6 {}

h1 {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000;
font-size: 18pt;
}

h2 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 16pt;
color: #000000;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14pt;
color: #000000;
}

h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12pt;
color: #000000;
}

h5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #ffffff;
}

h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000000;
}

p {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000;
font-size: 10pt;
border-color: ;
border-right: thin;
border-left: thin;
}

a:link {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #0080c0;
font-size: 10pt;
text-decoration: none;
}

a:visited {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #0080c0;
font-size: 10pt;
text-decoration: none;
}

a:hover {
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #0080c0;
font-size: 10pt;
text-decoration: underline;
}

a:active {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;
color: #0080c0;
text-decoration: none;
}


/* NEW!!! MAIN Column Content container for a page using both navigation and information side bars -- */
 /* NEED TO CHECK IT ALL TO ASSURE IT WORKS-- */

#content {float: left; width: 300px; #width: 300px; padding: 5px 5px 5px 5px; background-color: #ffefff; color: #000000; font-size: .9em;}

  #content h1 {padding: 5px 5px 5px 0px; display: inline; font-size: 1.3em; text-transform: uppercase; font-weight: bold; font-style:italic; color: #3333FF; font-variant: small-caps;}

  #content h2 {padding: 5px 5px 5px 0px; display: inline; font-size: 1.0em; font-style:italic; color: #3333FF; font-variant: small-caps;}

  #content h3 {padding: 5px 5px 5px 0px; display: inline; font-size: .7em; font-style:italic; color: #3333FF; font-variant: small-caps;}

/* REMARKED OUT FOR NOW... 
  #content a:link, #content a:visited {display: block; margin: 1px 0px 1px 0px; padding: 2px 5px 2px 5px; color: #ffffff; font-variant: small-caps; text-decoration: none;}

  #content a:hover, #content a:active {display: block; margin: 1px 0px 1px 0px; padding: 2px 5px 2px 5px; background-color: #0000CC; text-decoration: none;} 

  #content hr {color: #0099FF; width: 30%; height: 1px;}
  */

/* NEW!!! MAIN Column Content container - WIDE at bottom -- */
 /* NEED TO CHECK IT ALL TO ASSURE IT WORKS-- */

#contentwide {float: left; width: 500px; #width: 500px; padding: 5px 5px 5px 5px; background-color: #ffefff; color: #000000; font-size: .9em;}

  #contentwide h1 {padding: 5px 5px 5px 0px; display: inline; font-size: 1.3em; text-transform: uppercase; font-weight: bold; font-style:italic; color: #3333FF; font-variant: small-caps;}

  #contentwide h2 {padding: 5px 5px 5px 0px; display: inline; font-size: 1.0em; font-style:italic; color: #3333FF; font-variant: small-caps;}

  #contentwide h3 {padding: 5px 5px 5px 0px; display: inline; font-size: .7em; font-style:italic; color: #3333FF; font-variant: small-caps;}

      
  
/* Information Side Bar (Right Column Narrow Text) */
/* Narrow column under picture will be narrow, so font should be smaller and narrow width */
/* NOTE: These need adjusting -- */

#information {float: center; width: 200px; #width: 200px; padding: 5px 5px 5px 5px; background-color: #ffefff; color: #ffffff; font-size: .6em; border-style: solid; border-color: #993399;}

  #information h1 {padding: 5px 5px 5px 5px; display: inline; font-size: .7em; text-transform: uppercase; color: 0080FF; font-style:italic;}

  #information h2 {padding: 5px 5px 5px 5px; display: inline; font-size: .7em; font-style:italic;}

  #information h3 {padding: 5px 5px 5px 5px; display: inline; font-size: .6em; font-style:italic;}

  #information a:link, #information a:visited {font-size: .8em; padding: 5px 5px 5px 5px; display: block; margin: 1px 0px 1px 0px; padding: 2px 5px 2px 5px; color: #0000FF; font-variant: small-caps; text-decoration: none; font-style:italic;}

  #information a:hover, #information a:active {font-size: .8em; padding: 5px 5px 5px 5px; display: block; margin: 1px 0px 1px 0px; padding: 2px 5px 2px 5px; color: #FFFFFF; background-color: #993399; text-decoration: none; font-style:italic;}

  #information hr {width: 75%; height: 1px;}

  

/* Text and Graphics - coordinate left to right */
/* This worked OK on 3/20/09 */


img.listitemleft {display: block; float: left; padding: 0px 5px 0px 0px; vertical-align: middle;}

img.listitemright {display: block; float: right; padding: 0px 0px 0px 5px; vertical-align: middle;}

b.listitem {font-size: 1.1em; font-variant: small-caps; font-weight: bold;}

p.listitem {text-indent: 0px; height: 100%; padding: 0px 0px 3px 0px; text-align: justify;}




/* Bullet styles */
/* Bullet styles BELOW are from the internal style sheet at www.alistapart.com/stories/taminglists */
div#content #base li, div#content #zero li, div#content #one-em li, div#content #bullet li, div#content #bread-sample li {
		list-style-position: outside;
		list-style-type: disc;
		list-style-image: none;
	}

#base, #zero, #one-em, #bullet, #bullet-inside, #custom, #custom-gen {
	border: 0px solid #000;
	margin: 1em;
	width: 20em;
	padding: 0px;
	}
		
	div#content #zero ul {
		margin-left: 0;
		padding-left: 0;
		}
	
	#one-em ul {
		margin-left: 1.1em;
		padding-left: 0;
        line-height: 1.1;
		}

	#bullet ul {
		list-style-image: url(/i/listblack.gif);
		list-style-position: outside;
		}

	#bullet-inside ul {
		list-style-type: disc;
		list-style-image: url(/i/listblack.gif);
		list-style-position: inside;
		padding-left: 0;
		}

	#custom ul {
		list-style: none;
		margin-left: 0;
		padding-left: 1em;
		text-indent: -1em;
		}

	#custom li, #custom-gen li {
		list-style-image: none;
		list-style-type: none;
		}
	

	#custom-gen ul {
		list-style: none;
		margin-left: 0;
		padding-left: 1em;
		text-indent: -1em;
		}

	#custom-gen ul li:before {
		content: "\00BB \0020";
		}


#button {
	width: 12em;
	border-right: 1px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	background-color: #90bade;
	color: #333;
	}
	
	#button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	#button li {
		border-bottom: 1px solid #90bade;
		margin: 0;
		list-style: none;
		list-style-image: none;
		}
	
	#button li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #1958b7;
		border-right: 10px solid #508fc4;
		background-color: #2175bc;
		color: #fff;
		text-decoration: none;
		width: 100%;
		}

	html>body #button li a {
		width: auto;
		}

	#button li a:hover {
		border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0;
		background-color: #2586d7;
		color: #fff;
		}

-->