body 					{
						font-family : Verdana, Helvetica, Arial, sans-serif;
						font-size : 1.2em; /* IE needs this */
						margin : 20px 0px 20px 20px;
						padding : 0px 0px 0px 0px;
						color : #222222;
						text-align:center;
						background-image : url("../images/background.jpg");
						background-repeat : repeat-x;
						background-position : top;
						}

html>body 				{
						font-size : 18px; /* Be kind to Opera */
						}
						
div {
	text-align:left;
	margin:0px;
	padding:0px;
}

.graphicsonly {
}

.textonly {
	display:none;
}

.printonly {
	display:none;
}

.author {
	font-weight:bold;
	text-align:right;
}

.warning {
	color:red;
}

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

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

p						{ 
						font-size : 1em; 
						margin : 0;
						padding : 0.5em; 
						}

#specialoffers p {
	background-color:transparent;
   font-weight:bold;
}

/* 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;
	border-bottom:solid gray 1px;
	margin:10px 0px 10px 0px;
}

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

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:183px;
	top:197px;
}

html>body #box5 {
	left:180px;
	top:193px;
}

#box6 {
	left:183px;
	top:197px;
}

html>body #box6 {
	left:180px;
	top:193px;
}

#box7 {
	left:183px;
	top:197px;
}

html>body #box7 {
	left:180px;
	top:193px;
}

#box8 {
	left:183px;
	top:197px;
}

html>body #box8 {
	left:180px;
	top:193px;
}

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

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

#Frame {
	height:537px;
	min-width:750px;
}

#ie5rightframe {
	display:inline;
	vertical-align:top;
	height:537px;
	width:31px;
	background-image:url("../images/rightframe.jpg");
}

#rightframe {
	display:none;
	vertical-align:top;
	height:537px;
	width:31px;
	background-image:url("../images/rightframe.jpg");
}

html>body #rightframe {
	display:block;
	float:right;
}

*:first-child+html #rightframe {
	display:none;
}

html>body #ie5rightframe {
	display:none;
}

#leftframe {
	display:inline;
	vertical-align:top;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:537px;
	width:19px;
	background-image:url("../images/leftframe.jpg");
}

html>body #leftframe {
	display:block;
	float:left;
}

#midframe {
	display:inline;
	vertical-align:top;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:90%;
}

html>body #midframe {
	display:block;
	width:100%;
	margin:0px 20px 0px 19px;
}

*:first-child+html #midframe {
	display:inline;
	vertical-align:top;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:90%;
}

#topframe {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:1px;
	height:15px;
	background-image:url("../images/topframe.jpg");
	background-repeat:repeat-x;
}

#bottomframe {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:1px;
	height:19px;
	background-image:url("../images/bottomframe.jpg");
	background-repeat:repeat-x;
}

#content {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#ffffff;
	height:508px;
}

#logo {
	float:left;
	height:79px;
}

#pagehead {
	font-family : Verdana, Helvetica, Arial, sans-serif;
	font-size : 1.3em; /* IE needs this */
	text-align:right;
	color:#800000;
	height:79px;
	padding:5px 0px 0px 0px;
}

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

#menu {
	background-image:url("../images/menubackground.jpg");
	background-repeat:repeat-x;
	height:10px;
	margin:10px 0px 0px 0px;
	padding: 4px 10px 12px 10px;
}

html>body #menu {
	height:14px;
}

#menu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display : inline; /* Makes them lie down  */
	list-style : none; /* Takes away their toys  */
}

#menu li {
	display : inline; /* Makes them lie down  */
	list-style : none; /* Takes away their toys  */
	padding: 0px 10px 0px 0px;
}

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

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

#menu li a:hover {
	color : #800000;
	background: #BBBBBB;
}

.selected {
}

#tagline {
	margin:0px 0px 0px 0px;
	background:#000000;
	background-image:url("../images/tagline.jpg");
	background-repeat:no-repeat;
	color:#ffffff;
	text-align:right;
	font-size:0.9em;
	font-weight:bold;
	height:108px;
	padding:10px 10px;
}

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

#maincontent {
	height:353px;
}

#frontpage {
	height:230px;
	overflow:auto;
}

#frontleft {
	margin:0px 0px 0px 10px;
	width:45%;
	float:left;
}

#frontright {
	margin:0px 10px 0px 0px;
	width:48%;
	float:right;
}

#spacer {
	padding-top:20px;
	height:320px;
}

#sidemenu {
	float:left;
	background:#000;
	color:#fff;
	font-weight:bold;
	font-size:0.9em;
	height:320px;
	width:141px;
}

#earth {
	background-image:url("../images/earth.jpg");
	background-position:bottom;
	background-repeat:no-repeat;
	height:100%;
	width:100%;
}

#newspaper {
	background-image:url("../images/newspaper.jpg");
	background-position:bottom;
	background-repeat:no-repeat;
	height:100%;
	width:100%;
}

#satdish {
	background-image:url("../images/satdish.jpg");
	background-position:bottom;
	background-repeat:no-repeat;
	height:100%;
	width:100%;
}

#phonekeys {
	background-image:url("../images/phonekeys.jpg");
	background-position:bottom;
	background-repeat:no-repeat;
	height:100%;
	width:100%;
}

#brailleboard {
	background-image:url("../images/braille-board.jpg");
	background-position:bottom;
	background-repeat:no-repeat;
	height:100%;
	width:100%;
}

#service {
	/*
	background-image:url("../images/services.jpg");
	background-position:bottom;
	background-repeat:no-repeat;
	*/
	height:100%;
	width:100%;
}

#sidemenu ul {
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	list-style : none; /* Takes away their toys  */
}

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

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

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

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

#pagecontent {
	border:solid white 1px;
	height:320px;
	overflow:auto;
	margin-left:161px;
}

html>body #pagecontent {
	margin-left:20px;
}

*:first-child+html #pagecontent {
	margin-left:161px;
}

#visspacer {
	padding-top:10px;
	height:320px;
}

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

#visbuttons form {
	margin-top:5px;
	margin-bottom:0px;
}

#visbuttons p {
	border:solid red 1px;
	margin-top:0px;
}

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

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

#colourbuttons button {
	width:3em;
}

#otherbuttons {
	text-align:center;
}

#otherbuttons button {
	width:100%;
}

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

*:first-child+html #otherbuttons button {
	width:100%;
}

#visualise {
	margin-left:140px;
	padding:0px;
}

html>body #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 {
	text-align:center;
}

#certificatecontent h1 {
	border-top:solid gray 1px;
	border-bottom:none;
	text-align:center;
}

#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 {
	margin: 0px 0px 0px 0px;
	padding:0px;
	text-align:center;
	font-size:0.9em;
}

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

#footer ul {
	margin: 0px 0px 0px 0px;
	padding:0px;
	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  */
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#AAA {
	color:red;
}

#Copyright {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	min-width:675px;
}

@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;
	}
}