@charset "utf-8";

/* TAGS */

html, body, div, form {
	margin: 0;
	padding: 0;
	}

body {
	padding-bottom: 10px;
	background: white;
	font: 60% Arial, Helvetica, sans-serif;
	/* makes IE/Win center the page contents */
	text-align: center;
	}

/* force IE/Win to inherit text styles... (FF has trouble w/Form elements too) */
table, input, select, textarea {
	font: inherit;
	font-size: 1em;
	}

/* holds the logo; overridden in home.css */
h1 {
	float: left;
	margin: 0;
	padding: 0;
	}
h1 img {
	display: block;
	}

/* Height is set to make it big enough to show the background
   'hiding' is done via the <span> -- anything inside the span gets hidden */
h2, h3 {
	height: 17px;
	margin: 0.5em 0;
	background-repeat: no-repeat;
	font-size: 1em;
	}
h2 span, h3 span {
	display: none;
	}

h4 {
	font-size: 1em;
	}

a:link {
	color: #f26638;
	text-decoration: none;
	}
a:visited {
	color: #c36c50;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}

/* kill borders on linked images */
a img {
	border: 0 none;
	}

/* UTILITY CLASSES */

.left {
	float: left;
	}

.right {
	float: right;
	}

.getSoftware a {
	display: block;
	}

/* markerLink is for the links with the little black '+' characters */
.markerLink strong {
	font-weight: normal;
	}

/* hide underline in FF; w/o this, FF will underline everything inside the <a>
   regardless of styles applied to children; have to hide it from IE, tho, as
   otherwise IE will NOT underline anything inside the <a> regardless of styles
   on children -- hooray for dueling browser bugs! */
html>body .markerLink {
	text-decoration: none;
	}

.markerLink:link span, .markerLink:visited span {
	text-decoration: none;
	color: #000;
	}

.markerLink:hover strong {
	text-decoration: underline;
	}

.back {
	display: block;
	margin-bottom: 5px;
	padding: 0.25em 1em;
	background-color: #d6dfe0;
	}

.back strong {
	font-weight: normal;
	}

.back:link, .back:visited {
	color: #fff;
	}
/* FF will underline all link text regardless unless one adds this; if IE/Win sees it, then it won't underline anything */
html>body .back:link, html>body .back:visited {
	text-decoration: none;
	}
/* remove underline from arrow in IE/Win */
.back:link span, .back:visited span {
	text-decoration: none;
	}

.back:link strong, .back:visited strong {
	color: #000;
	}

.back:hover {
	background-color: #dee6e7;
	}

.back:hover strong {
	text-decoration: underline;
	}

ul.address {
	list-style-type: none;
	}

/* use to force a block-level container to contain floats; use the following HTML:

<div class="fixFloat"><br clear="all"></div>

The 'clear' maybe isn't strictly necessary, but I've found it reduces problems in MacIE 5 */

.fixFloat {
	display: block;
	float: none;
	clear: both;
	height: 0;
	line-height: 1px; 
	font-size: 1px;
	overflow: hidden;
	}


/* whole page wrapper */

/* sets the width of the page area + adds the funky shapey thing at bottom */
#wrap {
	/* overridden in home.css */
	width: 760px;
	/* auto margins center page content in not-IE win; no shorthand or MacIE5 won't grok it */
	margin: 0 auto 30px auto;
	padding: 30px 0 73px 0;
	background: url(../img/foot_shape.gif) bottom left no-repeat;
	/* get left-alignment back for text after the center trick for IE/Win */
	text-align: left;
	}

/* HEAD */

/* margin pushes list over away from logo; gets overridden in home.css */
#head ul {
	height: 1%;
	margin: 0 0 0 193px;
	padding: 10px 0 0 0;
	list-style-type: none;
	}
html>body #head ul {
	height: auto;
	}

#head li {
	float: left;
	width: 170px;
	/* -1 border to suck up a teensy bit of extra space in IE6/Win */
	margin: 0 0 -1px 10px;
	padding: 0;
	/* keeps height of links consistent */
	font-size: 1em;
	line-height: 1em;
	text-transform: uppercase;
	vertical-align: middle;
	}
/* override the IE fix in FF et al */
html>body #head li {
	margin-bottom: 0;
	}

#head #linksLink {
	margin-right: 60px;
	}

#head li a:link, #head li a:visited {
	display: block;
	height: 1%;
	padding: 5px 5px 5px 28px;
	/* very tall white GIF w/the requisite dash in the middle; masks the bg colour from
	   extending behind the dash */
	background: #fff url(../img/nav_bullet.gif) left center no-repeat;
	color: #000;
	}
#head li a:hover {
	background-color: #d2e2e4;
	/* very tall transparent GIF w/a transparent 'dash' to show through bg colour */
	background-image: url(../img/nav_bullet_on.gif);
	text-decoration: none;
	}

#head .active a:link, #head .active a:visited {
	background-color: #ecf0f0;
	/* same image as for hover state, but diff bg colour makes diff bullet colour */
	background-image: url(../img/nav_bullet_on.gif);
	}
#head .active a:hover {
	cursor: default;
	}


/* wrapper for 3 main columns; overridden in home.css */
#main {
	position: relative;
	clear: both;
	height: 1%;
	padding: 25px 0 0 0;
	padding-bottom: 3px;
	}
html>body #main {
	height: auto;
	}

/* FOOT */

#foot {
	clear: both;
	padding: 30px 0 0 17px;
	background: url(../img/foot_rule.gif) no-repeat;
	color: #7f7f7f;
	font-size: 1.1em;
	}

#foot a:link, #foot a:visited {
	color: #7f7f7f;
	}

#foot form {
	margin-top: 1.25em;
	}
	
.formValid {
	border:0; background:#d6dfe0 url(../img/more.gif) 56px 8px no-repeat; padding:1px 0; width:73px;
	}
	
.squareList {
	list-style-type:square;
	}
	
.comentSmall {
	font-size:0.9em; line-height:1.1em;
	}
.comentSmall span, label span {
	color:#39c4e1;
	}