* {margin:0; padding:0;}

html{
font-size:125%; /* This sets 1em to 20 pixels */
}

body{
font-family: verdana, arial, helvetica, sans-serif;
font-size:50%; /* Now 1em is 10 pixels (points) */
margin: 1em 2em;
color: rgb(0,0,0);
background-color: rgb(240,240,240); /* silvery */
}

h1{
font-size: 2.2em;
color: rgb(60,60,60); /* to match logo */ 
margin:0;
padding:0;
border-width:0;
}

h2{
font-size: 1.8em;
padding: 0.1em 0em 0.2em 0em;
margin: 0;
color: rgb(255,165,0); /* orange */
}

h2 a{
font-size: 1.0em;
text-decoration: none;
}

h3{
font-size: 1.5em;
padding: 0.1em 0em 0.1em 0em;
margin: 0;
color: rgb(240,0,0); /* reddish */
}

h4{
font-size: 1.4em;
padding: 0.1em 0em 0em 0em;
margin: 0;
color:green;
}

h5{
font-size: 1.3em;
padding: 0.1em 0em 0em 0em;
margin: 0;
color: purple;
}

h5 a{
font-size: 1.0em;
text-decoration: none;
}

h6{
font-size:1.2em;
padding: 0.1em 0em 0.2em 0em;
margin: 0;
color: navy;
}

h6 a{
color: rgb(255,165,0); /* orange */
}

p{
font-size: 1.2em;
padding: 0.1em 0em 0.2em 0em;
}

ul, ol, dl {
font-size:1.2em;
margin: 1.0em 0.0em 1.0em 1.0em;
}

ul.spots{
list-style-type:square;
font-size:1.2em;
}

ul.spots li {
margin: 0.0em 0.0em 0.5em 1.0em;
}

ul.spots ul{
list-style-type:disc;
font-size:1.0em;
margin: 0.0em 0.0em 1.0em 1.0em;
}

ul.spots ul li{
margin: 0.0em 0.0em 0.0em 1.0em;
}

a {
color: rgb(0,0,255); /* blue */
font-size:1.2em;
text-decoration: underline;
}

p a{
font-size: 1.0em;
text-decoration: none;
}

a:hover{ 
color: rgb(255,0,0); /* red */
cursor: pointer;
cursor: hand;
}

p a:hover{
text-decoration: underline;
}

.main-menu{
font-size:1.0em;
margin: 1em 0 0 0;
}

.course-menu{
font-size:1.2em;
margin: 0.0em 0.0em 1.0em 1.0em;
}

.block-up {display: block;}
.line-up {display: inline;}

.aleft {text-align: left;}
.acenter {text-align: center;}
.aright{text-align: right;}

.clear-top{margin-top: 1em;}
.float-left{float: left;}
.float-right{float: right;}

.clear-left{clear: left;}
.clear-right{clear: right;}
.clear-both{clear: both;}

.no-margin{margin:0;}
.no-padding{padding:0;}
.no-border{border-width:0;}

.padding-one{padding:10px;}
.left-margin-one{margin: 0em 1em 0em 1em;}

.no-clearance{
margin:0;
padding:0;
border-width:0;
}

.block-center{margin: auto;}
.inline-center{text-align: center;}

.moat {
padding: 10px 20px 0px 20px;
border: 0px;
margin: 0px;
}

.moatBig {
padding: 10px 5px 0px 5px;
border: 0px;
}

.inside-markers{list-style-position: inside}

#aoraki {
padding: 10px 10px 0px 0px;
border: 0px;
margin: 0px;
width: 75px;
}

#d1 {margin-bottom:30px;}
#logo {float: left; margin: 20px 20px 20px 20px;}
#rangi {float: right; margin: 5px 20px 0px 0px;}

/* set general button styles */
dt.btn {margin-bottom: 0px; text-align: center}

/* set general anchor styles - fill the container */
dt.btn a {display: block; text-decoration: none; color: black; font-size: 1.3em; font-weight: 600}

