html { 
	height: 100%; margin-bottom: 1px; 
	}

*  { 
	margin: 0; 
	padding: 0; 
	} 

body  { 
	width: 100%; 
	text-align: center; 
	font: small/140% verdana, tahoma, "trebuchet ms", arial, sans-serif; 
	color: #686a80; 
	background: #fff; 
	border-top: 2px solid #62657c; 
	} 


/* <<< main structural elements >>> */ 


.inner  { 
	width: 880px; 
	margin: 0 auto; 
	text-align: left; 
	} 

#header  { 
	float: left; 
	width: 100%; 
	height: 90px; 
	background: #898a94; 
	border-top: 5px solid #9697a0; 
	} 

#nav  { 
	float: left; 
	width: 100%; 
	background: #686a80 url(images/navgrad1.gif) repeat-x 0 0; 
	border-top: 1px solid #686a80; 
	} 

#main  {  
	float: left; 
	width: 100%; 
	padding: 0 0 20px 0; 
	} 

#details  { 
	float: left; 
	width: 550px; 
	background: #fff; 
	} 

#secondary  { 
	float: right; 
	width: 300px; 
	margin: 30px 0 0 0; 
	padding: 0 0 10px 0; 
	} 

#newcourses, 
#furtherinfo  { 
	float: left; 
	width: 300px; 
	margin: 0 0 20px 0; 
	padding: 0 0 20px 0; 
	background: #fff url(images/box300.gif) no-repeat 0 100%; 
	} 

#hourlyrate  { 
	float: left; 
	width: 400px; 
	margin: 10px 0 0 0; 
	padding: 0 0 20px 0; 
	background: #fff url(images/box400.gif) no-repeat 0 100%; 
	} 

#piecerate  { 
	float: left; 
	width: 400px; 
	margin: 10px 0 0 40px; 
	padding: 0 0 20px 0; 
	background: #fff url(images/box400.gif) no-repeat 0 100%; 
	} 

#map  { 
	float: right; 
	width: 410px; 
	height: 350px; 
	margin: 20px 0 20px 20px; 
	background: #9697a0; 
	border: 3px solid #dcdde0; 
	} 

#summary  { 
	float: left; 
	width: 530px; 
	padding: 0 350px 0 0; 
	background: url(images/office2007.png) no-repeat 100% 20px; 
	} 

#siteinfo  { 
	clear: both; 
	float: left; 
	width: 100%; 
	padding: 40px 0 020px 0; 
	color: #fff; 
	background: #898a94 url(images/header_footer8.png) no-repeat 50% -90px;  
	border-top: 5px solid #9697a0; 
	border-bottom: 5px solid #9697a0; 
	} 



/* <<< navigation >>> */ 


#nav ul  { 
	float: left; 
	width: 880px; 
	padding: 0; 
	background: #525464 url(images/navgrad1.gif) repeat-x 0 0; 
	list-style: none; 
	} 

#nav ul li  { 
	float: left; 
	text-align: center; 
	border-left: 1px solid #686a80; 
	} 

#nav ul li.index  { 
	border-left: none; 
	} 

#nav a  { 
	float: left; 
	display: block; 
	padding: 0.4em 1.1em 0.6em 1.1em; 
	color: #acb4fb; 
	text-decoration: none; 
	} 

#nav a:hover  { 
	color: #fff; 
	background: #686a80; 
	} 

#nav a:active  { 
	color: #260f59; 
	} 

body#index li.index a, 
body#excel li.excel a, 
body#word li.word a, 
body#powerpoint li.powerpoint a, 
body#office2007 li.office2007 a, 
body#basic li.basic a, 
body#virtualpa li.virtualpa a, 
body#prices li.prices a, 
body#location li.location a, 
body#contact li.contact a  { 
	color: #fff; 
	background: url(images/navarrow1.png) no-repeat 50% 100%; 
	cursor: default; 
	} 

body#index li.index a:hover, 
body#excel li.excel a:hover, 
body#word li.word a:hover, 
body#powerpoint li.powerpoint a:hover, 
body#office2007 li.office2007 a:hover, 
body#basic li.basic a:hover, 
body#virtualpa li.virtualpa a:hover, 
body#location li.location a:hover, 
body#contact li.contact a:hover  { 
	color: #fff; 
	background: url(images/navarrow1.png) no-repeat 50% 100%; 
	text-decoration: none; 
	cursor: default; 
	} 



/* <<< other links >>> */ 


a:link  { 
	color: #4775f9; 
	text-decoration: underline; 
	} 

a:visited  { 
	color: #2e5eb7; 
	color: #4775f9; 
	text-decoration: none; 
	} 

a:hover { 
	color: #f94758; 
	text-decoration: underline; 
	} 

a:focus  { 
	color: #f94758; 
	} 

a:active  { 
	color: #000; 
	} 

h1 a  { 
	float: left; 
	width: 200px; 
	height: 90px; 
	text-indent: -5000px; 
	text-decoration: none; 
	} 

#siteinfo a  { 
	color: #d8e414; 
	text-decoration: none; 
	} 

