/*  CSS Stylesheet - Scriptus Web Design
© 2007 Scriptus Web Design:  www.scriptus.co.nz */

BODY  {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #FFF;
	text-align: center;
	font-size: medium;
	background-color: #000;
    }

abbr , acronym, .help {
	border-bottom: 1px dotted #333;
	cursor: help
    }

a   {
	color: #c7c79A;
	text-decoration: underline;
	font-weight: bold;
    }

a:hover { color: #ffff00; }

ul  { line-height: 1.65em;   }
ul h3   { color:#dcd600; display:inline;}

ol  { line-height: 1.65em; }

ol h4   { color:#dcd600;  }
ol h3   { color:#dcd600; display:inline;}

td img  {  float:right;  }

img {   border:none;}

/* Global Container for all elements */
#container  {
    width: 80%;
    margin: 0 auto;
    text-align: left;
    background-color: #000; 
    color: #DDD;
    }


/* Header */
#header {
	width: 80%;
	height: 113px;
	background: url(header2.jpg);
	background-repeat: no-repeat;
	background-color: #000; 
    }

/* Sub-Header */
#Subheader {
	width: 100%;
	height: 10px;
	font-size: 60%;
	padding: 0 0 0 1em;
	background-color: #000; 
	}
	
#Subheader a {
    color: #333;
	text-decoration: none;
    }

/* Navigation dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 85px;
	background: url(dock-bg2.gif);
	background-repeat: repeat-x;
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 14px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
	color: #ffcc00;
	margin-top: -22px;
}

/* Main Content */
#content  {
  margin: 45px 10%;
  text-align:justify;
  font-size:77.5%;
  line-height: 140%;
  background-color: #000; 
  padding: 10px 0 0 0 ;
  }

#content H1 {
  margin: 0 0 .5em 0;
  font-size:2.25em;
  font-style: italic;
  }  

#content H2 {
  font-size: 1.75em;
  font-style: italic;
  } 

#content H3 {
  font-size: 1.6em;
  font-style: italic;
  } 

#content H4 {
  margin: 0 0 0.5em 0;
  font-size:1em;
  font-style: italic;
  } 

#content H5 {
  float: right;
  font-size:1em;
  font-style: italic;
  }


/* Transparent floating Grey */
.Tfloat {
  width: 100%;
  text-align: justify;
  background: url(tfloat.gif);
  border: 0;
  padding: 1em;
  color: #DDD;
  list-style-image: url('bullet3.gif')
  }

.Tfloat li  { margin-left: 3em;}

.Tfloat H1  {
  float: left;
  color: #949467;
  font-size:  75px;
  line-height: 75px;
  font-family: Times, serif, Georgia;
  }

/* Transparent floating Green */
.Vfloat {
  width: 100%;
  text-align: left;
  background: url(vfloat.gif);
  border: 0;
  padding: 1em;
  color: #DDD;
  }

.Vfloat li  {
  list-style-type: circle;
  text-align:justify;
  font-size:90%;
  line-height: 140%;
  }

.Vfloat table { border-style:dashed;  }

.Vfloat table img{float: right;}

/* Pull Quote */
.PullQuote  {
  float: right;
  margin-bottom: 0em;
  margin-left: 1em;
  font-family: Arial,Helvetica,Georgia;
  text-align: right;
  background-color: #000;
  color: #999;
  padding: 0.5em ;
  line-height: 90%;
  }

.PullQuote H1 {
  color:#D4D4C7;
  font-family: Times, serif, Georgia;
  text-align: justify;
  }

.PullQuote H2 {
  color:#949467;
  font-weight: bold;
  font-family: Times, serif, Georgia;
  text-align: right;
  }

.PullQuote H3 {
  color: #949467;
  font-family: Times, serif, Georgia;
  text-align: justify;
  font-size: 112.5%;
  }

.PullQuote H4 {
  color: #747467;
  font-weight: bold;
  font-family: Times, serif, Georgia;
  font-size: 120%;
  text-align: right;
  }

.PullQuote img  {  float: left;}


/* Drop Cap Box */
.DCBox {
  float: left;
  text-align: left;
  color: #949467;
  font-size:  75px;
  line-height: 75px;
  font-weight:bold;
  font-family: Times, serif, Georgia;
  }


/* Box Left */
div.BoxLeft {
  text-align: justify;
  background-color: #dde;
  border: 3px outset;
  padding: 1em;
  color: #000;
  list-style-image: url('bullet1.gif')
  }

.Boxleft h4 {
  text-align: center;
  background-color: #ff0;
  border: 3px inset;
  padding: 3px;
  color: #000;
  }
  
.boxleft a  { 
    color:#00f;
    text-decoration: underline;
    }  
    

/* Features Box Right */
.Features  {
  float: right;
  width: 36%;
  text-align: left;
  font-size:95%;
  }

.Features ul  {
  padding-left: 0;
  margin-left: 15px;
  }


/* Gallery Elements */
.Gallery  {
  width: 100%;
  background-color: #ffe;
  border: none;
  padding: 1em;
  color: #000;
  list-style-type: circle;
  text-align:justify;
  font-size:90%;
  line-height: 140%;
  }

.Gallery img {
  float: left;
  margin: 1em 1.75em 1em 0.5em;
  }

.Gallery li {
  text-align:justify;
  font-size:90%;
  line-height: 140%;
  }

/* Glossary Elements */
.Glossary  {
  text-align: justify;
  font-size:100%;
  }

.Glossary ul  {  width:100%; list-style-type: none;  }

.Glossary h4    {text-align:right; color:#33f;}

.DropCap {
  Width: 100%;
  text-align: left;
  color: #949467;
  font-size:  75px;
  line-height: 75px;
  font-weight:bold;
  font-family: Times, serif, Georgia;
  }

/* Register Direct Search Box */
#RDSearchBox {
	margin: 0 auto;
    width: 468px;
	height: 60px;
	background: url(RegisterDirect.gif) no-repeat; 
}

.pos1   {
    padding: 6px 4px 0 0 ;
    float:right;
} 

.pos2   {
    padding: 32px 0 0 0;
    float:left;
}
  
/* Footer */
#footer {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #999;
  background-color: #000;
  border-top: 1px solid #666;
  font-size:68.75%;
  text-align:center;
  }

#footer a {
  color:#949467;
	text-decoration: none;
  }

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