/* default default */
/* margin and padding help opera */
body {font-family: Tahoma,Verdana,Arial, sans-serif; margin: 0px; padding: 0px; font-size: 10pt}

/* This covers ALL elements up to this point */
/* * { font-size: 10pt} */
p {font-size: 100%}

table,h4,h5,h6 {font-size: 100%}

h3 {font-size: 110%}
h2 {font-size: 120%}
h1 {font-size: 140%}

/* Default table colours */
table {background: transparent; color: inherit}

/* a nice light-coloured table */
table.light {background: white; color: black}
table.light th {background: #eef; color: #004}
table.light td {background: #f7f7f7; color: black}

/* for left-aligned table headers */
table.leftth th {text-align: left; padding-right: 0.5em}

/* for right-aligned table headers */
table.rightth th {text-align: right; padding-right: 0.5em}

/* setup for 'border=1' */
table[border="0"], table[border="0"] td, table[border="0"] th {
  border: 0px solid black
}

table[border="1"].light th, table[border="1"].light td {border: none}

/* A special <dl> format for feature lists */
dl.features dt {font-weight: bolder; list-style: disc outside; display: list-item; margin-left: 1.5em}
dl.features dd {font-weight: inherit; margin-left: 3em}

kbd, code, samp, pre {font-family: monospace}
/* pre {font-family: inherit} */

a { text-decoration:none}
a:hover { text-decoration:underline;}
a:hover img {text-decoration: none; border: none}
img {border: none}

/*
td {  font-size: 10pt }

li {  font-size: 10pt }
*/

.error {color:#FF0000; /* font-size:10pt; */ font-weight:bold; vertical-align: middle}

p.error {
  padding-left:32px;
  height: 32px;
  padding-top: 7px;
  background: url("/images/error.gif") no-repeat top left;
}

.done {color:#0000FF; /* font-size:10pt; */ font-weight:bold}

p.done {
  padding-left:32px;
  height: 32px;
  padding-top: 7px;
  background: url("/images/done.gif") no-repeat top left;
}

.small { font-size: 8pt}
.smaller { font-size: 6pt}

img.icon {width: 32px; height: 32px; border: none}

.centre-text {text-align: center}
.centre {text-align: center}
.centre * {margin-left:auto; margin-right: auto}
.left-text {text-align: left}

ul li {text-align: left}

/* Rollovers Home */

ul#navbartop1{
padding:0;
margin:0;
list-style:none;
}
#navbartop1 li{
width:64px;/*size of image*/
height:15px;/* size of image*/
}
#navbartop1 li.firsta{ background:url(program_images/abho.jpg) no-repeat left top;}/* this holds the rollover state of the image1a*/

#navbartop1 a{
display:block;
width:64px;
height:15px;
text-decoration:none;
}
#navbartop1 li.firsta a{background:url(program_images/abh.jpg) no-repeat left top;}/* this holds the normal state of the image1a*/

ul#navbartop1 a:hover{background:transparent}

/* on hover we just hide the anchor and let the image underneath show through.
This makes for pre-loaded rolovers unlike changing the image on hover which is slow.*/

/* the above code assumes a different image for each anchor but is much simpler if only one image is used as the individual classes are not necessary. */
ul#navbartop1{text-indent:-999em}/* hide text*/

/* The code below is an ie5 bug with text indent - remove if you don't care about ie5 */
* html ul#navbartop1{text-indent:0;te\xt-indent:-999em}
* html ul#navbartop1 span{text-indent:-999em;}

/* Rollovers About Us */

ul#navbartop2{
padding:0;
margin:0;
list-style:none;
}
#navbartop2 li{
width:88px;/*size of image*/
height:15px;/* size of image*/
}
#navbartop2 li.first{ background:url(program_images/aauo.jpg) no-repeat left top;}/* this holds the rollover state of the image1*/

#navbartop2 a{
display:block;
width:88px;
height:15px;
text-decoration:none;
}

#navbartop2 li.first a{background:url(program_images/aau.jpg) no-repeat left top;}/* this holds the normal state of the image1*/

ul#navbartop2 a:hover{background:transparent}

/* on hover we just hide the anchor and let the image underneath show through.
This makes for pre-loaded rolovers unlike changing the image on hover which is slow.*/

/* the above code assumes a different image for each anchor but is much simpler if only one image is used as the individual classes are not necessary. */
ul#navbartop2{text-indent:-999em}/* hide text*/

/* The code below is an ie5 bug with text indent - remove if you don't care about ie5 */
* html ul#navbartop2{text-indent:0;te\xt-indent:-999em}
* html ul#navbartop2 span{text-indent:-999em;}

