body {
	background-color: #ffffff;
   font-size: 0.8em;
   font-family: Verdana, Arial, Sans-Serif;
   color:navy;
   padding: 0px;
   margin: 0px;
	display: table-cell;	/*printing fix for Firefox, with float: none; for #rightcol*/
}

#left {
	display: none;
}

#banner img {
	display: none;
}

a:link {color: navy;}
a:visited {color: purple;}
a:hover {color: purple;
	background-color: #C0C0FF;
	text-decoration: none;
	}
a:active {color: #333333;}
a.image:hover {
	background-color: transparent;
}

#footer a {color: white;}
#footer a:visited {color: white;}
#footer a:hover {color: yellow; background-color: transparent;}
#footer a:active { color:white;}

h1 {
   font-size: 1.9em;
   font-weight: normal;
   padding: 5px 10px;
   margin:0px;
	color: navy;
}
	
h2 {
   font-size: 1.3em;
	font-weight: normal;
   padding: 5px 10px;
   margin:0px;
	color: #4040FF;
}

/* ----------Container centres the layout-------------- */
#container {
   width: 100%;
   margin-bottom: 10px;
   background-color: #DBDBDB;
}

/* ----------Banner for logo-------------- */
#banner {
	background-image: url(background.gif);
   text-align: left;
}

#banner img {
   padding:10px 0px 0px 0px;
	} 

#banner h1 {
   font-size: 2em;
	font-weight: bold;
	color: #ffffff;
   background-color: #005AAB;
   border-top:5px solid #009C7B;
   border-bottom:5px solid #009C7B;
   padding:5px 5px 5px 10px;
}

/* -----------------Content--------------------- */
#content {
   line-height: 1.25;
   background-color: #E7E8FF;
   padding: 0px;
   margin-left: 0px;
   margin-right: 0px;
	float: none;
}


p, pre{
   padding: 5px 10px;
   margin: 0px;
}

/* --------------Left navigation------------- */
#left {
   float: left;
   width: 150px;
   margin: 0px;
   padding: 0px;
}

.logo {
   padding-left: 5px;
}

ul#mainnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #DBDBDB;
	}
		
ul#mainnav li {
	display: block;
	}

ul#mainnav li a {
	display: block;
	margin: 0px 0px 0px 5px;
	padding: 2px;
	background-color: #DBDBDB;
	font: 0.88em/1.23 verdana;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: navy;
	text-decoration: none;
	font-weight: bold;
	width: 90%;				/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
	border-bottom: 1px dotted;
	}

ul#mainnav li a:hover {
	background-color: #000080;
	color: #eee;
	}
	
ul#mainnav ul.subnav {
	margin: 0px;
	list-style: none;
	padding: 0px;
	border: 0px solid pink;
	}

ul#mainnav ul.subnav li {
	border-top: 0 none;
	border: 0px solid green;
	padding-left: 1.5em;
	}

ul#mainnav ul.subnav li a {
	padding: 1%;
	margin: 0px;
	font: bold 0.7em /1.5 verdana, sans-serif;
	color: #5C6F90;
	background-color: transparent;
	border: 0px solid yellow;
	}

ul#mainnav ul.subnav li a:hover {
	color: #43616B;
	background-color: transparent;
	text-decoration: underline;
	}
	
/* -----------Footer--------------------------- */
#footer {
   clear: both;
   margin: 0px;
   font-size: 0.8em;
	color: white;
   background-color: #005AAB;
   border-top:5px solid #009C7B;
   border-bottom:5px solid #009C7B;
   padding:0px 0px;
}

/* --------------Brochure--------------------------- */

.brochurenav {
   text-align: center;
	background-color: #ffffdd;
	font-size: 0.9em;
	line-height: 1.45em;
}
.brochurenav a {
	padding:0px 3px 1px 3px;
}
.brochurenav a:link {color: white;
	background-color: #8080FF;
	text-decoration: none;}
