* {
	margin:0;
	padding:0;
	}
body {
	font: 1.2em Lucida, Arial, sans-serif; /* 1em = 16pts */
	}
.float_left {
	float:left; margin: 0 .3em .3em 0;}      /* apply this class to any image or element with width - text will wrap it to the right */
.float_right {
	float:right;  margin: 0 0 .3em .3em;} /* apply this class to any image or element with width  - text will wrap it to the left */

/* DEFAULT TAG STYLES - font sizes, margins, padding, etc. */
body {background-color:#FFF;}
#main_wrapper {background-color:#FFF;}
#header {background-color:#808073;}
#nav {background-color:#BFBFAC;}
#content {background-color:#FFFFE6;}
#promo {background-color:transparent;}
#footer {background-color:#D9D9C3;}

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	font-family: 'Trebuchet MS', Verdana,  serif;
	} 
h1 {
	color:#FFF;
	}
h2, h3, h4, h5 {
	color:#808073;
	margin-bottom: 5px;
	margin-top: 15px;
	}
h6 {
	color:#000000;
	margin-bottom: 5px;
	margin-top: 15px;
	}
p {
	color:#000;
	}
ul, ol, dl, blockquote, cite {
	color:#808073;
	}
#nav ul, #nav a {
	color:#FFF;
	}
table, form {
	color: #BFBFAC;
	}
a {
	color:#808073;
	}
a:hover, #nav a:hover {
	color:#000;
	}	
#footer p {
	margin:0;
	}

	
/* CLASS:Green-c TAG STYLES - font sizes, margins, padding, etc. */
body.green-c {background-color:#339933;}
.green-c #main_wrapper {background-color:#CCCC33;}
.green-c #header {background:transparent url(../../images/lay/head-com-tech-01.jpg) no-repeat left center;    
	height: 160px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden;}
.green-c #content {background-color:#339933;}
.green-c #footer {background-color:#CCCC33;}
.green-c #cap-change{font-weight: bold; color: #ffff66;}	
/* CLASS:green TEXT COLORS */
.green-c h1 {
	color:#CCCC33;
	}
.green-c h2, .green-c h5 {
	color:#CCCC33;
	}
.green-c h4 {
	color:#fefeb7;
	}
.green-c h3 {
	color:#FFFF66;
	}
.green-c h6 {
	color:#FFFF66;
	}
.green-c p {
	color:#0e2452;
	}
.green-c ul, .green-c ol, .green-c dl, .green-c blockquote, .green-c cite {
	color:#0e2452;
	}
.green-c cite {
	color:#999933;
	}
.green-c #promo_inner ul, .green-c #promo_inner a {
	color:#339933;
	}

.green-c a {
	color:#0e2452;
	}
.green-c a:hover {
	color:#FFFF66;
	}	

/* CLASS:green-g Green Industries TAG STYLES - font sizes, margins, padding, etc. */
body.green-g {background-color:#339933;} /*outside of web page area */
.green-g #main_wrapper {background-color:#CCCC33;}
.green-g #header {background:transparent url(../../images/lay/head-greens-ind-1.jpg) no-repeat left center;    
	height: 160px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden;}
.green-g #content {background-color:#339933;}
.green-g #footer {background-color:#CCCC33;}
.green-g #cap-change{font-weight: bold; color: #ffff66;}	
/* CLASS:green TEXT COLORS */
.green-g h1 {
	color:#FFFF66;
	}
.green-g h2, .green-g h5 {
	color:#CCCC33;
	}
.green-g h3 {
	color:#FFFF66;
	}
.green-g h4 {
	color:#fefeb7;
	}
.green-g h5 {
	color:#E6E693;
	}
.green-g h6 {
	color:#FFFF66;
	}
.green-g p {
	color:#0e2452;
	}
.green-g ul, .green-g ol, .green-g dl, .green-g blockquote, .green-g cite {
	color:#0e2452;
	}
.green-g cite {
	color:#999933;
	}
.green-g a {
	color:#0e2452;
	}
.green-g a:hover {
	color:#FFFF66;
	}	

/* CLASS:brown-w Woodworking TAG STYLES - font sizes, margins, padding, etc. */
body.brown-w {background-color:#996633;} /*outside of web page area */
.brown-w #main_wrapper {background-color:#999940;}  /*Nav bar background colour */
.brown-w #header {background:transparent url(../../images/lay/head-const-wood.jpg) no-repeat left center;    
	height: 160px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden;}
.brown-w #content {background-color:#996633;}
.brown-w #footer {background-color:#999940;}
.brown-w #cap-change{font-weight: bold; color: #ffff66;}	
/* CLASS:green TEXT COLORS */
.brown-w h1 {
	color:#FFFF66;
	}
.brown-w h2, .green-g h5 {
	color:#CCCC33;
	}
.brown-w h3 {
	color:#FFFF66;
	}
.brown-w h4 {
	color:#fefeb7;
	}
.brown-w h5 {
	color:#E6E693;
	}
.brown-w h6 {
	color:#FFFF66;
	}
.brown-w p {
	color:#D6D65B;
	}
.brown-w ul, .brown-w ol, .brown-w dl, .brown-w blockquote, .brown-w cite {
	color:#D6D65B;
	}
.brown-w cite {
	color:#F2F2CD;
	}
.brown-w a {
	color:#D6D65B;
	}
.brown-w a:hover {
	color:#FFFF66;
	}	


