body {
	background-color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #CCCCCC;
	margin-left: 10%;
	/*
	margin-right: 10%;  
	*/
	max-width: 800px;
}
h1   {
	font-weight: normal;
	color: #CCCCFF;
	font-style: italic;
	font-size: 3em;
}
h2   {
	font-weight: normal;
	color: #CCCCFF;
	font-size: 2em;
	font-style: italic;
	line-height: 1.2em;
}
h3  {
	font-weight: normal;
	font-size: 1.5em;
	font-style: italic;
	color: #CCCCFF;
}
h4  {
	font-weight: normal;
	font-style: italic;
	color: #CCCCFF;
}

img  {         /* keeps border from appearing on images that are links */
	border: none;
}  
.img-padding img  {  /* on CD page and elsewhere */
	padding: 10px;
}
.padding {  /* on how to page and elsewhere */
	padding: 20px;
}
.no-bullet  {
	list-style-type: none;
}
.center  {
	text-align: center;
}
.normal  {
	font-style: normal;
}
.italics  {
	font-style: italic;
}
.yellow  {
	color: #FFFF00;
}
.lilacbold  {  /* on how to pages */
	color: #CCCCFF;
	font-weight: bold;	
}
.width-600  {        	/* sets page width at 650px */
	max-width: 600px;
}
.width-650  {        	/* sets page width at 650px */
	max-width: 650px;
}
.width-700  {        	/* sets page width at 700px */
	max-width: 700px;
}

.border  {      /* styles for borders around text headings */
	border: thin solid #CCCCCC;
	width: 50%;
	padding: 10px;
	margin: 10px 10px 10px 0px;
}
.border-smllr  {
	border: thin solid #CCCCCC;
	width: 40%;
	padding: 10px;
	margin: 10px 10px 10px 0px;
}
.border-xsmllr  {
	border: thin solid #CCCCCC;
	width: 75%;
	padding: 10px;
	margin: 0px 10px 10px 0px;
}

#title  {           /* INDEX PAGE RULES BELOW */
	margin-top: 20px;
	margin-bottom: 40px;
}
.front-text {
	margin-right: 50px;
	margin-left: 20px;
}
#left-list  {     /* styles the 2 text link columns at bottom of entry page */
	margin-left: 0px;
	padding-left: 0px;
}
#right-list  {
	margin-left: 0px;
	padding-left: 0px;
}
#left-list ul, #right-list ul   {
	font-size: .9em;
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	line-height: 1.5em;
}
ul.entertext  {    /* next 4 style the enter and exit buttons */
	float: left;
	padding: 0;
	margin: 0;
}
.entertext li  {
  	list-style-type: none;
	font-size: 3em;
	margin: 0 0 0.75em 0;
}
.entertext a, .entertext a:visited {
  	display:block;
 	width:4.5em;
 	border:1px solid #CCCCCC;
	text-align:center;
	text-decoration:none;
	background:#000000;
	color:#FF0033;
	padding:0.25em;
  }
.entertext a:hover {
	background:#CCCCCC;
	color:#660066;
	border:1px solid #CC66CC;
  }
#shares  {
	margin-top: 0px;
	margin-bottom: 0px;
}
#banners img {       /* banners at bottom */
	float: left;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 30px;
}

/* MAIN HOMEPAGE STYLES */
#main-title  {       			
	margin-bottom: -0.3em;
	/*  margin-top: 0;  */		/* option to lessen space above title */
}
.topmargin  {
	margin-top: -1.5em;	
}
.main-image-div  {
	padding-left: 50px;
}
 /* styles for links boxes along left side of homepage */
 /*
ul.mainlist  {    
	float: left;
	width: 25%;
	padding: 0;
	margin: 0;
}
*/
ul.mainlist  {    
	float: left;
	padding: 0;
	margin: 0;
}
.mainlist li  { 
  	list-style-type: none;
	font-size: 1.2em;
	margin:0 0 .3em 0;
}
.mainlist a, .mainlist a:visited {
  	display:block;
 	width: 100%;
 	border:1px solid #CCCCCC;
	text-decoration: none;
	background:#000000;
	padding:0.25em;
  }
.mainlist a:hover {
	background:#CCCCCC;
	color:#663399;
	border:1px solid #666666;
	text-decoration:none;
  }
.greeting-txt  {
	padding: 20px;
	border: thin solid #999999;
}
.footer-list  {
	font-size: .8em;
	text-align: center;
	line-height: 1.6em;
}

.preview-sidetxt  {   /* Preview / What's New? Pages */
	float: left;
	width: 30%;
}
.smaller-text p, .smaller-text li  {   /* used only on preview page */
	font-size: .95em;
	line-height: 1.3em;
} 
.preview-content  {
	width: 65%;
	margin-left: 34%;
	list-style-type: none;
	padding: 0;
}
.preview-content li {
	margin-bottom: 5px;
	padding: 5px;
	border: thin solid #CCCCCC;
	text-align: left;
}
.preview-content li img {
	padding: 5px;
	margin: 0 5px 0 5px;
}
.preview-thumbs  {
	text-align: center;
}
.preview-thumbs a img  {
	border: thin solid #FFCC66;
} 
.preview-thumbs a:hover img  {
	border: thin solid #FF9966;
	text-decoration: none;
}
.preview-vid-thumbs  {
	text-align: right;
	margin-right: 30px;
}
.box-text h2 {
	margin-top: -.1em;
	margin-bottom: -.01em;
	margin-left: .1em;
}
.box-text h4 {
	margin-top: -.1em;
	margin-bottom: -.01em;
	margin-left: .1em;
	font-style: normal;
}
.box-links h2 a:hover, .box-links h4 a:hover  {
	background-color: #FFFFFF;
	color: #333333;
	text-decoration: none;
}

.img-left  {   /* Bio Page rules for images below */
	float: left;
	margin-right: 20px;
}
.img-right  {
	float: right;
	margin-left: 20px;
}

a:link {		/* regular links */
	color: #CCCCFF;
	text-decoration: none;
	}
a:visited {
	color: #CCCCFF;
	text-decoration: none;
	}
a:hover {
	color: #CC99FF;
	text-decoration: underline;
}

.under a:link  {     /* links with underlines */
	color: #CCCCFF;
	text-decoration: underline;
	}
.under a:visited  {
	color: #CCCCFF;
	text-decoration: underline;
	}
.under a:hover  {
	color: #CC99FF;
	text-decoration: underline;
}

.underyel a:link  {     /* links with underlines and yellow text */
	color: #FFFF00;
	text-decoration: underline;
	}
.underyel a:visited  {
	color: #FFFF00;
	text-decoration: underline;
	}
.underyel a:hover  {
	color: #FFFF00;
	text-decoration: underline;
}