/* COLOUR GLOSSARY

*/

body, div, p, th, td, li, dd    
{
	/* redundant selectors to help NS4 remember */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
}

html>body, html>body div, html>body p, 
html>body th, html>body td, 
html>body li, html>body dd    
{
	font-family:  Helvetica, Arial, sans-serif;
	font-size:    10pt;
	/* be nice to Opera */
	/* I can't remember what this is for */
	/* IE doesn't read this */
}

body 
{
	margin: 0;
	padding: 0;
	color: black;
}

/* standard blocks */

p    
{
	margin: 0 0 1em;
	padding: 0;
	line-height: 1.5em;
	word-spacing: 0.1em;
	text-align: justify;
}

	p.firstpara{
	
		font-weight: bold;
	}

img
{
	padding: 0.25em;
	background-color: #fff;
	border: 1px solid #dedede;
}

#header img
{
	padding: 0;
	background-color: transparent;
	border: 0;
}

h1, h2, h3, h4, h5
{
	color: #555;
	margin: 0;
	padding-top: 0;
	margin-bottom: 1em;
	font-weight: normal;
}

h2, h3, h4, h5
{
	font-family: Georgia;
}

h1
{
	font-family: Arial, Helvetica, sans-serif;
	word-spacing: 0.2em;
	font-size: 250%;
	text-align: left;
	border-bottom: 1px solid #999;
	padding: 0 0 0.2em;
	color: #2da0ff;
}

body#home h1{
	font-size: 150%;
	border-bottom: 0;
}

body#home h1 span{
	display: block;
	padding-top: 1em;
	}


h2
{
	font-size: 150%;
}


h3
{
	font-size: 120%;
}

h4, h5
{
	font-size: 110%;
}

h2, h3
{
	margin-bottom: 0.5em;
	padding-top: 0.5em;
}

ul
{
	margin-left: 2em;
	margin-bottom: 1em;
	padding: 0;
	list-style-type: inside;
}

li
{
	margin: 0 0 0.5em;
	line-height: 1.5em;
}

dd
{
	margin-bottom: 0.3em;
}

dt
{
	margin-bottom: 0.2em;
	margin-left: 1em;
	text-indent: none;
}

hr
{
	height: 1px;
	border: 0;
	border-bottom: 1px dotted #999;
}

/* link styling */

a:link, a:visited
{
	text-decoration: none;
	color: #2da0ff;
	font-weight: bold;
}

/*

a:link
{
	color: #2da0ff;
}

a:visited
{
	color: #879cad;
}

a:hover
{
	text-decoration: underline;
	color: black;
}

*/

div#side a
{
	display: block;
}

div#side a:visited
{
	color: #2da0ff;
}

div#side h2.sidemenu a:visited, div#side h2.sidemenu a:link, div#side h2.sidemenu a:active
{
	color: #555;
}

div#side a:hover, div#side h2.sidemenu a:hover
{
	color: black;
}

/* some generic classes */

.bigger
{
	font-size: 120%;
}

.smaller
{
	font-size: 85%;
}

.floatright
{
	float: right;
}

.floatleft
{
	float: left;
}


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

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

.imgmid
{
	margin: 1 auto;
}

.midtext
{
	text-align: center;
}

.righttext
{
	text-align: right;
}

.lefttext
{
	text-align: left;
}

.password
{
	color: maroon;
}

.zeroafter
{
	margin-bottom: 0;
}

/* specific divs */

div#wrapper
{
	padding: 0 2em;
	margin: 0 auto;
	background-color: white;
}

div#printheader{
	margin-bottom: 14pt;
	text-align: center;
	
}

div#printheader img{
	border: 0;
	display: none;
}

div#printfooter{
	border-top: 1px solid #999;
	margin-top: 28pt;
	padding-top: 14pt;
}

div#printfooter p{
	color: #999;
	font-size: 80%;
	}

div#signature-image img{
	display: none;
}

div#breadcrumbs    
{
	display: none;
}


div#content /* content includes everything between the breadcrumbs and the footer */
{
	background-color: transparent;
	padding: 0;
}

div#article    
{
	background-color: transparent;
	padding: 0 0 0 0;
	/* Firefox thinks this has a total width of 37em
	   IE5.x thinks this has a total width of 36em */
}

div#side
{
	display: none;
	width: 12em;
	float: right;
	padding: 1em 2em 1em 0em;
	text-align: left;
	/* Firefox thinks this has a total width of 14em
	   IE5.x thinks this has a total width of 12em */
}

