body 					{
						font-family : Verdana, Helvetica, Arial, sans-serif;
						font-size : 1.3em; /* IE needs this */
						color : #222222;
						}

html>body 				{
						font-size : 18px; /* Be kind to Opera */
						}
						
div {
}

.graphicsonly {
	display:none;
}

.textonly {
}

.printonly {
	display:none;
}

.author {
	font-weight:bold;
}

.warning {
	color:red;
}

.codespan {
	font-family:courier;
	color:#666666;
}	

/* Paragraphs
................................................................ */

p						{ 
						font-size : 1em; 
						}

/* Emphasis
................................................................ */
em {
	color:red;
}

Q {
	font-style:italic;
}

blockquote {
	text-align:justify;
	font-style:italic;
	margin:0%;
	padding: 0% 10% 0% 10%;
}

table {
	margin:0px 0px 25px 0px;
}

table caption {
   text-align:left;
	font-family : Verdana, Helvetica, Arial, sans-serif;
	font-size : 1.2em; /* IE needs this */
	margin : 0;
	padding : 0.5em; 
}

table th {
   text-align:left;
	font-family : Helvetica, Verdana, Arial, sans-serif;
	font-weight : bold;
	color:#800000;
	font-size : 1.1em;
	padding : 0.5em; 
}

#th_service {
	width:100px;
}

table td {
   text-align:left;
	font-family : Verdana, Helvetica, Arial, sans-serif;
	font-size : 1.2em; /* IE needs this */
	margin : 0;
	padding : 0.5em; 
}

/* Headers
................................................................ */

h1, h2, h3, h4, h5, h6, h7, h8	
						{ 
						font-family : Helvetica, Verdana, Arial, sans-serif;
						font-weight : bold;
						color:#800000;
						margin : 0px; 
						padding : 0em;
						}

h1 {
	font-size : 1.3em;
	text-align : left;
	margin:10px 0px 10px 0px;
}

html>body h1 {
	font-size:18pt;
	font-weight:normal;
}

h2 {
	font-size : 1.1em;
}

h3 {
	font-size : 0.9em;
	color:black;
}
						
h4 {
	font-size : 0.9em;
}
						
/* Links
................................................................ */
a:link, a:visited { 
	text-decoration : underline; 
	color : #037; 
}

a:active {
	color : #900;
}

a:hover {
	color : red;
}

/* Visualiser
................................................................ */
#spacer2 {
	height:517px;
}

#viewarea {
	display:block;
}

#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8, iframe {
	position:absolute;
	left:0px;
	top:0px;
	width: 700px;
	height: 300px;
}

#box5 {
	left:154px;
	top:523px;
}

html>body #box5 {
	left:140px;
	top:470px;
}

#box6 {
	left:154px;
	top:523px;
}

html>body #box6 {
	left:140px;
	top:470px;
}

#box7 {
	left:154px;
	top:523px;
}

html>body #box7 {
	left:140px;
	top:470px;
}

#box8 {
	left:154px;
	top:523px;
}

html>body #box8 {
	left:140px;
	top:470px;
}

#dldf, #bldf, #aldf {
   position:absolute;
	z-index:100;
	top:0px;
	left:0px;
	right:0px;
	width:100%;
	height:300px;
}

/* Global
................................................................ */

#Frame {
}

#ie5rightframe {
}

#rightframe {
}

html>body #rightframe {
}

html>body #ie5rightframe {
}

#leftframe {
}

html>body #leftframe {
}

#midframe {
}

html>body #midframe {
}

#topframe {
}

#bottomframe {
}

#content {
}

#logo {
}

#pagehead {
	font-family : Verdana, Helvetica, Arial, sans-serif;
	font-size : 1.5em; /* IE needs this */
	color:#800000;
}

html>body #pagehead {
	font-size:24px;
}

#menu {
}

html>body #menu {
}

#menu ul {
	list-style : none; /* Takes away their toys  */
}

#menu li {
	list-style : none; /* Takes away their toys  */
}