.brochurenav a:visited {color: white;
	background-color: #8080FF;
	text-decoration: none;}
.brochurenav a:hover {color: white;
	background-color: #C0C0FF;
	text-decoration: none;
	}
.brochurenav a:active {color: #333333;}

/* -----------Other Rules--------------------------- */

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.bold {
	font-weight: bold;
	color: #0000C0;
}

.italic {
   font-style: italic; 
}

.spacer {
	clear: both;
}

.imageright {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}

.imageleft {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

.imagecentre {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

img {
	border: 0px;
}

.caption {
   font: 1.25em arial;
	color: #800000;
	font-size: 1.0em;
	width: 500px;
	margin-left: 10px;
	margin-bottom: 5px;
}

hr {
width: 50%;
text-align: left;/*this will align it for IE*/
margin: 0 auto 0 0; /*this will align it left for Mozilla*/
} 

.faqq {
	margin: 0px 10px 0px 10px; 
   font-size: 1em;
	font-weight: bold;
	color: white;
   background-color: #8080C0;
   padding:5px 10px 5px 10px;
}

.faqa {
	margin: 0px 10px 0px 10px; 
   font-size: 1em;
   padding:0px 15px 10px 10px;
}

table {
   width: 595px;
	border: 1px solid #999;
   margin-left: auto;
   margin-right: auto;
	background-color: white;
}

table caption {
	font-size: 1em;
   color: white;
	background-color: navy;
	font-weight: bold;
	margin-left: auto;
   margin-right: auto;
}

table th {
   font-size: 0.8em;
   color: white;
	background-color: navy;
	border-right: 1px solid #999;
   border-bottom: 1px solid #999;
}

table td {
   font-size: 0.8em;
   padding: 3px;
   color: navy;
	border-right: 1px solid #999;
   border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	vertical-align: top;
}



/* 
	The following information must not be removed:
	Awesome Form v2 CSS
	Written by: Paul Armstrong, Paul Armstrong Designs
	Site: http://paularmstrongdesigns.com
	Example & Documentation: http://paularmstrongdesigns.com/examples/css/awesome-form.html
	Thu Jun 22 22:38:39 2006

	Special thanks to Zach Johnson for helping and pushing me to make the changes.
	Site: http://tech.no.logi.es (those aren't dots, they are diamonds)

	This work is licensed under a Creative Commons Attribution-ShareAlike 2.5 License
	http://creativecommons.org/licenses/by-sa/2.5/
*/


/*
	In the following section, many of the values must be changed in reference to another.
	Items labeled as 'subjective' are not dependent and may be easily changed as you see fit.
*/
form.puma label { 
	width: 220px; /* label width *//* label margin = (input left margin) - (label width) */
	margin-right: 10px; /* label margin */
}
form.puma label.long, form.puma p.label {
	margin-left: 120px; /* subjective */
	width: 390px; /* (textarea width) + (label width) + (label margin) - (left margin) */
}
form.puma label span {
	color: #900; /* color of required asterisk */
}
form.puma input, form.puma textarea, form.puma select {
	margin-left: 230px; /* (label width) + (label margin) */
	width: 200px; /* subjective */
}
form.puma textarea { 
	width: 300px; /* subjective, recommend: (3/2)(input width) */
}
form.puma p.desc {
	margin-left: 230px; /* (label width) + (label margin) */
}
form.puma .checks label {
	margin-left: 220px; /* (label width) + 2(label margin) */
}
form.puma .checks input {
	margin-left: 210px; /* (label width) + (label margin) */
}

/*
	The following makes Internet Explorer 6.x play nicely. 
	These fix the double float margin bug.
*/
* html form.puma .checks input { 
	margin-left: 105px;  /* (1/2)((label width) + (label margin)) */
}
* html form.puma .checks label { 
	margin-left: 210px; /* (label width) + (label margin) */
	height: 1em; 
}


/*********************************************************************************
	DO NOT EDIT BELOW THIS LINE
*********************************************************************************/


form.puma {
	margin: 0 0 1em;
}

form.puma label {
	/* 
		A label must precede the form element in the HTML
		You must keep the top padding for some browsers to keep the label and the form element looking on the same line
	*/
	float: left;
	text-align: right;
	padding-top: 0.2em;
	font-weight: bold;
	font-size: 1em;
}



form.puma label.long {
	/*
		If your label text does not fit in the left-hand side, consider this class
	*/
	float: none;
	display: block;
	text-align: left;
}

form.puma label.long:after {
	content: "";
}

form.puma input, form.puma textarea, form.puma select {
	/*
		These items must immediately follow the LABEL item associated with it and followed by a BR (see below).
		The following width must be 10pixels wider than the width of the LABEL.
	*/
	display: block;
	margin-bottom: -0.5em;
}
form.puma select[multiple="multiple"] {
	/*
		Mozilla has some weird concept of how to display multiple select boxes.
		For some reason, display: block; does not affect it.
		For more information, see https://bugzilla.mozilla.org/show_bug.cgi?id=342531
		This fixes that problem. DON'T FORGET YOUR BR TAG AFTER SELECT!
	*/
	margin-left: 0px;
}
/*form.puma br { */
	/* 
		Always include a BR tag at the end of a line of items -- generally immediately following one of an INPUT, SELECT or TEXTAREA.
		Within div.checks, include the BR after the LABEL
	*/
   /*clear: left;*/
/*}*/

form.puma input[type="radio"], form.puma input[type="checkbox"], 
form.puma input[type="hidden"] { 
	/* 
		Keeps Mozilla browsers (and others) from making the RADIO and CHECKBOXES too wide and/or tall.
		Also removes unnecessary borders from these browsers (They don't respond as expected) 
	*/
	width: auto; 
	height: 0.8em; 
	border: 0;
}

form.puma input[type="hidden"] {
	/*
		Firefox doesn't want to make them actually hidden, so I'll force it.
	*/
	display: none;
}

form.puma p.desc {
	/*
		Use this immediately following an item that needs a longer description than can be handled by the LABEL.
		The left margin should be the same as INPUT, TEXTAREA and SELECT objects.
	*/
	display: block;
	margin-top: -0.4em;
	margin-bottom: 1em;
	font-style: italic;
	font-size: 0.9em;
}


/* 
	The following section is for reversing the display of CHECKBOX and RADIO INPUTs.
	Surround the section of items with <fieldset class="checks"></fieldset> or <div class="checks"></div>.
	It is highly recommended to use FIELDSET over DIV when there are multiple items.
	In the section, the INPUT precedes the LABEL and the BR comes last (after the label).
*/
form.puma .checks label {
	/*
		Overrides for previously defined stuff and changes.
		Left margin must be 10pixels more than "form.puma input, form.puma select" etc.
	*/
	float: none;
	width: auto;
	clear: none;
	display: block;
	text-align: left;
	height: 2em;
	padding-top: 0;
	margin-bottom: -1em;
}



form.puma .checks input {
	/*
		Left margin is the same value as "form.puma input, form.puma select" etc.
	*/
	float: left;
	text-align: right;
	margin-bottom: 0.5em;
	width: auto;
}

/* 
	End reverse checks/radios section
*/


/*
	I found my own IE CSS display bug. I call it the "IE sucks, so it redraws the top border all over the fieldset like a jerk bug."
*/
* html form.puma input, * html form.puma textarea, * html form.puma select,
* html form.puma .checks input, * html form.puma .checks label, 
* html form.puma p.desc {
	margin-top: 0;
	margin-bottom: 0;
}
* html form.puma fieldset br {
	/*
		Hooray! We have a fix!
		For some crazy reason, IE lets me style its BR tag.
	*/
	line-height: 0.5em;
	font-size: 0.5em;
}