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

/* Set position for central image background. */
.CentralImageBackground {
	z-index: 0;
	position: absolute;
	top: 10px;
	left: 71px;
	width: 740px;
}

/* Set position for wider central image background. */
.CentralImageBackgroundWide {
	z-index: 0;
	position: absolute;
	top: 10px;
	left: 71px;
	width: 810px;
}

/* Set position for left image. */
.LeftImage {
	position: absolute;
	z-index: 0;
	top: 10px;
	left: 0px;
	height: 580px;
}

/* Set position for left image. */
.RightImageNew {
	position: absolute;
	z-index: 0;
	top: 10px;
	left: 890px;
	width: 70px;
	height: 580px;
}

.RightImage {
	position: absolute;
	z-index: 0;
	top: 10px;
	left: 820px;
	width: 70px;
	height: 580px;
}

/* Set position for left tinsel image. */
.TinselLeft {
	z-index: 2;
	position: absolute;
	top: 120px;
	left: 250px;
}

/* Set position for right tinsel image. */
.TinselRight {
	z-index: 2;
	position: absolute;
	top: 120px;
	left: 650px;
}

/* Set position for centre topics panel Title. */
.CentreTopicsTitle {
	z-index: 4;
	position: absolute;
	top: 20px;
	left: 300px;
	width: 400px;
	padding: 5px;
}

/* Set position for centre topics panel Title. */
.CentreTopicsTitleLeftVersion {
	z-index: 4;
	position: absolute;
	top: 20px;
	left: 250px;
	width: 520px;
	padding: 5px;
}

/* Set position for centre topics panel 0. */
.CentreTopics0 {
	z-index: 4;
	position: absolute;
	top: 160px;
	left: 150px;
	width: 200px;
	padding: 5px;
}

/* Set position for centre topics panel 1. */
.CentreTopics1 {
	z-index: 4;
	position: absolute;
	top: 290px;
	left: 150px;
	width: 200px;
	padding: 5px;
}

/* Set position for left topics pane 2. */
.CentreTopics2 {
	z-index: 4;
	position: absolute;
	top: 290px;
	left: 400px;
	width: 200px;
	padding: 5px;
}

/* Set position for left topics panel 3. */
.CentreTopics3 {
	z-index: 4;
	position: absolute;
	top: 590px;
	left: 80px;
	width: 600px;
	padding: 5px;
}

/* Set position for left topics panel. */
.LeftTopicsTop {
	z-index: 4;
	position: absolute;
	top: 20px;
	left: 80px;
	width: 150px;
	padding: 5px;
}

/* Set position for right topics panel. */
.RightTopicsTop {
	z-index: 4;
	position: absolute;
	top: 120px;
	left: 670px;
	width: 150px;
	padding: 5px;
}


/* Set position for purple gallery background. */
.CentreGalleryPurpleBackground{
	z-index: 3;
	position: absolute;
	top: 70px;
	left: 230px;
	width: 560px;
	height: 500px;
	background-color: #370855;
}

/* Set position for flag. */
.Flag {
	z-index: 4;
	position: absolute;
	top: 35px;
	left: 20px;
	width: 30px;
}

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

/* Set position for big gallery picture. */
.GalleryPhoto {
	z-index: 2;
	position: absolute;
	top: 101px;
	left: 450px;
	width: 400px;
	padding: 5px;
}


/* Set position for Globe. */
.RightGlobe {
	z-index: 2;
	position: absolute;
	top: 30px;
	left: 911px;
	
}


/* Set position for slide show. */
.SlideshowTranslucent {
	z-index: 2;
	position: absolute;
	top: 40px;
	left: 700px;
}

/* Set position for new further right slide show. */
.SlideshowTranslucentNew {
	z-index: 2;
	position: absolute;
	top: 40px;
	left: 770px;
}

/* Set position for narrow slide show. */
.SlideshowTranslucentnarrow {
	z-index: 2;
	position: absolute;
	top: 40px;
	left: 770px;
}

/* Set position for slide show further right. */
.SlideshowTranslucentR {
	z-index: 2;
	position: absolute;
	top: 40px;
	left: 740px;
}
/* Set position for transparent image A. */
.TextSquareTransparentA {
	z-index: 3;
	position: absolute;
	top: 90px;
	left: 600px;
}

/* Set position for transparent image B. */
.TextSquareTransparentB {
	z-index: 3;
	position: absolute;
	top: 190px;
	left: 500px;
}

/* Set position for favicon image on pages. */
.Favicon {
	z-index: 2;
	position: absolute;
	top: 570px;
	left: 795px;
}

/* Set position for transparent image D. */
.TextSquareTransparentD {
	z-index: 2;
	position: absolute;
	top: 300px;
	left: 360px;
}

/* Set position for Next button 01. */
.Next1 {
	z-index: 4;
	position: absolute;
	top: 280px;
	left: 790px;
	
}

/* Set position for Next button 01. */
.Last1 {
	z-index: 4;
	position: absolute;
	top: 280px;
	left: 180px;
}



/* Set position for slideshow. */
.Slideshow1 {
	z-index: 4;
	position: absolute;
	top: 300px;
	left: 200px;
}

/* Set position for slideshow. */
.Slideshow2 {
	z-index: 4;
	position: absolute;
	top: 300px;
	left: 500px;
}

/* Set position for slideshow. */
.Slideshow3 {
	z-index: 3;
	position: absolute;
	top: 170px;
	left: 450px;
}



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


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

/* Set position for new right gallery stack. */
.GalleryRightNew {
	z-index: 1;
	position: absolute;
	top: 150px;
	left: 810px;
}

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

/* Set position for middle sliding gallery. */
.SlidingGallery {
	z-index: 1;
	position: absolute;
	top: 140px;
	left: 320px;
}

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



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

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

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

/* Set background color of brown body. */
body.brown {
	background-color: #5E2612;
}

/* Set background color of greypurple body. */
body.greypurple {
	background-color: #37293D;
}

/* Set background color of greypurple body. */
body.lightgreen {
	background-color: #CCFFCC;
}

/* Set background color of greypurple body. */
body.lightblue {
	background-color: #CCFFFF;
}

/* 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#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#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 no borders for images */
img {
	border-style: none;
}

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

/* Set floatright for images */
img.Floatright {
	float: right;
	margin-left: 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. */
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 class formatting for sub-headings of left topics panel. */
h3.topics {
	z-index: 1;
	color: #976ECD;
	background-color: #370855;
	text-align: left;
}





h5.home {
	background-color: #A020F0;
}
h5.blog {
	background-color: #FF0000;
}
h5.students {
	background-color: #88CC00;
}
h5.travel {
	background-color: #434DF4;
}

h5 a {
	color: #003333;
} 


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

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

/* Set class background color. */
.Students {
	background-color: #88CC00;
}