html {
  font-family: verdana, arial, helvetica, sans-serif; 
  font-size: 76%; 
}

body {
  margin: 0; 
  padding: 0;
  color: #000000;
  background-color: #ffffff;
}

/* default tag attributes, mostly used in content */
p { 
  font-size: 1.0em; 
  line-height: 1.5em; 
  margin: 1.2em 0em 1.2em 0em; 
} 
h1 { 
  font-size: 1.6em;
  line-height: 1.9em;
  padding: 0;
  margin: 0;
  color: #000000;
  font-weight: normal;
} 
h2 { 
  font-size: 1.2em; 
  line-height: 1.5em;
  padding: 0;
  padding-top: 0.6em;
  margin: 0;
  color: #077397;
} 
h3, h4, h5, h6 { 
  font-size: 1.1em; 
  line-height: 1.4em;
  padding: 0;
  padding-top: 0.6em;
  margin: 0;
  color: #000000; 
} 
li { 
  margin: 0.2em 0em 0.2em 0em; 
  line-height: 1.5em; 
} 
code {
  font-size: 1.25em;
}
a:link { 
  color: #3399cc; 
  text-decoration: underline;   
} 
a:visited { 
  color: #3399cc; 
  text-decoration: underline;   
} 
a:active { 
  color: #000000; 
  text-decoration: underline; 
} 
a:hover {
  color: #000000; 
  text-decoration: underline; 
} 
select, input, textarea, button {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.0em;
}
.sameline {
  display: inline;
}
.colour {
  color: #3399cc;
}
.column {
  display: inline;
  float: left;
  padding-right: 15px;
}
  
/* layout divs and their respective attributes */
div#container { 
  background: transparent;
  position: absolute;
  height: 100%;
  width: 100%;
  }
  
div#print_siteheading {
  display: none;
}

div#topnavigation {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 50px;
  background-image: url(../images/topnav_footer_bgfade.gif);
  background-position: top left;
  background-repeat: repeat-x;
  border-bottom: 1px solid #cccccc;
  z-index: 0;
}
div#topnavigation ul {
  margin-top: 0;
  margin-left: 150px;
  margin-bottom: 0;
  margin-right: 0;
  padding: 0;
  width: 50em;
}
div#topnavigation li {
	display:inline;
}
div#topnavigation li a {
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 0;
	color: #cccccc;
	text-decoration: none;
	line-height: 50px;
	float:left;
	border-right:1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
  background-image: url(../images/topnav_footer_bgfade.gif);
  background-position: top left;
  background-repeat: repeat-x;
}
div#topnavigation li a.selected {
  background-image: none;
  background-color: #2b7e9b;
  color: #ffffff;
}
div#topnavigation li a.selected:visited {
  color: #ffffff;
}
div#topnavigation a:link { 
  color: #077397; 
  text-decoration: none;   
} 
div#topnavigation a:visited { 
  color: #077397; 
  text-decoration: none;   
} 
div#topnavigation a:active { 
  color: #077397; 
  text-decoration: none; 
} 
div#topnavigation a:hover {
  color: #077397; 
  text-decoration: underline; 
} 
div#topnavigation div#siteheading {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 150px;
  height: 50px;
  background-image: url(../images/customvis_logo_transp.gif);
  background-position: 7px 6px;
  background-repeat: no-repeat;
}
div#topnavigation img {
  border-right:1px solid #cccccc;
  border-top: 0;
  border-left: 0;
  border-bottom: 0;
}

div#colourblock {
  position: absolute;
  top: 50px;
  left: 0px;
  right: 0px;
  height: 200px;
  width: 100%;
  z-index: 2;
  background-image: url(../images/top_pic_bg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  border-bottom: 1px solid #cccccc;
  }
div#colourblock2 {
  position: absolute;
  top: 50px;
  left: 0px;
  height: 200px;
  width: 500px;
  z-index: 4;
  background-image: url(../images/banner/rotate.php);
  background-position: top left;
  background-repeat: no-repeat;
  }

