/*

aaron.springer.com stylesheet

Class naming convention explained:

.lay* - for styling the layout of large areas. Usually applied to <table>.
.table* - for styling the layout smaller areas. Usually applied to <td>.
.text* - for styling text. Usually applied to <p>, <a> or <span>.

*/

/*
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family: "Courier New", Courier, monospace;
*/

/*
HTML tags redefined
*/
HTML { font-size: 100%; } /* IE Win hack so em font-size works */
BODY {
	color: #606157;
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
	font-size: 0.8em;
	font-size-adjust: 0.58;
	background-image: none;
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 1.25em;
}
TABLE { font-size: 100%; } /* IE Win hack so em font-size works */
A:link, A:visited, A:active {
	color: #666666;
	text-decoration: underline;
	font-family: inherit;
	font-size: inherit;
}
A:hover {
	color: #000000;
	text-decoration: none;
	font-family: inherit;	
	font-size: inherit;
	background: #FFFF99;
}
P, TABLE, TD, FONT, .textforminput, .textformbutton, INPUT, TEXTAREA {
	color: #606157;
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	font-size-adjust: 0.58;
	background-image: none;
}
P { margin: 6px 0px 6px 0px; }
TD P {	margin-top: 0px; }
DIV P { margin-top: 0px; }

FORM {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/*
IDs
*/
#pagehead
{
	width: 800px;
	height: 30px;
	margin: 10px;
}
#pagebody
{
	margin: 10px 0px 10px 10px;
	width: 820px;
}
#pagetitle
{
	color: #999999;
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	font-weight: bold;
	background-color: #666666;
	padding: 1px;
	border: 1px solid #000000;
	text-align: center;
	text-transform: uppercase;
	clear: both;
	visibility: hidden;
}
#sitetitle
{
	width: 185px;
	float: left;
}
#nav {
	float: right;
	height: 24px;
	padding-top: 3px;
}
#nav A, #nav A:link, #nav A:visited {
	color: #666666;
	font-size: 1.1em;
	margin-right: 12px;
	text-decoration: none;
}
#nav A:active {
	color: #FFFFFF;
}
#nav A:hover {
	color: #000000;
}
#searchForm{
	float: right;
	text-align: right;
	vertical-align: middle;
	height: 24px;
	/*visibility: hidden;*/
}
#news, #newshoriz, #newsvert 
{
}
/*
#news P, #newshoriz P, #newsvert P
{
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 4px 0px;
}
*/
#news .textheadbox
{
	margin: 0px 0px 4px 0px;
}

#news .image, #news .image A:hover, #newshoriz .image, #newshoriz .image A:hover
{
	text-align:center;
	background-color: inherit;
	margin: 8px 0px 8px 0px;
}
#newsvert .image, #newsvert .image A:hover
{
	text-align:center;
	background-color: inherit;
	margin: 0px 0px 0px 0px;
}
#news IMG, #newsvert IMG, #newshoriz IMG
{
	padding: 1px 1px 1px 1px;
	border: 1px solid #CCCCCC;
}
#news .body { margin-bottom: 10px; }
#footer
{
	clear: both;
	margin-top: 20px;
	margin-left: 10px;
	width: 800px;
	font-size: 0.85em;
}
#footer A, #footer A:link, #footer A:visited {
	color: #666666;
	font-size: 1.1em;
	margin-right: 12px;
	text-decoration: none;
}
#footer A:active {
	color: #FFFFFF;
}
#footer A:hover {
	color: #000000;
}
#coverimage
{
	clear: both;
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
}