/* CLASS:brown-e Construction TAG STYLES - font sizes, margins, padding, etc. */
body.brown-e {background-color:#471919;} /*outside of web page area */
.brown-e #main_wrapper {background-color:#828235;} /*Nav bar background colour */
.brown-e #header {background:transparent url(../../images/lay/head-const-e.jpg) no-repeat left center;    
	height: 160px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden;}
.brown-e #content {background-color:#471919;}
.brown-e #footer {background-color:#828235;}
.brown-e #cap-change{font-weight: bold; color: #ffff66;}	
/* CLASS:green TEXT COLORS */
.brown-e h1 {
	color:#FFFF66;
	}
.brown-e h2, .green-g h5 {
	color:#CCCC33;
	}
.brown-e h3 {
	color:#FFFF66;
	}
.brown-e h4 {
	color:#fefeb7;
	}
.brown-e h5 {
	color:#E6E693;
	}
.brown-e h6 {
	color:#FFFF66;
	}
.brown-e p {
	color:#CCCC52;
	}
.brown-e ul, .brown-e ol, .brown-e dl, .brown-e blockquote, .brown-e cite {
	color:#CCCC52;
	}
.brown-e cite {
	color:#F2F2CD;
	}
.brown-e a {
	color:#CCCC52;
	}
.brown-e a:hover {
	color:#FFFFDF;
	}	

/* CLASS:Orange-1 Foods TAG STYLES - font sizes, margins, padding, etc. */
body.orange-1 {background-color:#cc6600;}
.orange-1 #main_wrapper {background-color:#cc6600;}
.orange-1 #header {background:transparent url(../../images/lay/head-foods-tour-com-1.jpg) no-repeat left center;    
	height: 160px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden;}
.orange-1 #content {background-color:#cc6600;}
.orange-1 #footer {background-color:#cc6600;}
.orange-1 #cap-change{font-weight: bold; color: #ffff00;}	
.orange-1 h1 {
	color:#ffff00;
	}
.orange-1 h2, .orange-1 h5 {
	color:#706500;
	}
.orange-1 h3 {
	color:#ffff00;
	}
.orange-1 h4 {
	color:#592400;
	}
.orange-1 h6 {
	color:#ffff00;
	}
.orange-1 p {
	color:#cccc99;
	}
.orange-1 ul, .orange-1 ol, .orange-1 dl, .orange-1 blockquote {
	color:#cccc99;
	}
.orange-1 cite {
	color:#999933;
	}
.orange-1 #promo_inner ul, .orange-1 #promo_inner a {
	color:#592400;
	}

.orange-1 a {
	color:#cccc99;
	}
.orange-1 a:hover {
	color:#ffff00;
	}	

/* CLASS:BLUE-Exploring Tech TAG STYLES - font sizes, margins, padding, etc. */
body.blue-et {background-color:#000099;}
.blue-et #main_wrapper {background-color:#0033FF;} /* navbar bkgrnd colour */
.blue-et #header {background:transparent url(../../images/lay/head-exp-tech-01.jpg) no-repeat left center;    
	height: 160px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden;}
.blue-et #content {background-color:#000099;}
.blue-et #footer {background-color:#0033FF;}
.blue-et #cap-change{font-weight: bold; color: #fff;}	
.blue-et h1 {
	color: #009;
	}
.blue-et h2, .blue-et h5 {
	color:#0099FF;
	}
.blue-et h3 {
	color:#00CCFF;
	}
.blue-et h4 {
	color:#00FFFF;
	}
.blue-et h6 {
	color:#E5E5E5;
	}
.blue-et p {
	color:#999999;
	}
.blue-et ul, .blue-et ol, .blue-et dl, .blue-et blockquote {
	color:#999999;
	}
.blue-et cite {
	color:#00CCFF;
	}
.blue-et a {
	color:#999999;
	}
.blue-et a:hover {
	color:#fff;
	}	


/* CLASS:LT-BLUE-Technological Design 10 TAG STYLES - font sizes, margins, padding, etc. */
body.lt-blue-td {background-color:#6087FF;}
.lt-blue-td #main_wrapper {background-color:#6087FF;} /* navbar bkgrnd colour */
.lt-blue-td #header {background:transparent url(../../images/lay/head-des-tech-9-1.jpg) no-repeat left center;    
	height: 160px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden;}
.lt-blue-td #content {background-color:#6087FF;}
.lt-blue-td #footer {background-color:#6087FF;}
.lt-blue-td #cap-change{font-weight: bold; color: #fff;}	
.lt-blue-td h1 {
	color:#6087FF;
	}
.lt-blue-td h2, .lt-blue-td h5 {
	color:#eff3ff;
	}
.lt-blue-td h3 {
	color:#dbe4ff;
	}
.lt-blue-td h4 {
	color:#c6d4ff;
	}
.lt-blue-td h5 {
	color:#b2c5ff;
	}
.lt-blue-td h6 {
	color:#DEFDFE;
	}
.lt-blue-td p {
	color:#333;
	}
.lt-blue-td ul, .lt-blue-td ol, .lt-blue-td dl, .lt-blue-td blockquote {
	color:#333;
	}
.lt-blue-td cite {
	color:#00CCFF;
	}
.lt-blue-td a {
	color:#333;
	}
.lt-blue-td a:hover {
	color:#fff;
	}	


/* CLASS:RED-Technological Design 11 TAG STYLES - font sizes, margins, padding, etc. */
body.red {background-color:#660000;}
.red #main_wrapper {background-color:#660000;} /* navbar bkgrnd colour */
.red #header {background:transparent url(../../images/lay/head-des-tech-11.jpg) no-repeat left center;    
	height: 160px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden;}
