body { background-color: #00FFFF; }

p, td, li, dd   { font-family: Helvetica, Arial, sans-serif; font-size: 0.9em;  }

td p { font-family: Helvetica, Arial, sans-serif; font-size: 0.9em;  }

h1 { font-size: 1.8em; font-family: Helvetica, Arial, sans-serif; margin-bottom: -5px; color: #000000;}

h2, .heading2 { font-size: 1.2em; font-family: Helvetica, Arial, sans-serif;  color: #000000;}

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



.contentArea { margin-left: 1px; margin-right: 1px; margin-top: 1px; padding: 10px;} /* */

.contentArea p { line-height: 1.5em; }



.pageTitleArea { } /* margin-left: 100px; used for non-article pages */

.pageTitleArea img { } /* margin-left: -100px;  */



.articleTitle { color: black; font-family: Helvetica, Arial, sans-serif; text-align: center; } 

.title { color: black; font-size: 2em; font-family: Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; text-align: center; }

.subtitle { color: black; font-size: 1.0em; font-family: Helvetica, Arial, sans-serif; font-style: italic; font-weight: normal;  }

.author { color: black; font-size: 1.3em; font-family: Helvetica, Arial, sans-serif; font-style: normal; margin-top: 20px; text-align: center; }

.teaser { font-style: normal; font-size: 0.9em; color: black; font-family: Helvetica, Arial, sans-serif; }



.categTitle { color: gray; font-size: 0.9em; font-family: Helvetica, Arial, sans-serif;}

.dateIssue { color: black; font-size: 0.8em; font-family: Helvetica, Arial, sans-serif; margin-left: 38px; margin-top: 60px;}

.authorBioTitle  { color: black; font-size: 1.2em; font-family: Helvetica, Arial, sans-serif; }

.authorBio { font-size: 0.9em;  }

.articleCopyright { font-size: 0.75em; font-family: Helvetica, Arial, sans-serif; }

.nav { color: white; font-size: 1.0em; margin-left: 55px; margin-bottom: 15px; font-family: Helvetica, Arial, sans-serif; font-weight: normal; text-transform: uppercase;}

.categories { font-size: 1.2em; margin-top: 10px; margin-bottom: 10px }

.categoriesDetail { margin-left: -20px }

.contentTable { background-color: #ffffff }

.frontPageText { font-family: Helvetica, Arial, sans-serif; font-size: 0.9em; line-height: 1.65em}

.frontPageText .teaser { font-style: italic; font-size: 0.9em; color: #555555; font-family: Helvetica, Arial, sans-serif; line-height: 0.9em;}

.footerText { color: black; font-size: 10px; font-family: Verdana, sans-serif; text-align: center; margin-left: 120px;}



.indentA { margin-left: 15px; }

.indentB { margin-left: 25px; }

.indentC { margin-left: 45px; }

.field { color: #663300; font-size: 12px; }

.indexArticleTitle { font-size: 1.6em; font-family: Helvetica, Arial, sans-serif; line-height: 0.9em; }

.sidebarTitle { background-color: #FF0066; border-top: 1px solid #FF0066; border-left: 1px solid #FF0066; border-right: 1px solid #FF0066 }

.sidebarTitle p { color: black; font-size: 1.2em; font-family: Helvetica, Arial, sans-serif; } /*FAEBC4, gray*/

.sidebarBody {border: 1px solid #FF0066; background-color: white; }

p.sidebarText { font-family: Helvetica, Arial, sans-serif; font-size: 0.9em; line-height: 1.2em; }

li.style1 { list-style: square; }

li.style2 { list-style: none; }

.footnotes { font-size: 0.85em; }

.relatedLinks { font-size: 0.9em; background-color: #eeeeee; border: 1px solid #cccccc; padding: 5px; }

.quote { margin-left: 20px; margin-right: 20px; background-color: #eeeeee; border: 1px solid #cccccc; padding: 10px; }

.quote2 { margin-left: 20px; margin-right: 20px; padding: 10px; }

.quote3 { margin-left: 20px; margin-right: 20px; padding: 10px; font-style: italic; }

.quote4 { margin-left: 40px; margin-right: 40px; padding: 10px; }

.bkgrdBox { margin-left: 20px; margin-right: 20px; background-color: #eeeeee; border: 1px solid #cccccc; padding: 10px; }

.bkgrdBox2 { margin-left: 0px; margin-right: 0px; background-color: #eeeeee; border: 1px solid #cccccc; padding: 10px; }

p.small { font-family: Helvetica, Arial, sans-serif; font-size: 0.85em; line-height: 1.2em; }

.letter-body { margin-left: 20px; margin-right: 15px; padding: 10px; border-left: 1px solid #aaaaaa; border-right: 2px solid gray; border-top: 1px solid #aaaaaa; border-bottom: 2px solid gray;  }

.caption { font-size: 0.9em; margin-left: 20px; margin-right:20px; }



#blogroll { background-color: white; border: 1px solid black; }

#blogrollOLD { width: 220px; margin-top: 10px; padding-left: 15px; border-left: 2px solid #ccc; float: right; }

#blogroll .blogEntry { margin-bottom: 10px;}

#blogroll .datetime { font-size: 0.8em; color: gray;}

#blogroll .descrip { font-size: 0.95em; color: black;}



a:link { color: black; text-decoration: underline }

a:visited { color: black; text-decoration: underline }

a:hover { color: gray; text-decoration: none }

a.noline:link { color: black; text-decoration: none }

a.noline:visited { color: black; text-decoration: none }

a.noline:hover { color: gray; text-decoration: underline }

a.backToTop:link { color: black; text-decoration: none; font-size: 0.75em; }

a.backToTop:visited { color: black; text-decoration: none; font-size: 0.75em; }

a.backToTop:hover { color: gray; text-decoration: underline; font-size: 0.75em; }

.nav a:link { color: white; text-decoration: none; }

.nav a:visited { color: white; text-decoration: none; }

.nav a:hover { color: #FFFF99; text-decoration: underline;  }

a.nav:link { color: white; text-decoration: none; }

a.nav:visited { color: white; text-decoration: none; }

a.nav:hover { color: #FFFF99; text-decoration: underline; }

.indexArticleTitle a:link { color: #3C5B47; text-decoration: none }

.indexArticleTitle a:visited { color: #3C5B47; text-decoration: none }

.indexArticleTitle a:hover { color: #FFFF99; text-decoration: underline }

.articleLink a:link { color: #3C5B47; text-decoration: underline; font-size: 0.9em }

.articleLink a:visited { color: #3C5B47; text-decoration: underline; font-size: 0.9em }

.articleLink a:hover { color: #FFFF99; text-decoration: none; font-size: 0.9em }

.sea a:link { color: #000000; text-decoration: underline; font-size: 0.9em }

.sea a:visited { color: #000000; text-decoration: underline; font-size: 0.9em }

.sea a:hover { color: #555555; text-decoration: none; font-size: 0.9em }

.theme a:link { color: #000000; text-decoration: underline; font-size: 0.9em }

.theme a:visited { color: #000000; text-decoration: underline; font-size: 0.9em }

.theme a:hover { color: #555555; text-decoration: none; font-size: 0.9em }

a.footerLink:link { color: black; text-decoration: underline; }

a.footerLink:visited { color: black; text-decoration: underline; }

a.footerLink:hover { color: gray; text-decoration: none; }

a.lostList:link { color: white; text-decoration: none; font-size: 0.9em; font-weight: bold; font-family:  'Calisto MT', 'Book Antiqua', Georgia, serif;}

a.lostList:visited { color: white; text-decoration: none; font-size: 0.9em; font-weight: bold; font-family:  'Calisto MT', 'Book Antiqua', Georgia, serif;}

a.lostList:hover { color: #FFFF99; text-decoration: underline; font-size: 0.9em; font-weight: bold; font-family:  'Calisto MT', 'Book Antiqua', Georgia, serif;}



.number, a.number {

	margin-right: 0px;

	margin-left: 6px;

	border: 1px solid #BEC8CC;

	padding: 2px 5px;

	color: #663300;

	text-decoration: none;

}

a.number {

	font-weight: bold;

	color: #663300;

	background-color: #F6E39C;

	text-decoration: none;

}

a.number:hover {

	background-color: #516A6C;

	color: #FFFFFF;

	text-decoration: none;

}

		/* basic elements*/

		html

		{

			margin: 0;

			/* setting border: 0 hoses ie6 win window inner well border */

			padding: 0;

		}

		

		body

		{

			margin: 0;

			/* setting border 0 hoses ie5 win window inner well border */

			padding: 0;

			text-align: center; /* center on ie */

		}

		

		#container

		{

			position: relative;

			margin: 0 auto; /* center on everything else */

			text-align: left;

			width: 1000px;

			border: 0px solid red;

			height: 100%;

			background-image: url(images-sound/sound-midback-date.gif);

			background-repeat: no-repeat;

			background-position:208px 1px; 

		}

		

		#containerHP

		{

			position: relative;

			margin: 0 auto; /* center on everything else */

			text-align: left;

			width: 1007px;

			border: 0px solid red;

			height: 100%;

			background-image: url(images-sound/sound-iebkgrd.gif);

			background-repeat: no-repeat;

			background-position:0px 3px; 

		}



		#container-inner { 

			position: static;

			width: auto;

			margin: 0 0 0 0;

			border-left: 0px solid black;

			border-right: 0px solid black;

			height: 100%;

		}

		

		#container-innerHP { 

			position: static;

			border: 0px solid black;

			height: 100%;



		}



		#zero

		{ 

			width: 1007px;

			height: 122px;

			margin: 0 0 0 0;

			padding: 0 0 0 0;

			border-bottom: 0px solid blue;

		}

		

		#alpha, #beta, #gamma, #delta

		{

			display: inline; /* ie win bugfix */

			position: relative;

			float: left;

		}

				

		/* page layout */



		#alpha

		{ 

			width: 208px;

			margin: 0 0 0 0;

			border: 0px solid green;



		}

		

		#alpha-inner 

		{

			margin: 0;

			padding: 0;

		}

		

		#beta

		{

			width: 752px; 

			margin: 0 0 0 0;

			border: 0px solid blue;

			padding: 0 0 0 0;

		}

		

		#betaHP

		{

			width: 795px; 

		}

		

		#beta-inner 

		{

			border: 0px solid red;

			text-align: justify;

			margin: 50px 0px 0px 0px;

			padding: 0 0 0 0;

		}

		

		#beta-innerHP

		{

		}

		

		#beta-inner-articleBody

		{

			border: 2px solid black;

			background-color: white;

			text-align: left;

			margin: 100px 10px 10px;

			float: left;

			display: inline;

		}

	

		#gamma

		{

			width: 1px;

			margin: 0 0 0 0;

			border: 0px solid orange;

		}



		#gamma-inner 

		{

			width: 100%;

			margin: 0px 0px 0px 0px;

		}

		

		#footer

		{ 

			position: relative;

			width: auto; /* necessary for ie win */

			clear: left;

			border: 0px solid green;

		}

		

		#footer-inner

		{ 

			position: static;

		}