body {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-style: normal; 
	font-weight: normal; 
	color: #360087; 
	text-decoration: none; 
	background-color: #FFFFFF; 
	margin-top: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	margin-left: 0px; 
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px
	LINK: #0000ff
	}

a:link {  color: #0000ff;text-decoration: underline}
a:visited {  color: #0000ff;text-decoration: none}
a:hover {  color: #FF0000;text-decoration: none}
a:active {  color: #0000ff;text-decoration: none}

.content {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	font-style: normal; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none; 
	text-align: left; 
	vertical-align: top; 
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;

	}

.black { background-color: #000000}
.red {color: red;}
.green {color: green;}
.myblue { background-color: #0044ff}
.jewel {color: #6600ff; font-weight:600}
.aside { font-size: 7pt}

table, table td, table tr {
    padding: 2px;
    font-size: 10pt; 
	text-align: left; 
}
.bluetable, .bluetable td, .blueTable th, .blueTable tr
	{
	background-color:#0044ff;
	background-image: url(../img/bkgd.gif); 
	background-repeat: repeat-x;
	background-position: top;
	color:white;
	font-size: 12pt;
	font-weight: 700;
	line-height:120%
}

.bluetable a:link {  color: #FFFFFF;text-decoration: none}
.bluetable a:visited {  color: #FFFFFF;text-decoration: none}
.bluetable a:hover {  color: #FFFF00;text-decoration: none}
.bluetable a:active {  color: #FFFFFF;text-decoration: none}

.general_t, .general_t TD, .general_t TH, .general_t TR {
	padding: 2px;
	vertical-align: text-top; 
}
.excelnav a:hover {  color: #ff0000;text-decoration: none}
.wordnav a:hover {  color: #40e0d0;text-decoration: none}
.extranav a:hover {  color: #9500ff;text-decoration: none}
.learningnav a:hover {  color: #00ff00;text-decoration: none}

.wordnavhover {  
	font-family: Arial, Helvetica, sans-serif; 
	color: #40e0d0; 
	text-decoration: none; 
	vertical-align: top; 
	background-color: #0044ff;
	}
.wordnavhover a:link {  color: #FFFFFF;text-decoration: none}
.wordnavhover a:hover {  color: #40e0d0; text-decoration: none}
.wordnavhover a:visited {  color: #FFFFFF;text-decoration: none}
.wordnavhover a:visited:hover {  color: #40e0d0;text-decoration: none}

#heading {
	font-family: Batavia,Arial, Helvetica, sans-serif; 
	font-size: 40pt; 
	font-weight: 900; 
	vertical-align: center; 
	color: red;
}
h1 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 30pt; 
	font-style: normal; 
	font-weight: 900; 
	vertical-align: center; 
	horizontal-align: center; 
	background-color: #FFFFFF; 
	color: #0044ff; 
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-right: 10px
	}
h2 {  font-size: 16pt; color: B10606;display:inline}
h3 {  font-size: 14pt; color: B10606;display:inline}
h4 {  
	font: bold 12pt/15pt Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	padding-bottom: 0px;
	vertical-align: text-bottom;
	color: #B10606
	}
h5 {  font-size: 10pt; color: B10606}
.imgright {
	float:right
}


.popup {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	font-style: normal; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none; 
	text-align: center; 
	vertical-align: top; 
	background-color: #FFFFFF
	}


/* Drop Down Navigation - layer positions and sizes */
#ddjewel {
	position:absolute; 
	left:10px; 
	top:147px; 
	width:242px; 
	height:122px; 
	z-index:4; 
	visibility: hidden
	}

#closejewel {
	position:absolute; 
	left:0px; 
	top:148px; 
	width:292px; 
	height:350px; 
	z-index:3; 
	visibility: hidden
	}

/* Drop Down Navigation background colour, text style, etc */

.jeweldarknav {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	font-style: normal; 
	line-height: 13pt; 
	font-weight: normal; 
	color: #FFFFFF; 
	text-decoration: none; 
	text-align: left; 
	background-color: #A73C3C;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-right: 10px
	}

.jewelnav {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	font-style: normal; 
	line-height: 13pt; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none; 
	text-align: left; 
	background-color: #CE6969;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-right: 10px
	}

.jewelnav a:link { color:#000000; text-decoration: none}
.jewelnav a:visited { color:#000000; text-decoration: none}
.jewelnav a:visited:hover { color:#000000; text-decoration: none}
.jewelnav a:hover { color:#000000; text-decoration: underline}

.jewelnavhover {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	font-style: normal; 
	line-height: 13pt; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none; 
	text-align: left; 
	background-color: #E0A6A6;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-right: 10px
	}

.jewelnavhover a:link { color:#000000; text-decoration: none}
.jewelnavhover a:visited { color:#000000; text-decoration: none}
.jewelnavhover a:visited:hover { color:#000000; text-decoration: none}
.jewelnavhover a:hover { color:#000000; text-decoration: underline}


.arrow { 	float: right;
	margin-top: 3px
	}

.picright {	
	float:right;
	width: 250px;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px; 
	text-align:center
	}

img {
	border:none;
}
.peoplephotos {
	margin-bottom: 10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	clear: left;
	float: left
	}

.peoplepara {
	clear:left
	}

.padin {
	margin-left: 20px
	}