<!--
/*-- Body margins and background colour --*/
body {
margin:0;
padding:0;
background-color:#FFFFFF;
}

/*-- Main page surround and outside margins --*/
#wrap {
margin-top:10px;
margin-left:auto;
margin-right:auto;
width:700px;
background-color:#FFFFFF;
}

/*--  Top section that contains the logo  --*/
#header {
width: 700px;
font-family: Arial;
font-size: 11px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom:0px;
background-color: #FFFFFF;
border: 0px solid #360;
}

/*-- The second horizontal area with page tagline --*/
/*-- Increasing padding means reduce width to keep it same total size --*/
#header2 {
font-family: Arial;
font-size: 11px;
font-weight: normal;
color: #FFFFFF;
width: 681px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
background-color: #009933;
border: 0px solid #FFF;
margin-bottom: 2px;
padding: 1px;
padding-left: 18px;
}

/*--  Format for the main body table (map, content and sidebar) --*/
#middlewrap {
font-family: Arial;
font-size:12px;
align: center;
width: 698px;
border: 0px solid #FFF;
}
/*-- If you change border width, change full width as well - total width needs --/*
/*-- to be 700 + border width x 2 --*

/*--  Main Content area excluding left menus column  --*/
#main {
background-color:#FFFFFF;
float:right;
width:510px;
padding-bottom:5px;
padding-right:0px;
margin-right: 0px;
text-align: left;
line-height: 130%;
}

/*--  The directory structure just above the Main Content Title area  --*/
#map{
font-family: Arial;
font-size: 11px;
color: #666666;
background-color: #FFFFFF;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 10px;
margin-left: 0px;
margin-right: 0px;
text-align: left;
border-bottom: 0px solid #666666;
}

/*--  How the regular links look in the map area  --*/
#map a {
font-family: Arial;
font-size: 11px;
color: #666666;
text-decoration: underline;
}

/*--  How the map area links look when hovered over with the mouse  --*/
#map a:hover {
color: Red; 
font-family: Arial;
font-size: 11px;
cursor : pointer; cursor: hand;
text-decoration: underline;
}

/*--  Left margin for main content area --*/
#maincontent {
padding-left:10px;
}

/*--  Holds the shape of the left side menus column --*/
#sidebarwrap {
text-align: center;
width:170px;
padding:0px;
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom: 0px;
border:0px solid #900;
background-color: #B5E287;
}

/*-- Text in Menus column top section (links in menus section set by link settings below) --*/
#sidebar {
line-height: 18px;
text-align: left;
font-family: Arial;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #336600; 
width:150px;
padding-top:5px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
margin-top:5px;
border:0px solid #336699;
}

/*-- Menu links in top sidebar section --*/
#sidebar a {
font-family: Arial;
font-size: 12px;
color: #00F;
font-weight: normal;
text-decoration: underline;
}

/*-- Menu links in top sidebar section when hovered over with the mouse --*/
#sidebar a:hover {
font-family: Arial;
font-size: 12px;
color: #F00;
font-weight: normal;
cursor : pointer; cursor: hand;
text-decoration: underline;
}

/*-- Menu links in top sidebar section when visited --*/
#sidebar a:visited {
font-family: Arial;
font-size: 12px;
color: #800080;
font-weight: normal;
cursor : pointer; cursor: hand;
text-decoration: underline;
}

/*-- Notes in More resources section (within global menu)--*/
#resourcesnotes {
line-height: 15px;
text-align: left;
font-family: Arial;
font-size: 12px;
font-weight: normal;
text-decoration: none;
color: #000; 
width:150px;
padding-top:0px;
padding-left:0px;
padding-right:5px;
padding-bottom:5px;
margin-top:0px;
margin-bottom:10px;
border:0px dashed #336699;
}

/*-- Google Ad Link unit format --*/
#googleadlink {
width:150px;
font-family: Arial;
font-size: 12px;
font-weight: normal;
padding-top:0px;
padding-left:0x;
padding-right:0px;
padding-bottom:0px;
margin-top:0px;
margin-bottom:10px;
border:0px dashed #336699;
}