#menu li a {
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}

#menu li a:active {
	color : red;
}

#menu li a:hover {
	color : red;
}

.selected {
}

#tagline {
	font-size:0.9em;
	font-weight:bold;
}

html>body #tagline {
	font-size:14pt;
}

#maincontent {
}

#frontleft {
}

html>body #frontleft {
}

#frontright {
}

#spacer {
}

#sidemenu {
	font-weight:bold;
	font-size:0.9em;
}

#earth {
}

#newspaper {
}

#satdish {
}

#phonekeys {
}

#brailleboard {
}

#service {
}

#sidemenu ul {
	list-style : none; /* Takes away their toys  */
}

#sidemenu li {
	list-style : none; /* Takes away their toys  */
}

#sidemenu a {
	font-weight:bold;
	text-decoration:none;
	color:black;
}

#sidemenu li a:active {
	color : red;
}

#sidemenu li a:hover {
	color : red;
}

#pagecontent {
}

#visspacer {
}

#visbuttons {
	float:left;
	width:130px;
	height:333px;
	text-align:center;
	background-color:black;
	color:white;
	font-weight:bold;
	padding-top:10px;
}

#visbuttons button {
	color:black;
	font-weight:normal;
	font-size:12pt;
}

#colourbuttons {
	text-align:center;
	border:solid white 1px;
	margin-top:15px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:20px;
}

#colourbuttons button {
	width:3em;
}

#otherbuttons {
	text-align:center;
}

#otherbuttons button {
	width:100%;
}

html>body #otherbuttons button {
	width:110px;
}

#visualise {
	padding:0px;
	height:370px;
}

#visualise form {
	padding:0px;
	margin:0px;
}

#certificateimg {
	border-left:solid #AAAAAA 1px;
	border-top:solid #AAAAAA 1px;
	border-right:solid #444444 2px;
	border-bottom:solid #444444 2px;
}

#certificatecontent {
}

#certificatecontent h1 {
}

#certificatecontent .largefont {
	font-size:1.5em;
}

#certificatecontent .darkblue {
	color:#000055
}

#certificatecontent .largeanddarkblue {
	font-size:1.5em;
	color:#000055
}

#certificatecontent .smallanddarkblue {
	font-size:0.8em;
	color:#000055
}

#footer {
	text-align:center;
	font-size:0.9em;
}

html>body #footer {
	font-size:14pt;
}

#footer ul {
	display : inline; /* Makes them lie down  */
	list-style : none; /* Takes away their toys  */
}

#footer li {
	display : inline; /* Makes them lie down  */
	list-style : none; /* Takes away their toys  */
}

#AAA {
	color:red;
}

#Copyright {
	text-align:center;
}

@media print {
	.graphicsonly {
		display:inline;
	}

	.textonly {
		display:none;
	}

	.printonly {
		display:inline;
	}

	#Frame {
		height:auto;
		overflow:auto;
	}

	#spacer {
		height:100%;
	}

	#content {
		height:100%;
	}

	#menu {
		display:none;
	}

	#menu ul {
		display:none;
	}

	#menu li {
		display:none;
	}

	#menu li a {
		display:none;
	}

	#menu li a:active {
		display:none;
	}

	#menu li a:hover {
		display:none;
	}

	#maincontent {
		height:100%;
	}

	#sidemenu {
		display:none;
	}

	#pagecontent {
		height:100%;
		overflow:visible;
		margin-left:0px;
	}

	#visspacer {
		display:none;
	}

	#visbuttons {
		display:none;
	}

	#visbuttons form {
		display:none;
	}

	#visbuttons button {
		display:none;
	}

	#colourbuttons {
		display:none;
	}

	#colourbuttons button {
		display:none;
	}

	#otherbuttons {
		display:none;
	}

	#otherbuttons button {
		display:none;
	}

	#visualise {
		display:none;
	}

	#visualise form {
		display:none;
	}

	#footer {
		display:none;
	}
}