* html div#side
{  /* This is the Tan hack */
	width: 14em;
	w\idth: 12em;
}

div#article-body
{
	padding: 0;
	margin: 0;
}

ul#mainNav{
	display: none;
}

div#footer    
{
	display: none;
	margin: 2em 0 0;
	padding: 0.5em 1em 0;
	background-color: #dedede;
	height: 2em;
	clear: both;
	border-bottom: 1px solid #5a6873;
}

div#footer_meta
{
	float: left;
}

div#footer_valid
{
	float: right;
}

div.highlightbox
/* used on the home page and the tech support page */
{
}

div.frontbox
/* used on the home page for the submenus */
{
	width: 11.5em;
	padding: 0;
	float: left;
	/* Firefox thinks this has a total width of 11.5em
	   IE5.x thinks this has a total width of 11.5em */
}

div#supportlist
{
	float: right;
}

html div.frontbox
{  /* This is the Tan hack */
	width: 11.5em;
	w\idth: 11.5em;
}

/* some specific classes */

ul.hz_menu /* ul.hz_menu is the top level nav */
{
	padding: 0;
	margin: 0;
}

ul.hz_menu li
{
	list-style-type: none;
	display: inline;
	margin: 0 1.5em;
}

ul.hz_menu a, ul.hz_menu a:hover, ul.hz_menu a:visited
{
	border-bottom: 0;
	color: #fff;
	background-color: transparent;
}

ul.hz_menu a:hover
{
	color: black;
	border-bottom: 1px solid black;
}

div.sidemenu /* .sidemenu is the sidebar nav */
{
	margin-bottom: 1em;
}

.sidemenucurrent 
/* this highlights the current section
   (partly to alert the user that the order has changed) */
{
	border-right: 3px solid #dedede;
	background-color: lightyellow;
}

h2.sidemenu
{
	margin-bottom: 0.5em;
	font-size: 115%;
}

h2.sidemenu a, h2.sidemenu a:active
{
	color: #555;
}


ul.sidemenu
{
	list-style: none outside;
	padding: 0;
	margin: 0.5em 0 0 0;
}

ul.sidemenu li
{
	margin-bottom: 0.2em;
	font-size: 0.85em;
	margin-top: 0.5em;
}

a.imglink, a.imglink:hover, a.imglink:visited
{
	text-decoration: none;
	border-bottom: none;
	background-color: transparent;
}

div.sidemenu p
{
	font-size: 0.85em;
}

#footer a
{
	border-bottom: 0;
	font-size: 0.85em;
}

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

#footer a.imglink:hover
{
	text-decoration: none;
	border-bottom: 0;
}

.blockquote
{
	margin: 0 3em 1em;
	border: 1px solid silver;
	padding: 0.5em;
	background-color: lightyellow;
}

a.password:visited
{
	color: #C08080;
}

a.password:hover
{
	color: black;
}

p.newsindextitle, p.softwareindextitle
{
	margin-bottom: 0;
}

p.newsindexsnippet, p.softwareindexsnippet
{
	margin-left: 2em;
}

/*form styling */

/* Set up the basic layout and remove unsemantic br tags. */

form 
{
	margin: 0;
	padding: 0;
}

fieldset 
{
	margin: 0;
	padding: 1em;
	border: 1px solid #999;
}

fieldset div
{	
}

fieldset div br 
{
	display: none;
}

/* Style the legend, labels, inputs and the div containing the submit button. */

legend 
{
	font-weight: bold;
	color: #333;
	margin: 0;
	padding: 0.5em;
}

label 
{
	display: block;
	float: left;
	text-align: right;
	width: 14em;
	padding: 0.5em 1em 0.5em 0;
	clear: left;
}

label.form-checkbox
{
	padding-top: 0;
}

fieldset input, textarea
{
	border: 1px solid #999;
	padding: 0.5em;
	margin-bottom: 0.5em;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	background-color: ;
	float: left;
	width: 15em;
}

fieldset input
{

}

fieldset input.form-checkbox
{
	border: 0px;
	width: auto;
}

fieldset div#disclaimer
{
	clear: left;
	padding-bottom: 0.5em;
}

textarea
{
	margin: 0;
	width: auto;
}

fieldset input:focus, textarea:focus
{
	border-color: black;
	background-color: white;
}

#fm-submit, #fm-reset 
{
	padding: 1em 0 1em 1em;
	float: left;
}

/* Mandatory fields. */

.fm-required input
{
	/*background-color: #FFDBE0;*/
	border-color: salmon;
}