/* Set position for header. */
.Header {
	z-index: 1;
	position: absolute;
	top: 0px;
	left: 20px;
	width: 960px;
	height: 90px;
	background-color: #370855;
}

/* Set position for New header. */
.HeaderNew {
	z-index: 2;
	position: absolute;
	top: 10px;
	left: 151px;
}


/* Set position for white header. */
.HeaderWhite {
	z-index: 1;
	position: absolute;
	top: 0px;
	left: 20px;
	width: 960px;
	height: 90px;
}

/* Set position for left margin. */
.LeftMargin {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	background-color: #370855;
}

/* Set position for left topics panel. */
.LeftTopics {
	position: absolute;
	z-index: 1;
	top: 70px;
	left: 20px;
	width: 135px;
	padding: 5px;
}

/* Set position for white writing PV. */
.LeftWritingWhite {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 600px;
	padding: 5px;
	background-color: white;
}

/* Set position for center contents. */
.CenterContents {
	position: absolute;
	top: 91px;
	left: 191px;
	width: 600px;
	padding: 5px;
	background-color: #370855;
}

/* Set position for New Left center contents. */
.CenterContentsNewLeft {
	position: absolute;
	top: 70px;
	left: 165px;
	width: 650px;
	padding: 5px;
	background-color: #370855;
}

/* Set position for wide center contents. */
.CenterContentsWide {
	position: absolute;
	top: 91px;
	left: 191px;
	width: 780px;
	padding: 5px;
	background-color: #370855;
}


/* Set position for wide center contents for New Index page. */
.CenterContentsIndex {
	position: absolute;
	top: 51px;
	left: 151px;
	padding: 0px;
	background-color: #000000;
}


/* Set position for new Short Stories main page centre contents. */
.CenterContentsShortStories {
	position: absolute;
	top: 701px;
	left: 151px;
	width: 780px;
	padding: 0px;
	background-color: #000000;
}


/* Set position for new Short Stories main page intro centre contents. */
.CenterContentsShortStoriesIntro {
	z-index: 3;
	position: absolute;
	top: 350px;
	left: 165px;
	width: 780px;
	padding: 0px;
	
}

/* Set position for new Short Stories Donation box. */
.ShortStoriesDonations {
	z-index: 3;
	position: absolute;
	top: 401px;
	left: 30px;
	width: 130px;
	padding: 0px;
	
}

/* Set position for new Short Stories Donation box. */
.ShortStoriesDonationsRight {
	z-index: 3;
	position: absolute;
	top: 461px;
	left: 730px;
	width: 200px;
	padding: 0px;
	
}

/* Set position for Short Stories Block 1. */
.ShortStoriesBlock1 {
	position: absolute;
	top: 101px;
	left: 151px;
	padding: 0px;
}

/* Set position for Short Stories Block 1. */
.ShortStoriesBlock1b {
	position: absolute;
	top: 70px;
	left: 171px;
	padding: 0px;
}

/* Set position for Short Stories Block 2. */
.ShortStoriesBlock2 {
	position: absolute;
	top: 101px;
	left: 371px;
	padding: 0px;
}

/* Set position for Short Stories Block 2b. */
.ShortStoriesBlock2b {
	position: absolute;
	top: 70px;
	left: 301px;
	padding: 0px;
}

/* Set position for Short Stories Block 3. */
.ShortStoriesBlock3 {
	position: absolute;
	top: 101px;
	left: 601px;
	padding: 0px;
}

/* Set position for Short Stories Block 3b. */
.ShortStoriesBlock3b {
	position: absolute;
	top: 70px;
	left: 541px;
	padding: 0px;
}

/* Set position for Short Stories Block 4. */
.ShortStoriesBlock4 {
	position: absolute;
	top: 101px;
	left: 751px;
	padding: 0px;
}

/* Set position for Short Stories Block 4. */
.ShortStoriesBlock4b {
	position: absolute;
	top: 70px;
	left: 611px;
	padding: 0px;
}

/* Set position for Short Stories Block 5 - black background. */
.ShortStoriesBlock5 {
	position: absolute;
	z-index: 1;
	top: 391px;
	left: 0px;
	padding: 0px;
}

/* Set position for Short Stories Main Writing Block. */
.ShortStoriesWriting {
	position: absolute;
	top: 101px;
	left: 151px;
	padding: 5px;
	width: 780px;
	background-color: white;
}


/* Set position for Home button. */
.ButtonHome {
	position: absolute;
	z-index: 2;
	top: 321px;
	left: 30px;
	padding: 0px;
}



/* Set position for Home button. */
.ButtonShortStories {
	position: absolute;
	z-index: 2;
	top: 101px;
	left: 30px;
	padding: 0px;
}