#siteinfo a:hover  { 
	color: #fff; 
	text-decoration: underline; 
	} 

ul#pagelinks a  { 
	display: block; 
	height: 80px; 
	text-indent: -5000px; 
	border: none; 
	} 

ul#pagelinks a:hover  { 
	text-decoration: none; 
	border: none; 
	} 

ul#pagelinks li#excellink a  { 
	background: url(images/home_links2.png) no-repeat 0 0; 
	} 

ul#pagelinks li#excellink a:hover  { 
	background: url(images/home_links2.png) no-repeat 0 -80px; 
	} 

ul#pagelinks li#wordlink a  { 
	background: url(images/home_links2.png) no-repeat -140px 0; 
	} 

ul#pagelinks li#wordlink a:hover  { 
	background: url(images/home_links2.png) no-repeat -140px -80px; 
	} 

ul#pagelinks li#powerpointlink a  { 
	background: url(images/home_links2.png) no-repeat 100% 0; 
	} 

ul#pagelinks li#powerpointlink a:hover  { 
	background: url(images/home_links2.png) no-repeat 100% -80px; 
	} 

ul#iconlinks a  { 
	display: block; 
	height: 80px; 
	text-indent: -5000px; 
	border: none; 
	} 

ul#iconlinks a:hover  { 
	text-decoration: none; 
	border: none; 
	} 

ul#iconlinks li#exceliconlink a  { 
	background: url(images/icon_links2.png) no-repeat 0 0; 
	} 

ul#iconlinks li#exceliconlink a:hover  { 
	background: url(images/icon_links2.png) no-repeat 0 -80px; 
	} 

ul#iconlinks li#wordiconlink a  { 
	background: url(images/icon_links2.png) no-repeat 50% 0; 
	} 

ul#iconlinks li#wordiconlink a:hover  { 
	background: url(images/icon_links2.png) no-repeat 50% -80px; 
	} 

ul#iconlinks li#powerpointiconlink a  { 
	background: url(images/icon_links2.png) no-repeat 100% 0; 
	} 

ul#iconlinks li#powerpointiconlink a:hover  { 
	background: url(images/icon_links2.png) no-repeat 100% -80px; 
	} 

#contactlink a  { 
	display: block; 
	height: 60px; 
	text-indent: -5000px; 
	background: url(images/contactlink2.png) no-repeat 0 0; 
	border: none; 
	} 

#contactlink a:hover  { 
	text-decoration: none; 
	background: url(images/contactlink2.png) no-repeat 0 -60px; 
	border: none; 
	} 

a#logo99  { 
	padding-left: 20px; 
	background: url(images/99logo_xexcel.png) no-repeat 0 50%; 
	} 






/* <<< headers >>> */ 


h1  { 
	width: 880px; 
	height: 90px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	background: url(images/header_footer8.png) no-repeat 0 0;  
	} 

h2  { 
	margin: 0 0 15px 0; 
	padding: 0.8em 0 0.2em 0; 
	text-align: left; 
	font: normal 190%/140% "trebuchet ms", sans-serif; 
	color: #6a2f2f; /* dark red */ 
	border-bottom: 3px solid #dcdde0; 
	} 

h3  { 
	margin: 0; 
	padding: 0.5em 0 0 0; 
	text-align: left; 
	font: normal 160%/140% "trebuchet ms", sans-serif; 
	color: #6a2f2f; 
	} 

#newcourses h3, 
#furtherinfo h3  { 
	width: 240px; 
	margin: 0 0 10px 0; 
	padding: 10px 30px 5px 30px; 
	background: #fff url(images/box300.gif) no-repeat 0 -100px; 
	border-bottom: 1px solid #dcdde0; 
	} 

#hourlyrate h3, 
#piecerate h3  { 
	width: 340px; 
	margin: 0 0 10px 0; 
	padding: 10px 30px 5px 30px; 
	background: #fff url(images/box400.gif) no-repeat 0 0; 
	border-bottom: 1px solid #dcdde0; 
	} 

h4  { 
	margin: 0; 
	padding: 15px 25px 0 25px; 
	font: normal 130%/140% "trebuchet ms", sans-serif; 
	color: #6a2f2f; 
	} 

#newcourses h4, 
#furtherinfo h4  { 
	width: 240px; 
	padding: 10px 30px 0 30px; 
	} 



/* <<< lists >>> */ 



#main ul  { 
	margin: 0 0 1em 0; 
	} 

#main li  { 
	margin: 0 0 0 2em; 
	padding: 0.2em 0 0 0; 
	list-style: circle; 
	} 

#main dd > ul  { 
	margin: 0; 
	} 

ul#pagelinks  { 
	position: relative; 
	width: 550px; 
	height: 80px; 
	margin: 0 0 30px 0; 
	margin: 10px 0; 
	} 

ul#pagelinks li  { 
	position: absolute; 
	height: 80px; 
	margin: 0 20px 0 0; 
	padding: 0; 
	text-indent: -5000px; 
	list-style: none; 
	} 