div#menunavigation {
  position: absolute; 
  top: 280px; 
  left: 10px; 
  width: 150px;
  z-index: 6;
  background-color: #ffffff;
  background-image: url(../images/topnav_footer_bgfade.gif);
  background-position: top left;
  background-repeat: repeat-x;
  border: 1px solid #dddddd;
  }
div#menunavigation ul {
  margin: 0px 0px 0px 0px;
  padding-left: 0px;
  width: 100%;
  }
div#menunavigation ul ul {
  margin: 0px 0px 0px 0px; 
  padding-left: 11px; 
  width: 135px;
  background-color: #2b7e9b;
  }
div#menunavigation ul ul ul {
  margin: 0px 0px 0px 0px; 
  padding-left: 11px;
  width: 120px;
  background-color: #2b7e9b;
  }
div#menunavigation li {
  margin: 5px 0px 0px 0px;
  padding: 1px 1px 3px 3px;
  list-style-type: none;
  line-height: 1.1em; 
  }
div#menunavigation a {
  font-size: 0.8em; 
  color: #077397; 
  }
div#menunavigation a:link {
  text-decoration: none; 
  }
div#menunavigation a:visited {
  text-decoration: none; 
  }
div#menunavigation a:hover {
  text-decoration: underline; 
  }
div#menunavigation a.active {
  text-decoration: underline; 
  }
div#menunavigation li.selected {
  background-color: #2b7e9b;
  }
div#menunavigation ul a {
  color: #077397;
}
div#menunavigation ul a.selected {
  color: #ffffff;
  font-weight: bold;
  }
div#menunavigation ul a.selected:hover {
  text-decoration: none;
  }
div#menunavigation ul ul a {
  color: #ffffff;
}
div#menunavigation ul ul a.selected {
  font-weight: bold;
  }
div#menunavigation ul ul a.selected:hover {
  text-decoration: none;
  }
div#menunavigation ul ul ul a {
}
div#menunavigation ul ul ul a.selected {
  }
div#menunavigation ul ul ul a.selected:hover {
  }
div#menunavigation ul.global {
  border-top: 1px solid #dddddd;
  }
div#menunavigation ul.global li {
}
div#menunavigation ul.global a {
  color: #077397;
  }
div#menunavigation ul.global a.selected {
  color: #ffffff;
  font-weight: bold;
  }

div#content {
  position: relative;
  margin-top: 200px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 5px;
  padding-left: 180px;
  padding-right: 200px;
  padding-bottom: 0px; 
  z-index: 4;
  background-color: #ffffff;
  background-image: url(../images/topnav_footer_bgfade.gif);
  background-position: top left;
  background-repeat: repeat-x;
  }
div#content.no_small {
  padding-right: 20px;
}
div#content div.sizing {
  /* min-height almost hack */
  min-height: 450px;
  height: auto !important;
  height: 450px;
}
  
div#sml_content {
  position: absolute; 
  top: 280px; 
  right: 10px; 
  width: 170px;
  z-index: 6;
  background-color: #ffffff;
  background-image: url(../images/topnav_footer_bgfade.gif);
  background-position: top left;
  background-repeat: repeat-x;
  border: 1px solid #dddddd;
  font-size: 0.9em;
  padding-left: 5px;
  padding-right: 5px;
  }
div#sml_cotent h2 {
  font-size: 1.3em; 
  color: #077397;
}  
div#sml_content h3 {
  font-size: 1.2em; 
  color: #077397; 
  padding-bottom: 0;
  margin-bottom: 0;
} 
div#sml_content h4, h5, h6 { 
  font-size: 1.0em; 
  color: #000000; 
} 
div#sml_content p {
  margin: 0;
  padding: 0;
}
div#sml_content ul {
  margin: 0;
  padding-left: 15px;
}
div#sml_content li {
 margin: 0;
 padding: 0;
}

div#footer {
  position: relative;
  margin: 0;
  height: 50px;
  font-size: 0.8em; 
  color: #999999; 
  width: 100%;
  background-image: url(../images/topnav_footer_bgfade.gif);
  background-position: top left;
  background-repeat: repeat-x;
  }
div#footer div {
  padding-left: 20px;
  padding-top: 10px;
}