.red #content {background-color:#660000;}
.red #footer {background-color:#660000;}
.red #cap-change{font-weight: bold; color: #fff;}	
.red h1 {
	color:#333333;
	}
.red h2 {
	color:#adadad;
	}
.red h3 {
	color:#f4f4f4;
	}
.red h4 {
	color:#d60000;
	}
.red h5 {
	color:#939393;
	}
.red h6 {
	color:#adadad;
	}
.red p {
	color:#e0e0e0;
	}
.red ul, .red ol, .red dl, .red blockquote {
	color:#e0e0e0;
	}
.red cite {
	color:#e0e0e0;
	}
.red a {
	color:#e0e0e0;
	}
.red a:hover {
	color:#ff0a0a;
	}	


/* CLASS:OLIVE TAG STYLES - font sizes, margins, padding, etc. */
body.olive {background-color:#FFF;}
.olive #main_wrapper {background-color:#FFF;}
.olive #header {background-color:#BFBF60;}
.olive #nav {background-color:#CCCC8F;}
.olive #content {background-color:#E6E6CF;}
.olive #promo {background-color:#CCCC8F;}
.olive #footer {background-color:#BFBF60;}
.olive h1 {
	color:#B33;
	}
.olive h2, .olive h3, .olive h4, .olive h5 {
	color:#808059;
	}
.olive h6 {
	color:#000000;
	}
.olive p {
	color:#666;
	}
.olive ul, .olive ol, .olive dl, .olive blockquote, .olive cite {
	color:#B33;
	}
.olive #nav ul, .violet #nav a {
	color:#FFF;
	}
.olive table, .olive form {
	color: #666;
	}
.olive a {
	color:#B33;
	}
.olive a:hover {
	color:#666;
	}	
.olive #nav a:hover {
	color:#666;
	}
	
/* CLASS:VIOLET TAG STYLES - font sizes, margins, padding, etc. */
body.violet {background-color:#FFF;}
.violet #main_wrapper {background-color:#D7CFE6;}
.violet #header {background-color:#5E458A;}
.violet #nav {background-color:#AA559A;}
.violet #content {background-color:#FFF;}
.violet #promo {background-color:#6430BF;}
.violet #footer {background-color:#E6CFE1;}
.violet h1 {
	color:#E6CFE1;
	}
.violet h2, .violet h3, .violet h4, .violet h5 {
	color:#BF30A4;
	}
.violet h3 {
	color:#E6CFE1;
	}
.violet h6 {
	color:#000000;
	}
.violet p {
	color:#574080;
	}
.violet ul, .violet ol, .violet dl, .violet blockquote, .violet cite {
	color:#6430BF;
	}
.violet cite {
	color:#FFF;
	}
.violet #nav ul, .violet #nav a {
	color:#FFF;
	}
.violet #promo_inner ul, .violet #promo_inner a {
	color:#FFF;
	}
.violet table, .violet form {
	color: #6430BF;
	}
.violet a {
	color:#6430BF;
	}
.violet a:hover {
	color:#AA559A;
	}	
.violet #nav a:hover {
	color:#E6CFE1;
	}
.violet #promo_inner a:hover {
	color:#E6CFE1;
	}

/* CLASS:Green TAG STYLES - font sizes, margins, padding, etc. */
body.Green {background-color:#FFF;}
.green #main_wrapper {background-color:#FFF;}
.green #header {background:transparent url(../../images/lay/head-maze-green.jpg) no-repeat left center;    
	height: 160px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden;}
.green #nav {background-color:#26bf46;}
.green #content {background-color:#FFF;}
.green #promo {background-color:#1d9436;}
.green #footer {background-color:#b9edbf;}
.green h1 {
	color:#8ce79f;
	}
.green h2, .green h3, .green h4, .green h5 {
	color:#1c8c33;
	}
.green h3 {
	color:#10501d;
	}
.green h6 {
	color:#000000;
	}
.green p {
	color:#0e481a;
	}
.green ul, .green ol, .green dl, .green blockquote, .green cite {
	color:#136123;
	}
.green cite {
	color:#FFF;
	}
.green #nav ul, .green #nav a {
	color:#FFF;
	}
.green #promo_inner ul, .green #promo_inner a {
	color:#FFF;
	}
.green table, .green form {
	color: #136123;
	}
.green a {
	color:#0d3511;
	}
.green a:hover {
	color:#21a53c;
	}	
.green #nav a:hover {
	color:#3fcf4f;
	}
.green #promo_inner a:hover {
	color:#61df7b;
	}

/* CLASS:BLUE-M TAG STYLES - font sizes, margins, padding, etc. */
body.blue-m {background-color:#FFF;}
.blue-m #main_wrapper {background-color:#FFF;}
.blue-m #header {background:transparent url(../../images/lay/head-mf-collage.jpg) no-repeat left center;    
	height: 160px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden;}
.blue-m #content {background-color:#FFF;}
.blue-m #footer {background-color:#b5c9f2;}
.blue-m h1 {
	color:#b5c9f2;
	}
.blue-m h2, .blue-m h3, .blue-m h4, .blue-m h5 {
	color:#789ce7;
	}
.blue-m h3 {
	color:#255ed4;
	}
.blue-m h6 {
	color:#000000;
	}
.blue-m p {
	color:#0e2452;
	}
.blue-m ul, .blue-m ol, .blue-m dl, .blue-m blockquote, .blue-m cite {
	color:#0e2452;
	}
.blue-m cite {
	color:#FFF;
	}