/*
Classes
*/
.laytableframe
{
	border: 1px solid #CCCCCC;
	padding: 0px 0px 0px 0px;
	display: table;
}
DIV.laytableframe, SPAN.laytableframe
{
	padding: 4px 4px 4px 4px;
	display: block;
}
.laytableframe TR TD, .laytableframe TR TH
{
	border: 0px;
	padding: 4px 4px 4px 4px;
}
.laytableframe TR
{
	border: 0px;
	padding: 0px 0px 0px 0px;
}
.tableframe
{
	border: 1px solid #CCCCCC;
	padding: 4px 4px 4px 4px;
}
.tableheading
{
	color: #FFFFFF;
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	font-weight: bold;
	background: #999999;
	padding: 1px;
	border: 1px solid #666666;
	text-align: center;
	text-transform: uppercase;
	display: table-cell;
	margin: 0px 0px 0px 0px;
}
.tableheadingcolour
{
	color: #FFFFFF;
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	font-weight: bold;
	background: #003366;
	padding: 1px;
	border: 1px solid #666666;
	text-align: center;
	text-transform: uppercase;
	display: table-cell;
	margin: 0px 0px 0px 0px;
}
.tableheadingcolour TD
{
	display: table-cell;
}
.tableheadingline
{
	color:#666666;
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	/*
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	*/
}
.tabledark
{
	background-color: #CCCCCC;
}
.tablecartitem
{
	color: #000000;
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.tableheading A:link, .tableheading A:visited, .tableheading A:active
{
	color: #999999;
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
}
.tableheading A:hover
{
	color: #FFFFFF;
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
	background: #FFFF99;
}
.tablelabel
{
	color: #999999;
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
.tablefooter
{
	color: #999999;
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
.textforminputsmall, .textformbuttonsmall
{
	color: #000000;
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
	font-size: 0.9em;
	background-image: none;
}
.texthighlightred
{
	color:#FF0000;
	text-decoration: none;
}
.texthighlightyellow
{
	color:#000000;
	text-decoration: none;
	background-color: #FFFF00;
}
.texthighlight
{
	color: #000000;
	text-decoration: none;
	background-color: #FFFF99;
}
.text10px
{
	color: #000000;
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
.textcolour
{
	color:#999999;
	font-size: inherit;
}
.textgrey10px
{
	color: #999999;
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
TD.textgrey10px
{
	display: table-cell;
}
.textnavheading
{
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	font-weight: bold;
	color: #333333;
}
.textnavitem
{
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	font-style: normal;
	color: #333333;
}

.DataNav {}
table.DataNav {
	margin: 6px 0px 6px 0px;
}
.DataNav .textnavitem a {
	text-decoration: none;
	font-weight: bold;
}

/*
new textnavitem classes
*/

#imagenav TD
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
#imagenav A {
	display:block;
	padding: 1px 2px 0px 2px;
	border-bottom: 1px dotted #CCCCCC;
}
#imagenav A, #imagenav A:link, #imagenav A:visited {
	margin-bottom: 1px;
	text-decoration: none;
	background-color: inherit;
	display:block;
}
#imagenav A:active { color: #FFFFFF; }
#imagenav A:hover { background-color: #FFFF99; }
#imagenav A:hover { background-color: #FFFF99; }

/*
end new textnavitem classes
*/

.texthead10px, .textheadcolour10px, .textheadgrey10px, .textheadcolour14px, .textheadgrey14px, .texthead14px, .textfootgrey10px, .textimagelabel {
	color:#003366;
	color: black;
	text-decoration: none;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
	/*border-bottom: 1px dotted #CCCCCC;*/
	padding-bottom: 3px;
	font-weight: bold;
	display: block;
	margin: 0px 0px 4px 0px;
}
.textheadgrey10px, .textheadgrey14px { color: #999999; }
.textheadcolour10px, .textheadcolour14px { color:#003366; }
.textheadcolour14px, .texthead14px, .textheadgrey14px { font-size: 1.4em; }
TD.texthead10px, TD.textheadcolour10px, TD.textheadgrey10px, TD.textheadcolour14px, TD.textheadgrey14px, TD.texthead14px TD.textfootgrey10px, TD.textimagelabel { display: table-cell; }
.textfootgrey10px {
	color: #999999;
	padding-top: 3px;
	font-weight: normal;
	margin: 8px 0px 0px 0px;
}
.textimagelabel {
	font-size: 0.9em;
	color: #999999;
}

.textquote { color: #000000; }

.columnborder {
	background-image: url(../img/column_border_bg.gif);
	background-repeat: repeat-y;
}
.column1, .column2, .column3, .column4 {
	float: left;
	width: 185px;
	margin: 0px;
	padding: 0px;
	margin-right: 20px;
	background-color: #FFFFFF;
}
.column2 { width: 390px; }
.column3 { width: 595px; }
.column4 { width: 800px; margin-right: 0px; }