/*-- More resources format - page-specific editable menus and content --/*
/*-- (links in section set by link settings below) --*/
#resources {
line-height: 22px;
text-align: left;
font-family: Arial;
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #336600; 
width:150px;
padding-top:5px;
padding-left:0px;
padding-right:5px;
padding-bottom:5px;
margin-top:5px;
margin-bottom:10px;
border:0px dashed #336699;
}


/*-- More resources links formatting --*/
#related a {
font-family: Arial;
font-size: 12px;
color: #00F;
font-weight: normal;
text-decoration: underline;
}

/*-- More resources links formatting when hovered over with the mouse  --*/
#related a:hover {
font-family: Arial;
font-size: 12px;
color:  F00;
font-weight: normal;
cursor : pointer; cursor: hand;
text-decoration: underline;
}

/*-- More resources links formatting when visited --*/
#sidebar a:visited {
font-family: Arial;
font-size: 12px;
color: #800080;
font-weight: normal;
cursor : pointer; cursor: hand;
text-decoration: underline;
}


/*-- Bottom Footer Bar --*/
/*-- The clear:both line is needed to make sure it goes below the floated content --*/
#footer {
font-family: Arial;
font-size: 12px;
color: #FFFFFF;
text-align: center;
margin-top: 0px;
width: 698px;
margin-left: auto;
margin-right: auto;
background-color: #009933;
border: 0px solid #900;
margin-bottom: 0px;
padding: 1px;
clear:both;
}

/*--  How the Footer Area links look in all pages  --*/
#footer a {
font-family: Arial;
font-size: 12px;
color: #FFFFFF;
text-decoration: underline;
}

/*-- How the Footer Area links look all pages when hovered over with the mouse --*/
#footer a:Hover {
color: Yellow; 
font-family: Arial;
font-size: 12px;
cursor : pointer; cursor: hand;
text-decoration: underline;
}

/*-- General look of links not effected by any of the links formats above --*/
.alink {
color: Blue; 
font-family: Arial;
font-size: 12px;
cursor : pointer; cursor: hand;
text-decoration: underline;
font-weight: normal;
}

/*--  Heading level 1 style --*/
h1 {
font-family: Arial;
font-size: 20px;
font-weight: bold;
text-decoration: none;
color: #360;
line-height: 110%;
}

/*--  Heading level 2 style --*/
h2 {
font-family: Arial;
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #360;
line-height: 100%;
}

/*--  Heading level 3 style --*/
h3 {
font-family: Arial;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #000; }

/*--  Reduces the verticle spacing taken up by the Subscription Form  --*/
form.nospace {
line-height : 1%;
padding : 0px;
margin : 0px;
}


/*-- Misc useful styles for formatting --*/
.highlightbox		{font:14px Arial,Helvetica,sans-serif;color: #FF0000;background-color:#FF9;border:1px solid #304561;padding:0mm 1mm;text-align:center}
.comment			{font:bold 12px Arial,Helvetica,sans-serif;color:#000;background-color:#CCF;border:1px solid #304561;padding:0mm 1mm}
.quote				{font:italic 12px Arial,Helvetica,sans-serif;color:#900;}
.bigtext			{font:bold 24px Arial,Helvetica,sans-serif;color:#900;}

.customercomment	{font:11px Arial,Helvetica,sans-serif;color:#000;background-color:#FFE8F3;border:1px solid #304561;padding:0mm 1mm}
.required			{font:11px Arial,Helvetica,sans-serif;color:#C30;background-color:#FF9;text-align:right}

/*-- Formatting for tables with rows alternate colours --*/
/*-- OK in IE, not Firefox.  Class to use for table is "data" --*/

table.data tbody tr {
	background-color:expression(rowIndex%2?(parentNode.parentNode.rowHighlightColor||"#FFFFA8"):"");
	}

table.filter tbody tr {
	display:expression( (document.forms[0].filter.value!="")?(firstChild.innerHTML.toLowerCase().indexOf(document.forms[0].filter.value.toLowerCase())==0?"block":"none"):"block");
	}