/* Rollovers Contact us */

ul#navbartop3{
padding:0;
margin:0;
list-style:none;
}
#navbartop3 li{
width:104px;/*size of image*/
height:15px;/* size of image*/
}
#navbartop3 li.second{ background:url(program_images/abcuo.jpg) no-repeat left top;}/* this holds the rollover state of the image1a*/

#navbartop3 a{
display:block;
width:104px;
height:15px;
text-decoration:none;
}
#navbartop3 li.second a{background:url(program_images/abcu.jpg) no-repeat left top;}/* this holds the normal state of the image1a*/

ul#navbartop3 a:hover{background:transparent}

/* on hover we just hide the anchor and let the image underneath show through.
This makes for pre-loaded rolovers unlike changing the image on hover which is slow.*/

/* the above code assumes a different image for each anchor but is much simpler if only one image is used as the individual classes are not necessary. */
ul#navbartop3{text-indent:-999em}/* hide text*/

/* The code below is an ie5 bug with text indent - remove if you don't care about ie5 */
* html ul#navbartop3{text-indent:0;te\xt-indent:-999em}
* html ul#navbartop3 span{text-indent:-999em;}

/* Rollovers Domains */

ul#navbartop4{
padding:0;
margin:0;
list-style:none;
}
#navbartop4 li{
width:86px;/*size of image*/
height:15px;/* size of image*/
}
#navbartop4 li.third{ background:url(program_images/ado.jpg) no-repeat left top;}/* this holds the rollover state of the image1a*/

#navbartop4 a{
display:block;
width:86px;
height:15px;
text-decoration:none;
}
#navbartop4 li.third a{background:url(program_images/ad.jpg) no-repeat left top;}/* this holds the normal state of the image1a*/

ul#navbartop4 a:hover{background:transparent}

/* on hover we just hide the anchor and let the image underneath show through.
This makes for pre-loaded rolovers unlike changing the image on hover which is slow.*/

/* the above code assumes a different image for each anchor but is much simpler if only one image is used as the individual classes are not necessary. */
ul#navbartop4{text-indent:-999em}/* hide text*/

/* The code below is an ie5 bug with text indent - remove if you don't care about ie5 */
* html ul#navbartop4{text-indent:0;te\xt-indent:-999em}
* html ul#navbartop4 span{text-indent:-999em;}

/* Rollovers Web Design */

ul#navbartop5{
padding:0;
margin:0;
list-style:none;
}
#navbartop5 li{
width:109px;/*size of image*/
height:15px;/* size of image*/
}
#navbartop5 li.fourth{ background:url(program_images/awdo.jpg) no-repeat left top;}/* this holds the rollover state of the image1a*/

#navbartop5 a{
display:block;
width:109px;
height:15px;
text-decoration:none;
}
#navbartop5 li.fourth a{background:url(program_images/awd.jpg) no-repeat left top;}/* this holds the normal state of the image1a*/

ul#navbartop5 a:hover{background:transparent}

/* on hover we just hide the anchor and let the image underneath show through.
This makes for pre-loaded rolovers unlike changing the image on hover which is slow.*/

/* the above code assumes a different image for each anchor but is much simpler if only one image is used as the individual classes are not necessary. */
ul#navbartop5{text-indent:-999em}/* hide text*/

/* The code below is an ie5 bug with text indent - remove if you don't care about ie5 */
* html ul#navbartop5{text-indent:0;te\xt-indent:-999em}
* html ul#navbartop5 span{text-indent:-999em;}

/* Rollovers Login */

ul#navbartop6{
padding:0;
margin:0;
list-style:none;
}
#navbartop6 li{
width:95px;/*size of image*/
height:15px;/* size of image*/
}
#navbartop6 li.fifth{ background:url(program_images/alio.jpg) no-repeat left top;}/* this holds the rollover state of the image1a*/

#navbartop6 a{
display:block;
width:94px;
height:15px;
text-decoration:none;
}
#navbartop6 li.fifth a{background:url(program_images/ali.jpg) no-repeat left top;}/* this holds the normal state of the image1a*/

ul#navbartop6 a:hover{background:transparent}

/* on hover we just hide the anchor and let the image underneath show through.
This makes for pre-loaded rolovers unlike changing the image on hover which is slow.*/

/* the above code assumes a different image for each anchor but is much simpler if only one image is used as the individual classes are not necessary. */
ul#navbartop6{text-indent:-999em}/* hide text*/

/* The code below is an ie5 bug with text indent - remove if you don't care about ie5 */
* html ul#navbartop6{text-indent:0;te\xt-indent:-999em}
* html ul#navbartop6 span{text-indent:-999em;}