﻿#horizontalMenuBox {
	font-family: Arial, Helvetica, sans-serif;
}
#horizontalMenuBox ul {
	list-style-type: none;
}
#horizontalMenuBox ul li {
	display: inline;
	padding: 5px 1px 5px 1px;
	line-height: 25px;
}
#horizontalMenuBox ul li a {
	text-decoration: none;
}
#horizontalMenuBox ul li a:hover {
	color: #FF0000;
	background-color: #C0C0C0;
}
#dropDownMenuBox {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
}
#dropDownMenuBox ul {
	padding: 0px;
	margin: 0px;
}
#dropDownMenuBox ul li {
	display: inline;
	width: 150px;
	float: left;
	font-size: 0.8em;
	font-weight: bold;
	height: 25px;
}
#dropDownMenuBox ul li a {
	text-decoration: none;
/*	color: #0000FF;
	background-color: #FFFF99;  */
	color: white;
	line-height: 25px;
	display: block;
	padding-left: 8px;
}
#dropDownMenuBox ul li a:hover {
	color: #FF0000;
/*	background-color: #C0C0C0; */
	background-color: #6666FF;
}
#dropDownMenuBox ul li ul {
	visibility: hidden;
	width: 175px;
}
#dropDownMenuBox ul li ul li {
	font-size: 1.0em;
	font-weight: normal;
}
/* #dropDownMenuBox ul li:hover ul {
	visibility: visible;
} */

#dropDownMenuBox ul li:hover ul li {
	visibility: visible;
	background-color: #6666FF;
}
#navigationWheel {
	margin-top: 25px;
	margin-bottom: 25px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #0000FF;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 10px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	color: #0000FF;
	margin-bottom: 10px;

}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 10px;

}
.simpleText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	margin-bottom: 10px;
}
.bulletList {
	margin-left: 30px;
	list-style-type: disc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-bottom: 15px;
}
.bulletList li {
	margin-bottom: 5px;
}
/* to add a light gray line to the bottom of a block element */
.greyLine {
	border-bottom: 1px solid #B2B2B2;
}
.pictureFrame {
	border-style: solid;
	border-width: 1px;
	border-color: white;
}
.pictureHeading {
	position: absolute;
	top: 10px;
	left: 10px;
	font-size: 0.8em;
}
.pictureHeading a {
	color: white;
	text-decoration: none;
}
.pictureHeading a:hover {
	color: red;
}
.pictureText {
	position: absolute;
	top: 40px;
	left: 20px;
	font-weight: bold;
	color: orange;
	font-size: 0.7em;
	font-style:normal;
	line-height: 130%;
	margin-right: 5px;
}
#footerBox {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	display: inline; 
}
#footerBox ul {
	list-style-type: none;
}
#footerBox ul li {
	display: inline;
	padding: 5px 1px 5px 1px;
/*	line-height: 25px;  */
}
#footerBox ul li a {
	text-decoration: none;
	display: inline;
}
#footerBox ul li a:hover {
	color: #FF0000;
	background-color: white;
}

#W3C-Box {
	display: inline; 
}
#W3C-Box ul {
	list-style-type: none;
	padding-top: 10px;
}
#W3C-Box ul li {
	display: inline;
	padding: 0px 15px 0px 15px;
}


#middleFront {
	position: absolute;
	top: 80px;
	left: 420px;
	width: 130px; 
	height: 173px; 
	z-index: 42;
}
#middleBack {
	position: absolute;
	top: 80px;
	left: 280px;
	width: 130px; 
	height: 173px; 
	z-index: 22;
}
#leftFront {
	position: absolute;
	top: 80px;
	left: 140px;
	width: 130px; 
	height: 173px; 
	z-index: 32;
}
#rightFront {
	position: absolute;
	top: 80px;
	left: 560px;
	width: 130px; 
	height: 173px; 
	z-index: 32;
}
#leftBack {
	position: absolute;
	top: 80px;
	left: 0px;
	width: 130px; 
	height: 173px; 
	z-index: 22;
}
#rightBack {
	position: absolute;
	top: 80px;
	left: 700px;
	width: 130px; 
	height: 173px; 
	z-index: 22;
}