/* MouseOut state (default) */
dt.btn a {background: #AACCFF; border: 5px outset #AACCFF}

/* MouseOver state (hover) */
/* bug in IE - must restate color */
dt.btn a:hover {background: red; border: 5px outset red; color:white}

/* Horizontal tabs from CSS Easy p168 */
/* set general tab styles - horizontal format */
dl#hmenu{float: left;clear:right; margin-left: 0px}
dt.tab	{display: block; float: left; margin-right: 0px; text-align:center; }
/* set general anchor styles - fill the container */
dt.tab a	{display: block; text-decoration:none; color:black; font-size: 1.0em; font-weight: bold; width: 100px }
/* MouseOut state (default) */
/*dt.tab a	{ background: #65A1C3; border: 5px outset #65A1C3;}*/
dt.tab a	{ background: #65A1FF; border: 5px outset #65A1FF;}
/* MouseOver state (hover) */
dt.tab a:hover {background: red; border: 5px outset red; color:white;}
/* end of Horizontal tabs from CSS Easy p168 */

body#home #t-home a{color: white;font-weight: 900;}
body#about #t-about a{color: white;font-weight: 900;}
body#info #t-info a{color: white;font-weight: 900;}
body#courses #t-courses a{color: white;font-weight: 900;}
body#calendar #t-calendar a{color: white;font-weight: 900;}
body#contact_us #t-contact_us a{color: white;font-weight: 900;}
body#newsletters #t-newsletters a{color: white;font-weight: 900;}

body#pcinfo #t-pcinfo a{color: white;font-weight: 900;}
body#aucklandsites #t-aucklandsites a{color: white;font-weight: 900;}
body#consumer #t-consumer a{color: white;font-weight: 900;}
body#travel #t-travel a{color: white;font-weight: 900;}
body#newssites #t-newssites a{color: white;font-weight: 900;}
body#photocamerasites #t-photocamerasites a{color: white;font-weight: 900;}
body#referencesites #t-referencesites a{color: white;font-weight: 900;}
body#searchsites #t-searchsites a{color: white;font-weight: 900;}
body#widerinterest #t-widerinterest a{color: white;font-weight: 900;}
body#genealogy #t-genealogy a{color: white;font-weight: 900;}

body#generaltips #t-generaltips a{color: white;font-weight: 900;}
body#technicaltips #t-technicaltips a{color: white;font-weight: 900;}
body#texting #t-texting a{color: white;font-weight: 900;}
body#vista #t-vista a{color: white;font-weight: 900;}
body#windows7 #t-windows7 a{color: white;font-weight: 900;}
body#com_specs #t-com_specs a{color: white;font-weight: 900;}
body#glossary #t-glossary a{color: white;font-weight: 900;}
body#forum #t-forum a{color: white;font-weight: 900;}
body#archives #t-archives a{color: white;font-weight: 900;}

table.calendar{
width: 100%;
table-layout:fixed;
caption-side: top;
margin-bottom: 20px;
padding:1em;
border-collapse: collapse;
text-align: center;
}

table.calendar td {
font-size: 1.2em;
font-weight:bold;
padding: 0.1em;
border: 1px solid black;
}

table.calendar td a{
font-size:1.0em;
font-weight:bold;
}

table.calendar h3{
font-size: 1.2em;
padding: 0.1em 0em 0.1em 0em;
margin: 0;
color: rgb(240,0,0); /* reddish */
}

table.tmenu{
border-collapse: collapse;
text-align: center;
}

table.tmenu td {
font-size: 1.2em;
font-weight:bold;
padding: 0.2em;
//border-width: 0px 0px 0px 1px;
border-width: 1px;
border-style: solid;
border-color: black;
}

table.tmenu td.first {
border-width: 0px;
}

table.tmenu td a{
color:blue;
font-size:1.0em;
text-decoration: none;
}

table.tmenu td a:hover{
text-decoration: underline;
color: red;
}

table.files{
width: 100%;
table-layout:fixed;
caption-side: top;
margin-bottom: 20px;
padding:1em;
border-collapse: collapse;
text-align: right;
}

table.files th {
font-size: 1.2em;
border-width: 1px;
padding: 0.3em;
font-weight: bold;
color: black;
text-align: center;
}


table.files td {
font-size: 1.2em;
padding: 0.4em;
}

table.files td a{
color:blue;
font-size:1.0em;
text-decoration: none;
}

table.lists{
width: 100%;
caption-side: top;
border-collapse: collapse;
text-align: center;
}

table.lists th {
font-size: 1.2em;
border-width: 1px;
padding: 0.3em;
font-weight: bold;
color: black;
}

table.lists td {
font-size: 1.0em;
padding: 1px;
}

table.lists td a{
color:blue;
font-size:1.0em;
text-decoration: none;
}

.days{
color:brown;
font-size:1.1em;
}

.am{color:red}
.pm{color: blue}

.agm{color:fuchsia}
.camera{color:orangered}
.cintro{color:violet}
.cavista{color: blueviolet}
.caxp{color: darkviolet}
.CompSec{color:coral}
.ComputerBasics{color:blueviolet}
.email1{color:LimeGreen}
.email2{color:LimeGreen}
.Email2{color:LimeGreen}
.emailrevision{color:LimeGreen}
.excel{color: green}
.fmvista{color:goldenrod}
.fmxpvista{color:goldenrod}
.fmxp{color:orange}
.fm1{color:orange}
.fm2{color:darkorange}
.general{color:fuchsia}
.genealogy{color:royalblue}
.genealogy_intro{color:royalblue}
.genealogy_refresh{color:royalblue}
.gettogether{color:deeppink}
.GettingStarted{color:blueviolet}
.greetingcards{color:salmon}
.internet{color:blue}
.internet1{color:blue}
.internet2{color:darkblue}
.InternetEmail{color:green}
.keyboard {color:darkgreen}
.maintenance{color:teal}
.mcommittee{color:gray}
.mgeneral{color:fuchsia}
.mgreetingcards{color:salmon}
.mphotoediting{color:crimson}
.mDDm{color:tomato}
.msworksheet{color:brown}
.photoediting{color: red}
.picturehandling{color:coral}
.digpictmantwrkshp{color:coral}
.powerpoint{color:sandybrown}
.PowerPoint2003{color:sandybrown}
.pub2000{color:darkorange}
.pub2003{color:darkorange}
.pubpart1{color:darkorange}
.pubpart2{color:darkorange}
.reserved{color:darkslategray}
.Scanning{color:coral}
.scanninggraphics{color:coral}
.specialworkshop{color: red}
.texting{color:mediumvioletred}
.trademe{color:navy}
.tutordevelopment{color:black}
.tutortraining{color:black}
.typing{color:black}
.videoswithvista{color:blueviolet}
.vistaseminar{color:blueviolet}
.vistaworkshop{color:blueviolet}
.vistarefresh{color:blueviolet}
.word{color:orange}
.word_2003{color:orange}
.word_2007{color:orangered}
.BasicWord2007{color:orangered}
.wordrevision{color:orange}
.wordworkshop{color:orange}
.word_ms_oo_writer{color:orange}
.WordProcessingFormattin{color:orange}
.WordProcessingGraphics{color:lightorange}
.WordProcessingTables{color:darkorange}
.ElementaryWordProcessin{color:orange}

.alert{color:red}
.green_light{color:green}