.blue-m a {
	color:#16377d;
	}
.blue-m a:hover {
	color:#5e89e2;
	}	

/* CLASS:BLACK TAG STYLES - font sizes, margins, padding, etc. */
body.black {background-color:#000000;}
.black #main_wrapper {background-color:#55595d;} /* Nav bar background colour */
.black #header {background:transparent url(../../images/lay/head-keyboard.jpg) no-repeat left center;    
	height: 160px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden;}
.black #content {background-color:#000000;}
.black #footer {background-color:#55595d;}
.black h1 {
	color:#55595d;
	}
.black h2, .black h3, .black h4, .black h5 {
	color:#8c9196;
	}
.black h3 {
	color:#c7c9cb;
	}
.black h6 {
	color:#e1e2e4;
	}
.black p {
	color:#bcbfc2;
	}
.black ul, .black ol, .black dl, .black blockquote, .black cite {
	color:#bcbfc2;
	}
.black cite {
	color:#bcbfc2;
	}
.black a {
	color:#bcbfc2;
	}
.black a:hover {
	color:#f7f7f7;
	}	

/* CLASS:LT-BLUE-VIRTUAL E-LEARNING TAG STYLES - font sizes, margins, padding, etc. */
body.lt-blue-v {background-color:#6087FF;}
.lt-blue-v #main_wrapper {background-color:#6087FF;} /* navbar bkgrnd colour */
.lt-blue-v #header {background:transparent url(../../images/lay/head-virtual-learning.jpg) no-repeat left center;    
	height: 160px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden;}
.lt-blue-v #content {background-color:#6087FF;}
.lt-blue-v #footer {background-color:#6087FF;}
.lt-blue-v #cap-change{font-weight: bold; color: #fff;}	
.lt-blue-v h1 {
	color: #CCCCCC;
	}
.lt-blue-v h2, .lt-blue-v h5 {
	color:#eff3ff;
	}
.lt-blue-v h3 {
	color:#dbe4ff;
	}
.lt-blue-v h4 {
	color:#c6d4ff;
	}
.lt-blue-v h5 {
	color:#b2c5ff;
	}
.lt-blue-v h6 {
	color:#DEFDFE;
	}
.lt-blue-v p {
	color:#333;
	}
.lt-blue-v ul, .lt-blue-v ol, .lt-blue-v dl, .lt-blue-v blockquote {
	color:#333;
	}
.lt-blue-v cite {
	color:#00CCFF;
	}
.lt-blue-v a {
	color:#333;
	}
.lt-blue-v a:hover {
	color:#fff;
	}	


/* CLASS:black-m Moodle Page TAG STYLES - font sizes, margins, padding, etc. */
body.black-m {background-color:#000000;}
.black-m #main_wrapper {background-color:#55595d;} /* Nav bar background colour */
.black-m #header {background:transparent url(../../images/lay/head-moodle-2.jpg) no-repeat left center;    
	height: 160px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden;}
.black-m #content {background-color:#000000;}
.black-m #footer {background-color:#55595d;}
.black-m h1 {
	color:#ff9900;
	}
.black-m h2, .black-m h4, .black-m h5 {
	color:#ffcc66;
	}
.black-m h3 {
	color:#ff9900;
	}
.black-m h6 {
	color:#e1e2e4;
	}
.black-m p {
	color:#ffcc99;
	}
.black-m ul, .black-m ol, .black-m dl, .black-m blockquote, .black-m cite {
	color:#ffcc99;
	}
.black-m cite {
	color:#ffcc99;
	}
.black-m a {
	color:#ffcc99;
	}
.black-m a:hover {
	color:#ff9933;
	}	

/* CLASS:BLACK TAG STYLES - font sizes, margins, padding, etc. */
body.black-g1 {background-color:#000000;}
.black-g1 #main_wrapper {background-color:#55595d;} /* Nav bar background colour */
.black-g1 #header {background:transparent url(../../images/lay/head-gallery-1.jpg) no-repeat left center;    
	height: 160px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden;}
.black-g1 #content {background-color:#000000;}
.black-g1 #footer {background-color:#55595d;}
.black-g1 h1 {
	color:#55595d;
	}
.black-g1 h2, .black-g1 h3, .black-g1 h4, .black-g1 h5 {
	color:#8c9196;
	}
.black-g1 h3 {
	color:#c7c9cb;
	}
.black-g1 h6 {
	color:#e1e2e4;
	}
.black-g1 p {
	color:#bcbfc2;
	}
.black-g1 ul, .black-g1 ol, .black-g1 dl, .black-g1 blockquote, .black-g1 cite {
	color:#bcbfc2;
	}
.black-g1 cite {
	color:#bcbfc2;
	}
.black-g1 a {
	color:#bcbfc2;
	}
.black-g1 a:hover {
	color:#f7f7f7;
	}	

/* CLASS:black-m TAG STYLES - font sizes, margins, padding, etc. */
body.black-g1-m {background-color:#000000;}
.black-g1-m #main_wrapper {background-color:#55595d;} /* Nav bar background colour */
.black-g1-m #header {background:transparent url(../../images/lay/head-moodle-2.jpg) no-repeat left center;    
	height: 160px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden;}
.black-g1-m #content {background-color:#000000;}
.black-g1-m #footer {background-color:#55595d;}
.black-g1-m h1 {
	color:#ff9900;
	}
.black-g1-m h2, .black-g1-m h4, .black-g1-m h5 {
	color:#ffcc66;
	}
.black-g1-m h3 {
	color:#ff9900;
	}
