@charset "ISO-8859-1";

/*
 * The "#" starting character (e.g. '#something { }')
 * is used to identify styles that are linked in 
 * with the ID 'id="something"' in each element.  
 * It is intended for a single item.  Do not
 * start id names with a number.
 *
 *
 * The "." starting character (e.g. '.newthing { }')
 * is used to identify CLASSES, 'class = "newthing"'.
 * You can combine elements with class definitions
 * to be more specific, (e.g. 'p.newthing { }').
 * Do not start with a number.
 *
 * You can specifiy nesting class and 
 * element with '.newthing p { }'.  The difference
 * is that these would inherit newthing and add 
 * the p stuff.  The p.newthing would be a 
 * separatist way that does not inherit.
 * 
 * Margins are outside the element to its container.
 * Padding is between the border and the content.
 */
 
 
body { 
    background-color: rgb(255, 255, 255);
	color: black;
	font-family: helvetica, arial, serif;
	font-size: 10pt;
	font-weight: normal;
	height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
}

html {
	height: 100%;
	width: 100%;
}


p {
	font-size: 10pt;
}

h1 { color: white;
    font-family: helvetica, arial, serif;
    font-weight: bold;
    font-size: 16pt;
 	margin-right: 8.5mm;
 	margin-top: 0mm;
 	margin-bottom: 0mm;
    text-align: right;
}

h2 { color: white;
    font-family: helvetica, arial, serif;
    font-size: 13pt;
    font-style: normal;
    font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0mm;
	margin-right: 0mm;
	padding-left: 3mm;
	padding-right: 3mm;
}

/*
 * Our H2 are normally in the h2standout boxes.
 */
.h2standout {
	border: 0px solid red;
	margin-bottom: 5mm;
	text-align: left;
}

.h2standout td {
	border: 0px solid green;
}


h3 { color: white;
    background-color: rgb(0, 160, 210);
    font-family: arial, serif;
    font-size: 14pt;
    }

h4 { 
	color: rgb(0, 146, 208);
    font-family: helvetica, arial, serif;
    font-size: 11pt;
    font-weight: bold;
    margin-bottom: 3mm;
    margin-top: 0mm;
}



A:link { 
	color: rgb(0, 146, 208);
	font-size: 10pt;
    font-weight: normal;
}

/* A:visited { color: rgb(0, 146, 208);
    font-weight: normal;
} */

/* A:active { color: rgb(0, 146, 208);
    font-weight: normal;
}*/


ul {
    list-style-type: disc;
}

li { 
	list-style-type: disc;
	padding-bottom: 2mm;
}


table {
	border: 0px solid red;
	border-spacing: 0px;
	border-collapse: collapse;
	font-size: 11pt;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

td {
	font-family: helvetica, arial, serif;
	font-size: 10pt;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}


/*
 * Content & Bottom content sections.
 * These are IDs.
 */
#content {
	font-family: helvetica, arial, serif;
	font-size: 10pt;
	font-weight: normal;
	margin-left: 8.5mm;
	margin-right: 8.5mm;
} 

#bottomcontent {
	margin-left: 8.5mm;
	margin-right: 8.5mm;
	margin-top: 6mm;
	margin-bottom: 6mm;
}

 
/* 
 * Standout Tables 
 *
 * Note that for print preview to work correctly
 * with background images enabled, we need to 
 * put the border and padding aspects directly
 * into the HTML.  For some reason these CSS
 * aspects do not seem to work with Printing and
 * Print Preview.
 */
.standout  {
}


.standout td {
	font-family: helvetica, arial, serif;
	font-size: 10pt;
	font-weight: bold;
}

.standout a { 
	color: rgb(254, 234, 0);
	font-weight: bold;
	text-decoration: none;
}


/*
 * Two Mini standout tables.
 */
.twoministandouts {
	width: 100%;
/*	height: 100%;  This doesn't work for us the way I want */
}


/*
 * Tabbar table class.
 * The text is blue when it is 
 * not a link.  It is black otherwise.
 *
 * We also need to override
 * the link colour for a tabbar
 * so they are black, and remove
 * their automatic decorations.
 */
.tabbar {
	color: rgb(0, 146, 208);
	font-family: helvetica, arial, serif;
	font-size: 10pt;
	font-weight: bold;
	margin-left: 12mm;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
}

.tabbar a {
	color: black;
	font-weight: bold;
	text-decoration: none;
}

/*
 * Styles for the search entry (mini) form
 */
#searchentry  {
/* 	float: right; */ 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 4mm;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

#searchentry ul li {
	list-style-type: none;
	/* We seem to need to reduce the built in margins top and bottom. */
	margin-top: -1mm;
	margin-bottom: -1mm;
	/* Remove all built-in offsets and lock it to the left. 
	   This only works when we are left-justified. */
	margin-left: -1cm;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}


/*
 * Special classes.
 */
.anythingspossible {
	font-family: helvetica, arial, serif;
	font-size: 13.5pt;
	font-style: normal;
	font-weight: bold;
	padding-bottom: 8mm;
	padding-left: 8.5mm;
	padding-top: 2mm;
}

.spreadout {
	padding-top: 2px;
	padding-bottom: 2px;
}	

/*
 * Table background colours.
 */
.bluebg {
	background-color: rgb(0, 146, 208);
}

.greybg {
	background-color: rgb(229, 233, 241);
}

.yellowbg {
	background-color: rgb(252, 192, 0);
}


/*
 * Navigation classes.
 */
.topnav ul, .topnap ul li
{
	display: inline; 
	padding: 0px;
}

.topnav ul li a
{
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: black;
	padding: 5px;
}
.breadcrumbs
{
	padding: 4px;
}