ul#pagelinks li#excellink  { 
	top: 0; 
	left: 0; 
	width: 140px; 
	} 

ul#pagelinks li#wordlink  { 
	top: 0; 
	left: 160px; 
	width: 130px; 
	} 

ul#pagelinks li#powerpointlink  { 
	top: 0; 
	left: 310px; 
	width: 240px; 
	} 

ul#iconlinks  { 
	position: relative; 
	float: left; 
	width: 300px; 
	height: 100px; 
	margin: 0 0 10px 0; 
	background: #fff url(images/box300.gif) no-repeat 0 0; 
	} 

ul#iconlinks li  { 
	position: absolute; 
	height: 80px; 
	width: 80px; 
	margin: 0; 
	padding: 0; 
	text-indent: -5000px; 
	list-style: none; 
	} 

ul#iconlinks li#exceliconlink  { 
	top: 10px; 
	left: 20px; 
	} 

ul#iconlinks li#wordiconlink  { 
	top: 10px; 
	left: 110px; 
	} 

ul#iconlinks li#powerpointiconlink  { 
	top: 10px; 
	left: 200px; 
	} 

#hourlyrate ul, 
#piecerate ul  { 
	width: 340px; 
	margin: 0 0 5px 0; 
	padding: 0 30px; 
	} 

#siteinfo ul  { 
	float: left; 
	width: 880px; 
	display: inline; 
	margin: 0.5em 0; 
	text-align: center; 
	} 

#siteinfo ul, 
#siteinfo li  { 
	display: inline; 
	padding: 0 0.5em; 
	} 

ul#copyright  { 
	font-size: 90%; 
	} 

dl  { 
	float: left; 
	width: 550px; 
	margin: 0 0 20px 0; 
	padding: 0; 
	} 

dt  { 
	margin: 10px 0 0 0; 
	padding: 0; 
	color: #6a2f2f; 
	font-size: 110%; 
	} 

dd  { 
	margin: 0 0 0 20px; 
	padding: 2px 0 2px 15px; 
	background: url(images/list.gif) 0 0 no-repeat; 
	} 

body#contact dl  { 
	width: 240px; 
	margin: 0 0 10px 0; 
	padding: 0 30px; 
	} 

body#contact dt  { 
	margin: 10px 0 5px 0; 
	font-variant: normal; 
	font-weight: bold; 
	color: #686a80; 
	} 

body#contact dd  { 
	margin: 0; 
	padding: 0; 
	background: none; 
	} 




/* <<< paragraphs >>> */ 


p  { 
	margin: 0.7em 0; 
	} 

#newcourses p, 
#furtherinfo p  { 
	width: 240px; 
	padding: 0 30px; 
	} 

#hourlyrate p, 
#piecerate p  { 
	width: 340px; 
	padding: 0 30px; 
	} 

p#contactlink  { 
	float: left; 
	width: 300px; 
	height: 60px; 
	margin: 0; 
	} 

p#gotop  { 
	float: left; 
	width: 100%; 
	padding: 20px 0 0 0; 
	border-top: 3px solid #dcdde0; 
	} 

p#printer  { 
	float: left; 
	width: 850px; 
	padding: 0 0 0 25px; 
	background: url(images/printer.gif) 0 10% no-repeat; 
	} 






/* << contact form >> */ 



form  { 
	float: left; 
	width: 550px; 
	margin: 0; 
	padding: 0 0 20px 0; 
	} 

fieldset  { 
	border: 1px solid #fff; 
	} 

legend  { 
	visibility: hidden; 
	} 

form div  { 
	margin: 1em 0 0 0; 
	} 

label  { 
	float: left; 
	width: 8em; 
	padding: 0 0.5em 0 0; 
	text-align: right; 
	} 

label.zemTextarea  { 
	width: 100%; 
	padding: 0; 
	text-align: left; 
	} 

input  { 
	width: 340px; 
	padding: 2px; 
	} 

input.zemSubmit  { 
	width: auto; 
	margin: 0 0 0 0.5em; 
	padding: 0.2em 0.5em; 
	color: #f00; 
	font-weight: bold; 
	} 

input.zemSubmit:hover  { 
	color: #711a96; 
	cursor: pointer; 
	} 

textarea  { 
	width: 450px; 
	height: 100px; 
	margin-top: 5px; 
	} 

ul.zemError  { 
	margin: 0 0 0.5em 0; 
	padding: 0.5em 0; 
	color: #6a2f2f; /* dark red */ 
	border: 1px solid #6a2f2f; /* dark red */ 
	} 

ul.zemError li  { 
	list-style: none; 
	} 





/* <<< minor and decorative elements >>> */ 


img  { 
	float: right; 
	margin: 0; 
	padding: 0; 
	border: none; 
	} 

.mapref, 
.webref  { 
	display: none; 
	} 

.domain  { 
	font-weight: bold; 
	} 

em  { 
	font-style: normal; 
	font-weight: bold; 
	} 

abbr  { 
	speak: spell-out; 
	border-bottom: 1px dotted #686a80; 
	cursor: help; 
	}