/* Set position for white center contents. */
.CenterContentsWhite {
	position: absolute;
	top: 70px;
	left: 191px;
	width: 600px;
	padding: 5px;
	background-color: white;
}

/* Set position for wide white center contents. */
.CenterContentsWhiteWide {
	position: absolute;
	top: 701px;
	left: 191px;
	width: 780px;
	padding: 5px;
	background-color: white;
}

/* Set position for index srories background panel. */
.IndexStoriesBackgroundPanel {
	position: absolute;
	top: 91px;
	left: 191px;
	width: 780px;
	padding: 5px;
	background-color: white;
}

/* Set position for right topics panel. */
.RightTopics {
	position: absolute;
	top: 91px;
	left: 866px;
	width: 180px;
	padding: 5px;
	color: #370855;
}

/* Set position for right topics panel. */
.RightTopicsIndex2 {
	position: absolute;
	top: 91px;
	left: 836px;
	width: 180px;
	padding: 5px;
	color: #370855;
}
/* Set position for right topics panel. */
.RightTopicsIndex {
	position: absolute;
	top: 91px;
	left: 786px;
	width: 260px;
	padding: 5px;
	color: #370855;
}


/* Set position for new index stripe panel. */
.Stripe1 {
	z-index: 1;
	position: absolute;
	top: 51px;
	left: 785px;
	
}

/* Set position for new index small black stripe left. */
.StripeBlackLeft {
	z-index: 2;
	position: absolute;
	top: 51px;
	left: 770px;
}


/* Set position for new index small black stripe righft. */
.StripeBlackRight {
	z-index: 2;
	position: absolute;
	top: 51px;
	left: 985px;
}

/* Set position for short stories panel. */
.Shortstories {
	z-index: 3;
	position: absolute;
	top: 80px;
	left: 785px;
	
}

/* Set position for cherry blossoms image. */
.Cherry {
	position: absolute;
	top: 91px;
	left: 191px;
	width: 600px;
}

/* Set position for cherry blossoms image. */
.Cherryright {
	position: absolute;
	top: 91px;
	left: 221px;
	width: 600px;
}

/* Set position for new mainsite image. */
.MainsiteImage {
	position: absolute;
	top: 121px;
	left: 151px;
	padding: 0px;
}

/* Set position for new mainsite image. */
.MainsiteImage2 {
	position: absolute;
	top: 81px;
	left: 0px;
	padding: 0px;
}

/* Set position for tabsbar. */
.Tabs {
	z-index: 1;
	position: absolute;
	top: 45px;
	left: 21px;
}

/* Set position for New Tabs. */
.TabsNew {
	z-index: 2;
	position: absolute;
	top: 5px;
	left: 351px;
}

/* Set position for new tabsbar. */
.TabsNew {
	z-index: 1;
	position: absolute;
	top: 55px;
	left: 151px;
}


/* Set position for homepage tube. */
.HomeTube {
	z-index: 1;
	position: absolute;
	top: 350px;
	left: 290px;
}

/* Set position for left gallery stack. */
.GalleryLeft {
	z-index: 1;
	position: absolute;
	top: 170px;
	left: 220px;
}

/* Set position for middle gallery stack. */
.GalleryMiddle {
	z-index: 1;
	position: absolute;
	top: 150px;
	left: 300px;
}

/* Set position for right gallery stack. */
.GalleryRight {
	z-index: 1;
	position: absolute;
	top: 170px;
	left: 900px;
}

/* Set position for closer right gallery stack. */
.GalleryRight2 {
	z-index: 1;
	position: absolute;
	top: 170px;
	left: 830px;
}

/* Set position for bottom gallery archive stack. */
.GalleryBottom {
	z-index: 1;
	position: absolute;
	top: 570px;
	left: 300px;
	width: 400px;
}

/* Set position for images table. */
.ImagesTable {
	z-index: 1;
	position: absolute;
	top: 590px;
	left: 305px;
}


/* Set background color of purple body. */
body.purple {
	background-color: #370855;
}

/* Set background color of black body. */
body.black {
	background-color: #000000;
}

/* Set font of body. */
body {
	font-family: Arial,sans-serif;
	text-align: left;
}




/* Set formatting for anchors */
a {
	text-decoration: none;
}

/* Set formatting for header anchors */
div#StoryAnchor a {
	color: #FFFFFF;
}

/* Set formatting for header anchors */
div#Head a {
	color: #370855;
}

/* Set formatting for lefttopics anchors */
div#Left a {
	color: #370855;
}

/* Set formatting for righttopics anchors */
div#Right a {
	color: red;
}

/* Set formatting for righttopics anchors */
div#RightStudents a {
	color: #88CC00;
}

/* Set formatting for righttopics anchors */
div#RightCats a {
	color: #FFCC00;
}

/* Set formatting for gallery paragraphs */
div#Gallery p {
	color: #C8C8C8;
}

