body
	{
		margin: 0;
		padding: 0;
		font: 100% arial, hevetica, sans-serif;
		text-align: center;
		color: #000;
		background-color: #ffffcc;
		background-attachment: fixed;
		background-image: url(siteimages/bkgrd.gif);
	}
	


	#container
	{	
		border: 1px solid #330000;
		margin: 0 auto;
		width: 680px;
		text-align: left;
		background-color: #ffffcc;
		background-repeat: repeat-y;
		background-position: left;
		background-image: url(siteimages/mainshad.gif);
	}
	
	#header
	{	
		height: 146px;
		background-repeat: no-repeat;
		background-position: 0 0;
		border-bottom: 1px solid #330000;
		position: relative;
		background-position: top right;
		background-repeat: no-repeat;
		background-image: url(siteimages/header.jpg);
	}
	
	#header h1
	{
		font-size: 1px;
		color: #fff;
		margin: 0;
		padding: 0;
	}

	#mainnav
	{
		background-color: #993300;
		padding: 0;
		margin-bottom: 0px;
		border-bottom: 1px solid #330000;
	}
	
	#mainnav ul
	{
		margin: 0 0 0 5px;
		padding: 0 10px;
		text-align: right;
	}
	
	#mainnav li
	{
		display: inline;
		padding: 0 10px;
		font-variant: small-caps;
		font-size: 16px;
	}
	
	#mainnav li a
	{	
		width:100px;
		font-weight: bold;
		text-decoration: none;
		color: #ffc;
	}
	
	#mainnav li a:hover
	{
		text-decoration: underline;
		color: #ffffcc;
		background-color: #993300;
	}
	
	#mainnav li a:active
	{
		text-decoration: none;
		color: #ffffcc;
		background-color: #993300;
	}
	

	
	#contents  h2
	{
 		padding: 20px 0;
		margin: 0 0 10px 0;
		color: #330000;
		font-size: xx-large;
		font-variant: small-caps;
	}

	 h3
	{
 		padding: 5px 0 0 5px;
		margin: 0 0 5px 0;
		color: #6C6B6B;
		font-size: medium;
		font-style: normal;
		font-variant: small-caps;

	}

	#menu
	{	
		float: left;
		margin: 0;
		padding: 0;
	}
	

	#menu ul
	{

		margin: 0;
		padding: 0;
		list-style-type: none;
		z-index: 1;	
	}

	#menu li a
	{
		background-repeat: repeat-y;
		background-position: right;
		background-image: url(siteimages/buttonshad.gif);
		display: block;
		width: 145px;
		padding: 3px 5px 3px 5px;
		text-decoration: none;
		color: #330000;
		background-color: #99cc99;
		border-top: 2px solid #ffffcc;
		border-bottom: 1px solid #ffffcc;
		border-left: 5px solid #ffffcc;
		font-size: 14px;
		font-variant: small-caps;
		font-weight: bold;
		letter-spacing: 2px;
	}

	#menu li a:hover
	{
		background-repeat: repeat-y;
		background-position: right;
		background-image: url(siteimages/buttonhovershad.gif);
		text-decoration: none;
		color: #ffffcc;
		background-color: #993300;
	}
	
	#menu li a:active
	{
		text-decoration: none;
		color: #330000;
		background-color: #99cc99;
		background-repeat: repeat-y;
		background-position: right;
		background-image: url(siteimages/buttonshad.gif);

	}
	
	#externallinks
	{	
		float: left;
		margin: 0;
		padding: 0;
	}
	
	#externallinks ul
	{

		margin: 0;
		padding: 0;
		list-style-type: none;
		z-index: 1;	
	}

	#externallinks li a
	{
		background-repeat: repeat-y;
		background-position: right;
		background-image: url(siteimages/extbuttonshad.gif);
		display: block;
		width: 145px;
		padding: 3px 5px 3px 5px;
		text-decoration: none;
		color: #fff;
		background-color: #A1A79F;
		border-top: 2px solid #ffffcc;
		border-bottom: 1px solid #ffffcc;
		border-left: 5px solid #ffffcc;
		font-size: 14px;
		font-variant: small-caps;
		font-weight: bold;
		letter-spacing: 2px;
	}

	#externallinks li a:hover
	{
		background-repeat: repeat-y;
		background-position: right;
		background-image: url(siteimages/buttonhovershad.gif);
		text-decoration: none;
		color: #ffffcc;
		background-color: #993300;
	}
	
	#externallinks li a:active
	{
		text-decoration: none;
		color: #fff;
		background-color: #A1A79F;
		background-repeat: repeat-y;
		background-position: right;
		background-image: url(siteimages/extbuttonshad.gif);

	}
	#menu li li a
	{
		display: block;
		width: 145px;
		background-repeat: repeat-y;
		background-position: right;
		background-image: url(siteimages/nestbuttonshad.gif);
		text-decoration: none;
		color: #330000;
		background-color: #ffffcc;
		border-top:none;
		border-bottom: 1px solid #330000;
		font-variant: normal;
		font-weight: normal;
		letter-spacing: 0;
	
	}


	#menu li li li a
	{
		display: block;
		width: 150px;
		
		padding: 3px 1px 3px 9px;
		text-decoration: none;
		color: #330000;
		background-color: #ffffcc;
		border-top:none;
		border-bottom: 1px solid #330000;
		font-variant: normal;
		font-weight: normal;
		letter-spacing: 0;
	
	}

	
	#menu li li a:active
	{
		text-decoration: none;
		color: #330000;
		background-repeat: repeat-y;
		background-position: right;
		background-image: url(siteimages/nestbuttonshad.gif);
		background-color: #ffffcc;
	}
	
	#contents
	{
		position: relative; 
		float: right; 
		z-index : 0; 
		width: 500px; 
		margin: 0; 
		padding: 5px 10px 20px 10px; 
		color: #330000;
		background-color: #ffffff;
		line-height: 145%; 
	}

	#contents li
	{
		margin: 0 0 0 10px;
	}

	#contents pre
	{
		font: 100% arial, hevetica, sans-serif;
	}
	.contentsection
	{
		font-size: small;
		padding: 0;
		margin : 0;

	}
	
	 #contents h1
	{
		color: #330000;
		font-size: large;
		font-style: italic;
		font-family: times, "Times New Roman", palatino, serif;
	}

	#contents hr
	{
		color: #330000;
		width: 100%;
	}

	#footer
	{	
		padding: 0 5px 3px 0;
		text-align: right;
		clear: both;
		height: 1em;
		background-color: #99cc99;
		border-top: 1px solid #330000;
		
	}
	
	#footer a 	
		{ 
		font-size: small;
		text-decoration: none;
		color: #330000;
		}

	.spacer
	{
		clear: both;
	}
	
	
	.imagebox
	{	
		float: left;
		padding: 0;
		margin: 0;
		/*background-color: none;*/
	}

	.captionclear
	{
	clear: both;
	}

	.caption
	{
		line-height : 110%; 
		float: left;
		padding: 0 5px 0 10px;
		width: 135px;

		margin: 0;

	}

	.imagefloatr
	{
		float: right;
		padding: 2px;
		border: 1px solid #330000;
		margin: 10px 0 10px 0;
	}

	.imagefloatlnoborder
	{
		float: left;
		padding: 0;
		border: 1px solid none;
		margin: 0 10px;
	}

	.imagefloatrnoborder
	{
		float: right;
		padding: 0;
		border: 1px solid none;
		margin: 0;
	}
	.imagefloatl
	{
		float: left;
		padding: 2px;
		border: 1px solid #330000;
		margin: 10px 20px 10px 0;
	}
	
	.imagefloatth
	{
	
		float: left;
		margin: 2px 0 3px 0;
		padding: 2px;
		border: 1px solid #330000;
	}

	img
	{

		border-style: none;
	
	}
	
	 .page
		{
		font-size: x-large;
		margin: 0;
		padding: 0;
		}

	.page a:link 	
		{ 
		font-size: large;
		/*color: #993300;*/	
		}

	.page a:visited 
		{ 
		font-size: large;
		}

	#logobox
		{
		text-align: center;
		}