.black-g1-m h6 {
	color:#e1e2e4;
	}
.black-g1-m p {
	color:#ffcc99;
	}
.black-g1-m ul, .black-g1-m ol, .black-g1-m dl, .black-g1-m blockquote, .black-g1-m cite {
	color:#ffcc99;
	}
.black-g1-m cite {
	color:#ffcc99;
	}
.black-g1-m a {
	color:#ffcc99;
	}
.black-g1-m a:hover {
	color:#ff9933;
	}	

/* CLASS:BLACK2 TAG STYLES - font sizes, margins, padding, etc. */
body.black2 {background-color:#000000;}
.black2 #main_wrapper {background-color:#55595d;} /* Nav bar background colour */
.black2 #header {background:transparent url(../../images/lay/head-comp-tech-gt.jpg) no-repeat left center;    
	height: 160px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden;}
.black2 #content {background-color:#000000;}
.black2 #footer {background-color:#55595d;}
.black2 #cap-change{font-weight: bold; color: #8c9196;}
.black2 h1 {color:#55595d;}
.black2 h2, .black h3, .black h4, .black h5 {color:#8c9196;}
.black2 h3 {color:#c7c9cb;}
.black2 h6 {color:#e1e2e4;}
.black2 p {	color:#bcbfc2;}
.black2 ul, .black ol, .black dl, .black blockquote, .black cite {color:#bcbfc2;}
.black2 cite {color:#bcbfc2;}
.black2 a {color:#8c9196;}
.black2 a:hover {color:#f7f7f7;}
	

/* CLASS:GREY2 TAG STYLES - font sizes, margins, padding, etc. */
body.grey2 {background-color:#55595d;}
.grey2 #main_wrapper {background-color:#55595d;} /* Nav bar background colour */
.grey2 #header {background:transparent url(../../images/lay/head-robo-ctrls-2.jpg) no-repeat left center;    
	height: 160px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden;}
.grey2 #content {background-color:#55595d;}
.grey2 #footer {background-color:#55595d;}
.grey2 #cap-change{font-weight: bold; color: #8c9196;}
.grey2 h1 {
	color: #FFFF00;
}
.grey2 h2, .grey2 h3, .grey2 h4 {color:#8c9196;}
.grey2 h5 {	color: #999999;}
.grey2 h3 {color:#c7c9cb;}
.grey2 h6 {color:#e1e2e4;}
.grey2 p {	color:#bcbfc2;}
.grey2 ul, .grey2 ol, .grey2 dl, .grey2 blockquote, .grey2 cite {color:#bcbfc2;}
.grey2 cite {color:#bcbfc2;}
.grey2 a {color:#8c9196;}
.grey2 a:hover {color:#f7f7f7;}


/* CLASS:dk-green for Google Classroom - font sizes, margins, padding, etc. */
body.dk-green {	background-color: #006600; }
.dk-green #main_wrapper {background-color:#006600;} /* navbar bkgrnd colour */
.dk-green #header {background:transparent url(../../images/lay/head-google-classroom.jpg) no-repeat left center;    
	height: 160px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden;}
.dk-green #content {background-color:#006600;}
.dk-green #footer {background-color:#006600;}
.dk-green #cap-change{font-weight: bold; color: #fff;}	
.dk-green h1 {
	color:#333333;
	}
.dk-green h2 {
	color:#adadad;
	}
.dk-green h3 {
	color:#f4f4f4;
	}
.dk-green h4 {
	color:#d60000;
	}
.dk-green h5 {
	color:#939393;
	}
.dk-green h6 {
	color:#adadad;
	}
.dk-green p {
	color:#e0e0e0;
	}
.dk-green ul, .red ol, .red dl, .red blockquote {
	color:#e0e0e0;
	}
.dk-green cite {
	color:#e0e0e0;
	}
.dk-green a {
	color:#e0e0e0;
	}
.dk-green a:hover {
	color:#ff0a0a;
	}	

/* CLASS:GREY1 TAG STYLES - font sizes, margins, padding, etc. */
body.grey1 {background-color:#55595d;}
.grey1 #main_wrapper {background-color:#55595d;} /* Nav bar background colour */
.grey1 #header {background:transparent url(../../images/lay/head-robo-ctrls.jpg) no-repeat left center;    
	height: 160px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden;}
.grey1 #content {background-color:#55595d;}
.grey1 #footer {background-color:#55595d;}
.grey1 #cap-change{font-weight: bold; color: #8c9196;}
.grey1 h1 {color:#55595d;}
.grey1 h2, .grey1 h3, .grey1 h4 {color:#8c9196;}
.grey1 h5 {	color: #999999;}
.grey1 h3 {color:#c7c9cb;}
.grey1 h6 {color:#e1e2e4;}
.grey1 p {	color:#bcbfc2;}
.grey1 ul, .grey1 ol, .grey1 dl, .grey1 blockquote, .grey1 cite {color:#bcbfc2;}
.grey1 cite {color:#bcbfc2;}
.grey1 a {color:#8c9196;}
.grey1 a:hover {color:#f7f7f7;}
	


/* CLASS:BLACK-blue TAG STYLES - font sizes, margins, padding, etc. */
body.black-blue {background-color:#000000;}
.black-blue #main_wrapper {background-color:#55595d;} /* Nav bar background colour */
.black-blue #header {background:transparent url(../../images/lay/head-robo-ctrls.jpg) no-repeat left center;    
	height: 160px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden;}
.black-blue #content {background-color:#000000;}
.black-blue #footer {background-color:#55595d;}
.black-blue #cap-change{font-weight: bold; color: #33ffff;}
.black-blue h1 {
	color:#55595d;
	}
.black-blue h2, .black-blue h4, .black-blue h5 {
	color:#0033cc;
	}
.black-blue h3 {
	color:#33ffff;
	}
.black-blue h6 {
	color:#ccffff;
	}
.black-blue p {
	color:#99cccc;
	}
.black-blue ul, .black-blue ol, .black-blue dl, .black-blue blockquote {
	color:#99cccc;
	}
.black-blue cite {
	color:#99cccc;
	}
.black-blue a {
	color:#33ffff;
	}
.black-blue a:hover {
	color:#00F;
	}	
	
/* CLASS:MOCHA Link Resource pages TAG STYLES - font sizes, margins, padding, etc. */
body.mocha {background-color:#FFF;}
.mocha #main_wrapper {background-color:#FFF;}
.mocha #header{background:transparent url(../../images/lay/head-books.jpg) no-repeat left center;    
	height: 100px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden; /* Stops image from overflowing container */
	/* width: 99.3%; */ /* Uncomment to adjust padding at either side of the image */
	}
.mocha #nav {background-color:#664c19;}
.mocha #content {background-color:#FFF;}
.mocha #chainlink-1-5{
	background-image: url(../../images/pics/gen/chainlinks-ver-l.gif);
	background-repeat: repeat-y;
	float: right;
	height: 241px;
	width: 176px;
	z-index: 3;
	}
.mocha #chainlink-1{
	background-image: url(../../images/pics/gen/chainlinks-ver-l.gif);
	background-repeat: repeat-y;
	float: right;
	height: 482px;
	width: 176px;
	z-index: 3;
	}
.mocha #chainlink-2{
	background-image: url(../../images/pics/gen/chainlinks-ver-l.gif);
	background-repeat: repeat-y;
	float: right;
	height: 964px;
	width: 176px;
	z-index: 3;
	}
.mocha #chainlink-3{
	background-image: url(../../images/pics/gen/chainlinks-ver-l.gif);
	background-repeat: repeat-y;
	float: right;
	height: 1446px;
	width: 176px;
	z-index: 3;
	}
.mocha #promo {background-color:#807059;}
.mocha #footer {background-color:#BF9960;}
.mocha h1 {
	color:#FFF;
	}
.mocha h2 {
	color:#BF9960;
	}
.mocha h3, .mocha h4, .mocha h5 {
	color:#727EA3;
	}
.mocha h6 {
	color:#000000;
	}
.mocha p {
	color:#000;
	}
.mocha ul, .mocha ol, .mocha dl, .mocha blockquote, .mocha cite {
	color:#664c19;
	}
.mocha cite {
	color:#FFF;
	}
.mocha a {
	color:#664c19;
	}
.mocha a:hover {
	color:#727EA3;
	}
	
/* CLASS:LIME TAG STYLES - font sizes, margins, padding, etc. */
body.lime {background-color:#CFE673;}
.lime #main_wrapper {background-color:transparent;}
.lime #header{background:transparent url(../../images/lay/head-office-dk.jpg) no-repeat left center;    
	height: 100px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden; /* Stops image from overflowing container */
	/* width: 99.3%; */ /* Uncomment to adjust padding at either side of the image */
	}
/*.lime #header {background-color:#0F20BF;} */
.lime #nav {background-color:transparent;}
.lime #content {background-color:#CFE673;}
.lime #promo {background-color:transparent;}
.lime #footer {background-color:#BFCCD6;}
.lime h1 {
	color:#FFF;
	}
.lime h2 {
	color:#507EA1;
	}
.lime h3, .lime h5 {
	color:#507EA1;
	}
.lime h4 {
	color:#738040;
	}
.lime h6 {
	color:#507EA1;
	}
.lime p {
	color:#555;
	}
.lime ul, .lime ol, .lime dl, .lime blockquote, .lime cite {
	color:#507EA1;
	font: 0.8em Lucida, Arial, sans-serif;
	}
.lime cite {
	color:#555;
	}
.lime #nav ul, .lime #nav a {
	color:#738040;
	}
.lime table, .lime form {
	color: #507EA1;
	}
.lime a {
	color:#507EA1;
	}
.lime a:link, .lime a:visited {
	color:#666666;
	text-decoration:underline;
	}
.lime a:hover, .lime a:active {
	color:#FF9600;
	text-decoration:none;
	}
.lime a:hover {
	color:#738040;
	}
.lime #nav a:hover {
	color:#507EA1;
	}
	
/* CLASS:LIME TAG STYLES - font sizes, margins, padding, etc. */
body.lime2 {background-color:#9fbe22;}
.lime2 #main_wrapper {background-color:#6087FF;}
.lime2 #header{background:transparent url(../../images/lay/head-des-tech-9-1.jpg) no-repeat left center;    
	height: 150px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden; /* Stops image from overflowing container */
	/* width: 99.3%; */ /* Uncomment to adjust padding at either side of the image */
	}
.lime2 #content {background-color:#9fbe22;}
.lime2 #footer {background-color:#6087FF;}
.lime2 h1 {
	color:#487292;
	}
.lime2 h2 {
	color:#487292;
	}
.lime2 h3, .lime h5 {
	color:#555f2f;
	}
.lime2 h4 {
	color:#3e627e;
	}
.lime2 h6 {
	color:#3e627e;
	}
.lime2 p {
	color:#474747;
	}
.lime2 ul, .lime2 ol, .lime2 dl, .lime2 blockquote, .lime2 cite {
	color:#426784;
	font: 0.8em Lucida, Arial, sans-serif;
	}
.lime2 cite {
	color:#2d2d2d;
	}
.lime2 a:link, .lime2 a:visited {
	color:#2a4255;
	text-decoration:underline;
	}
.lime2 a:hover {
	color:#CFE673;
	}


	
/* CLASS:lime-3 TAG STYLES - font sizes, margins, padding, etc. */
body.lime-3 {background-color:#CFE673;}
.lime-3 #main_wrapper {background-color:transparent;}
.lime-3 #header{background:transparent url(../../images/lay/head-com-tech-01.jpg) no-repeat left center;    
	height: 100px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden; /* Stops image from overflowing container */
	/* width: 99.3%; */ /* Uncomment to adjust padding at either side of the image */
	}
/*.lime-3 #header {background-color:#0F20BF;} */
.lime-3 #nav {background-color:transparent;}
.lime-3 #content {background-color:#CFE673;}
.lime-3 #promo {background-color:transparent;}
.lime-3 #footer {background-color:#BFCCD6;}
.lime-3 h1 {
	color:#CCCC33;
	}
.lime-3 h2 {
	color:#507EA1;
	}
.lime-3 h3, .lime-3 h5 {
	color:#507EA1;
	}
.lime-3 h4 {
	color:#738040;
	}
.lime-3 h6 {
	color:#507EA1;
	}
.lime-3 p {
	color:#555;
	}
.lime-3 ul, .lime-3 ol, .lime-3 dl, .lime-3 blockquote, .lime-3 cite {
	color:#555;
	font: 0.8em Lucida, Arial, sans-serif;
	}
.lime-3 cite {
	color:#555;
	}
.lime-3 #nav ul, .lime-3 #nav a {
	color:#738040;
	}
.lime-3 table, .lime-3 form {
	color: #507EA1;
	}
.lime-3 a {
	color:#507EA1;
	}
.lime-3 a:link, .lime-3 a:visited {
	color:#666666;
	text-decoration:underline;
	}
.lime-3 a:hover, .lime-3 a:active {
	color:#FF9600;
	text-decoration:none;
	}
.lime-3 a:hover {
	color:#738040;
	}
.lime-3 #nav a:hover {
	color:#507EA1;
	}


	
/* CLASS:WHITE TAG STYLES - font sizes, margins, padding, etc. */
body.white {background-color:#FFF;}
.white #main_wrapper {background-color:#FFF;}
.white #header{background:transparent url(../../images/lay/head-western-foot.jpg) no-repeat left center;    
	height: 160px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden; /* Stops image from overflowing container */
	/* width: 99.3%; */ /* Uncomment to adjust padding at either side of the image */
	}
.white #nav {background-color:transparent;}
.white #content {background-color:#FFF;}
.white #promo {background-color:transparent;}
.white #footer {background-color:#BFCCD6;}

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	font-family: 'Trebuchet MS', Verdana,  serif;
	} 
/* CLASS:WHITE TEXT COLORS */
.white h1 {
	color:#000;
	}
.white h2 {
	color:#507EA1;
	}
.white h3, .white h5 {
	color:#C00;
	}
.white h4 {
	color:#507EA1;
	}
.white h6 {
	color:#FFF;
	}
.white p {
	color:#555;
	}
.white ul, .white ol, .white dl, .white blockquote, .white cite {
	color:#999;
	}
.white cite {
	color:#555;
	}
.white #nav ul, .white #nav a {
	color:#999;
	}
.white table, .white form {
	color: #507EA1;
	}
.white a {
	color:#999;
	}
.white a:link, .white a:visited {
	color:#999;
	text-decoration:underline;
	}
.white a:hover, .white a:active {
	color:#FF9600;
	text-decoration:none;
	}
.white a:hover {    /*Red Column */
	color:#FF0;
	}
.white #nav a:hover {  /*Blue Column */
	color:#FFF;
	}
.white #content_inner a:hover {  /* body */
	color:#00F;
	}
	

/* CLASS:WHITE JOURNAL TAG STYLES - font sizes, margins, padding, etc. */
body.white-j {background-color:#FFF;}
.white-j #main_wrapper {background-color:#FFF;}
.white-j #header{background:transparent url(../../images/lay/head-journal-1.jpg) no-repeat left center;    
	height: 160px; /* the height of your pano Image */
    margin: 0 auto;
    overflow: hidden; /* Stops image from overflowing container */
	/* width: 99.3%; */ /* Uncomment to adjust padding at either side of the image */
	}
.white-j #nav {background-color:transparent;}
.white-j #content {background-color:#FFF;}
.white-j #promo {background-color:transparent;}
.white-j #footer {background-color:#BFCCD6;}

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	font-family: 'Trebuchet MS', Verdana,  serif;
	} 
/* CLASS:WHITE TEXT COLORS */
.white-j h1 {
	color:#000;
	}
.white-j h2 {
	color:#507EA1;
	}
.white-j h3, .white h5 {
	color:#C00;
	}
.white-j h4 {
	color:#507EA1;
	}
.white-j h6 {
	color:#FFF;
	}
.white-j p {
	color:#555;
	}
.white-j ul, .white-j ol, .white-j dl, .white-j blockquote, .white-j cite {
	color:#999;
	}
.white-j cite {
	color:#555;
	}
.white-j #nav ul, .white #nav a {
	color:#999;
	}
.white-j table, .white form {
	color: #507EA1;
	}
.white-j a {
	color:#999;
	}
.white-j a:link, .white a:visited {
	color:#999;
	text-decoration:underline;
	}
.white-j a:hover, .white a:active {
	color:#FF9600;
	text-decoration:none;
	}
.white-j a:hover {    /*Red Column */
	color:#FF0;
	}
.white-j #nav a:hover {  /*Blue Column */
	color:#FFF;
	}
.white-j #content_inner a:hover {  /* body */
	color:#00F;
	}


/* CLASS:OCEAN TAG STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */
body.blue { background:#122981 url(../../images/lay/gradient_bg.jpg) repeat-x scroll 0 0;}
.blue #main_wrapper {background-color:transparent;}
.blue #header {background-color:transparent;}
.blue #header_inner {background:transparent url(../../images/lay/clouds.jpg) repeat-x scroll 0 0;}
.blue #header_sub {background-color:transparent;}
.blue #header_sub_inner {background:transparent url(../../images/lay/water_edge.jpg) repeat-x scroll 0 0;}
.blue #nav {background-color:transparent;}
.blue #content {background-color:transparent;}
.blue #promo {background-color:transparent;}
.blue #footer {background-color:transparent;}
.blue #footer_inner_sub {background:transparent url(../../images/lay/seafloor_bg.jpg) repeat-x scroll left bottom; height:125px;}
.blue #footer_inner p {color:#122981; padding-top:75px}
.blue #footer_inner a:link, .blue #footer_inner a:visited {color:#122981;text-decoration:underline;}
.blue #footer_inner a:hover, .blue #footer_inner a:hover a:active {color:#FF9600;text-decoration:none;}

h1, h2, h3, h4, h5, h6, ul, ol, dl {
	font-family: 'Trebuchet MS', Verdana,  serif;
	} 
/* CLASS:Blue TEXT COLORS */
.blue h1 {
	color:#66CCFF;
	}
.blue h2 {
	color:#999999;
	}
.blue h3, .blue h5 {
	color:#CCCCCC;
	}
.blue h4 {
	color:#FFFFFF;
	}
.blue h6 {
	color:#FFFF00;
	}
.blue p {
	color:#FFF;
	}
.blue ul, .blue ol, .blue dl, .blue blockquote, .blue cite {
	color:#66CCFF;
	}
.blue cite {
	color:#66FFFF;
	}
.blue #nav ul, .blue #nav a {
	color:#CC00FF;
	}
.blue table, .blue form {
	color: #CC6666;
	}
.blue a {
	color:#CC6666;
	}
.blue a:link, .blue a:visited {
	color:#FFFF00;
	text-decoration:underline;
	}
.blue a:hover, .blue a:active {
	color:#FF9600;
	text-decoration:none;
	}
	
/* FONT SIZES */
h1 {font-size:1.5em; /* 24pt */
	}
h2 {font-size:1.375em; /* 22pt */
	line-height:1.25;
	padding:.5em 0 0 0;	
	}
h3 {font-size:1.125em; /* 18pt */
	line-height:1.25;
	}
h4 {font-size:1.125em; /* 18pt */
	}
h5 {font-size:1em; /* 16pt */
	}
h6 {font-size:.875em; /* 14pt */
	}
p  {
	font-size:.8em; /* 12pt */
	line-height:1.25; /* on 15pt */
	margin-bottom:.75em; /* 12pts of space */
 	}
a {
	
	}
a:hover {
	text-decoration:none;
	}
/* basic list styling - more-styled lists in list.css */
ul, dl, ol {
	margin:0 1em .75em 1em; /* lists without specific classes */
	font-size:0.8em;
	line-height:1;
}
li, dd {
		padding:0em 0; /* lists without specific classes */
		margin-left:2em;
		}
#nav ul, #nav dl, #nav ol {
		margin:.5em 1em .75em 1em; /* lists without specific classes */
		}
#nav li {
	list-style-type:none;
	margin-left:0
	}
#promo ul, #promo dl, #promo ol {
		margin:.5em 1em .75em 1em; /* lists without specific classes */
		}
#promo li {
	list-style-type:none;
	margin-left:0
	}		
dt {font-weight:bold;}

code {font-size:1.25em;}
* html code {font-size:1.1em;} /* default size is smaller in IE */
	
cite {
	font-size:.85em;
	font-style:italic;
	}
blockquote {
	border-top:2px solid;
	border-bottom:2px solid;
	width:50%;
	margin:1em 0 1em 20%;
	padding:.3em 1em;
	}
blockquote p {
	margin-bottom:.1em;
	}
blockquote p:before { /* IDWIMIE 6 and 7 */
	content: open-quote;
	color:#cccc8f;
}
blockquote p:after {  /* IDWIMIE 6 and 7 */
	content: close-quote;
	color:#366;
}
blockquote cite {
	font-size:.85em;
	}
abbr, acronym {
	border-bottom:1px dashed #000;
	cursor:default;
	}
address {
	margin:0 1em .75em 1em;
	}
img {
	border:0;
	}

/* basic table styling  - more-styled tables in tables.css */
table caption {
	font-weight:bold;
	font-size:1em;
	margin-top:.6em;
	}
table {
	margin: .3em 1em 1em 1em;
	border-top:1px solid #069;
	border-collapse:collapse;
	font-size:.8em;
	}
table th	{
	padding: .3em .5em .3em .5em;
	border-bottom:2px solid #069;
	}
table td	{
	padding: .3em .5em .3em .5em;
	border-bottom:1px solid #069;
	}