#middleFront2 {
	position: absolute;
	top: 23px;
	left: 377px;
	z-index: 77;
	display: none;
}
#middleBack2 {
	position: absolute;
	top: 23px;
	left: 237px;
	z-index: 77;
	display: none;
}
#rightBack2 {
	position: absolute;
	top: 23px;
	left: 657px;
	z-index: 77;
	display: none;
}
#leftBack2 {
	position: absolute;
	top: 23px;
	left: -43px;
	z-index: 77;
	display: none;
}
#rightFront2 {
	position: absolute;
	top: 23px;
	left: 517px;
	z-index: 77;
	display: none;
}
#leftFront2 {
	position: absolute;
	top: 23px;
	left: 97px;
	z-index: 77;
	display: none;
}
.pictureTextBig {
	position: absolute;
	top: 250px;
	left: 20px;
	font-weight: bold;
	color: orange;
	font-size: 0.8em;
	font-style:normal;
	line-height: 130%;
	margin-right: 5px;
}
.pictureTextSmall {
	position: absolute;
	top: 155px;
	left: 20px;
	font-weight: bold;
	color: orange;
	font-size: 0.6em;
	font-style:normal;
	line-height: 130%;
	margin-right: 5px;
}
.pictureTextSmallTop {
	position: absolute;
	top: 30px;
	left: 20px;
	font-weight: bold;
	color: orange;
	font-size: 0.6em;
	font-style:normal;
	line-height: 130%;
	margin-right: 5px;
}
.pictureTextSmallMiddle {
	position: absolute;
	top: 70px;
	left: 10px;
	font-weight: bold;
	color: orange;
	font-size: 0.6em;
	font-style:normal;
	line-height: 130%;
	margin-right: 1px;
}
#pictureLinksLeftSmall {
	position: absolute;
	top: 110px;
	left: 10px;
	font-weight: bold;
	width: 100px;
	line-height: 75%;
}
#pictureLinksLeftSmall ul {
	list-style-type: none;
}
#pictureLinksLeftSmall ul li {
	padding-top: 1px;
	padding-bottom: 2px;
}
#pictureLinksLeftSmall ul li a {
	font-size: 0.6em;
	color: orange;
	text-decoration: none;
}
#pictureLinksLeftSmall ul li a:hover {
	color: #FF0000;
}
#pictureLinksLeftSmall ul li:hover {
	background-color: white;
}
.pictureTextMiddle {
	position: absolute;
	top: 110px;
	left: 20px;
	font-weight: bold;
	color: orange;
	font-size: 0.7em;
	font-style:normal;
	line-height: 130%;
	margin-right: 5px;
}
#pictureLinksLeftTopSmall {
	position: absolute;
	top: 55px;
	left: 10px;
	font-weight: bold;
	width: 110px;
	line-height: 75%;
}
#pictureLinksLeftTopSmall ul {
	list-style-type: none;
}
#pictureLinksLeftTopSmall ul li {
	padding-top: 1px;
	padding-bottom: 2px;
}
#pictureLinksLeftTopSmall ul li a {
	font-size: 0.6em;
	color: orange;
	text-decoration: none;
}
#pictureLinksLeftTopSmall ul li a:hover {
	color: #FF0000;
}
#pictureLinksLeftTopSmall ul li:hover {
	background-color: white;
}
#pictureLinksRightBig {
	position: absolute;
	top: 80px;
	left: 100px;
	font-weight: bold;
	width: 100px;
}
#pictureLinksRightBig ul {
	list-style-type: none;
}
#pictureLinksRightBig ul li {
	padding-top: 1px;
	padding-bottom: 1px;
}
#pictureLinksRightBig ul li a {
	font-size: 0.8em;
	color: orange;
	text-decoration: none;
}
#pictureLinksRightBig ul li a:hover {
	color: #FF0000;
}
#pictureLinksRightBig ul li:hover {
	background-color: white;
}
#pictureLinksRightSmall {
	position: absolute;
	top: 52px;
	left: 66px;
	font-weight: bold;
	width: 80px;
	line-height: 75%;
}
#pictureLinksRightSmall ul {
	list-style-type: none;
}
#pictureLinksRightSmall ul li {
	padding-top: 0px;
	padding-bottom: 0px;
}
#pictureLinksRightSmall ul li a {
	font-size: 0.6em;
	color: orange;
	text-decoration: none;
}
#pictureLinksRightSmall ul li a:hover {
	color: #FF0000;
}
#pictureLinksRightSmall ul li:hover {
	background-color: white;
}

#pictureLinksLeftTopBig {
	position: absolute;
	top: 50px;
	left: 20px;
	font-weight: bold;
	width: 130px;
}
#pictureLinksLeftTopBig ul {
	list-style-type: none;
}
#pictureLinksLeftTopBig ul li {
	padding-top: 1px;
	padding-bottom: 2px;
}
#pictureLinksLeftTopBig ul li a {
	font-size: 0.7em;
	color: orange;
	text-decoration: none;
}
#pictureLinksLeftTopBig ul li a:hover {
	color: #FF0000;
}
#pictureLinksLeftTopBig ul li:hover {
	background-color: white;
}


#pictureLinksLeft2 {
	position: absolute;
	top: 150px;
	left: 10px;
	font-weight: bold;
	width: 80px;
}
#pictureLinksLeft2 ul {
	list-style-type: none;
}
#pictureLinksLeft2 ul li {
	padding-top: 1px;
	padding-bottom: 2px;
}
#pictureLinksLeft2 ul li a {
	font-size: 0.7em;
	color: orange;
	text-decoration: none;
}
#pictureLinksLeft2 ul li a:hover {
	color: #FF0000;
}
#pictureLinksLeft2 ul li:hover {
	background-color: white;
}

.newsFrame {
	border-style: solid;
	border-width: 1px;
	border-color: white;
}
.newsHeading {
	font-size: 0.8em; 
	color: #0066FF; 
	font-weight: bold; 
	font-style: italic; 
	line-height: 125%; 
	margin-bottom : 5px;
}
.newsText {
	font-size: 0.6em; 
	font-weight: bold; 
	font-style: italic; 
	margin-left: 10px; 
	line-height: 125%;
}
.newsSubText {
	font-size: 0.6em; 
	line-height: 125%;
	margin-left: 10px; 
	margin-top: 5px;
	margin-right: 10px;
} 

#bottom-news-row1 {
	position: absolute;
	top: 420px;
	width: 880px;
}
#bottom-news-row2 {
	position: absolute;
	top: 520px;
	width: 880px;
}
#news-1 {
	position: absolute;
	left: 40px;
}
#news-2 {
	position: absolute;
	left: 450px;
}

#Placeholder {
	visibility: hidden;
	height: 550px;
}