/* Set formatting for book review titles */
div#BookReviews h2 {
	color: #FF0000;
}

/* Set formatting for book review titles */
div#BookReviews h5 {
	color: #FF0000;
}
/* Set formatting for book review titles */
div#BookReviews h4 {
	color: #8367D9;
}



/* Set no borders for images */
img {
	border-style: none;
}

/* Set floatleft for images */
img.Floatleft {
	float: left;
	margin-right: 10px;
	margin-top: 5px;

}




/* Set formatting for gallery paragraphs */
div#GalleryParagraph p {
	color: #C8C8C8;
}




/* Set formatting for title and anchored h1 home heading in left topics panel. */
h1.title {
	color: #E8E8E8;
}

/* Set formatting for anchored h2 headings in left topics panel and elsewhere. */
h1 a {
	text-decoration: none;
}

/* Set formatting for anchored h2 headings in left topics panel and elsewhere. */
h2 a {
	text-decoration: none;
}

/* Set formatting for anchored h2 headings in left topics panel and elsewhere. */
h2.home {
	color: #E8E8E8;
	text-decoration: none;
	margin-left: 5px;
}

/* Set formatting for anchored h2 headings in left topics panel and elsewhere. */
h2.purple {
	color: #370855;
	text-decoration: none;
	margin-left: 5px;
}


/* Set class formatting for sub-headings of left topics panel. */
h3.topics {
	z-index: 1;
	color: #976ECD;
	background-color: #370855;
	text-align: left;
}

/* Set class formatting for banded headings of center panel. */
h3.banded {
	z-index: 1;
	color: #976ECD;
	background-color: #370855;
	text-align: left;
}

/* Set class formatting for banded headings of center panel. */
h3.bandedreverse {
	z-index: 1;
	color: #370855;
	background-color: #976ECD;
	text-align: left;
}

/* Set class formatting for white headings. */
h3.white {
	z-index: 1;
	color: #FFFFFF;
}

/* Set formatting for h3 headings in left topics panel and elsewhere. */
h3.purple {
	color: #370855;
	text-decoration: none;
	margin-left: 5px;
}

/* Set class formatting for banded headings of center panel. */
h4.banded {
	z-index: 1;
	color: #976ECD;
	background-color: #370855;
	text-align: left;
}

/* Set class formatting for banded headings of center panel. */
h4.black {
	z-index: 1;
	color: #88CC00;
	background-color: #000000;
	text-align: left;
}

/* Set class formatting for banded headings of center panel. */
h4.orange {
	z-index: 1;
	color: #F87217;
	background-color: #000000;
	text-align: left;
}

/* Set class formatting for banded headings of center panel. */
h4.stories {
	z-index: 1;
	color: #9470B4;
	background-color: #000000;
	text-align: left;
}
/* Set class formatting for green headings. */
h4.green {
	z-index: 1;
	color: #4DFE01;
}

/* Set formatting for anchored h4 headings. */
h4 a {
	text-decoration: none;
}

/* Set class formatting for white headings. */
h5.white {
	z-index: 1;
	color: #FFFFFF;
}


h5.home {
	background-color: #A020F0;
}

h5.blog {
	background-color: #FF0000;
}
h5.students {
	background-color: #4DFE01;
}
h5.travel {
	background-color: #434DF4;
}
h5.magazine {
	background-color: #EB6700;
}
h5.images {
	background-color: #C8C8C8;
}
h5.reviews {
	background-color: #8367D9;
}
h5.cats {
	background-color: #FFCC00;
}
h5.life {
	background-color: #BC8F8F;
}



/* Set class background color. */
.Blog {
	background-color: red;
}

/* Set class background color. */
.Stories {
	background-color: #9470B4;
}

/* Set class background color. */
.Travel {
	background-color: #434DF4;
}

/* Set class background color. */
.Students {
	background-color: #4DFE01;
}

/* Set class background color. */
.Aboutme {
	background-color: #8367D9;
}

/* Set class background color. */
.Cafe {
	background-color: #C5C5C5;
}

/* set class background color. */
.Cats {
	background-color: #FFCC00;
}

/* set class background color. */
.Life {
	background-color: #BC8F8F;
}


td.white {
	color: white;
}

td.yellow {
	color: #FFCC00;
}

td.purple {
	color: #C5C5C5;
}



/* Set formatting for reviews. */

p.byline {
	font-size: 100%;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 0px;
	color: blue;
}

p.ISBN {
	font-size: 90%;
	color: purple; 
	margin-top: 10px;
}

p.cast {
	font-size: 100%;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 0px;
	color: blue;
}

p.director {
	font-size: 100%;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 0px;
	color: red;
}


input.button {
  color: #fff; background: #0034D0;
  font-size: .8em;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border: solid 1px #ffcf31;
}