/* page is 600px wide, centered. Height isn't important but try to keep scrolling to a minimum */

/* ################################ */
/* ## begin page definitions */
/* ################################ */

BODY
	{
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
	margin-bottom:10px;
/*	FONT-SIZE:9pt; - removed as it messes with <p> and <hn> tags */
	COLOR:#303030;
	FONT-STYLE:normal;
	font-family:sans-serif,tahoma,futura,Arial,helvetica;
	BACKGROUND-COLOR:#ffffff;
	FONT-VARIANT:normal;
	}

/* ################################ */
/* ## begin text definitions */
/* ################################ */

FONT {color:#666666; font-size:10pt; font-family: Arial, Helvetica,Geneva,sans-serif}

/* error text is the same size as infotext but, surprisingly enough, is red */
.errtxt
	{
	font-size:7.5pt;
	color:#ff0000;
	font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;
	text-decoration:none;
	font-weight:normal;
	}

a.errtxt:link, a.errtxt:active, a.errtxt:visited
	{
	font-size:7.5pt;
	color:#ff0000;
	font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;
	text-decoration:underline;
	font-weight:normal;
	}

a.errtxt:hover
	{
	font-size:7.5pt;
	color:#990000;
	font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;
	text-decoration:underline;
	font-weight:normal;
	}

img 
	{
	border: 0px;
	}

/*info text is small text which can be used to add info, links, etc, without cluttering the page. It can also be used for compact lists of links */
.infotextl {font-size:8.5pt; color:#353535; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; text-decoration:none; font-weight:normal;}
a.infotextl {font-size:8.5pt; color:#303030; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;text-decoration: none; font-weight:bold;}
a.infotextl:hover {font-size:8.5pt; color:#ff9900; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;text-decoration: none; font-weight:bold;}

.infotext {font-size:7.5pt; color:#353535; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; text-decoration:none; font-weight:normal;}
a.infotext {font-size:7.5pt; color:#303030; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;text-decoration: none; font-weight:bold;}
a.infotext:hover {font-size:7.5pt; color:#ff9900; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;text-decoration: none; font-weight:bold;}

.infotxtlt {font-size:7.5pt; color:#505050; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; text-decoration:none; font-weight:normal;}
a.infotxtlt {font-size:7.5pt; color:#303030; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;text-decoration: none; font-weight:bold;}
a.infotxtlt:hover {font-size:7.5pt; color:#ff9900; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;text-decoration: none; font-weight:bold;}

.sitedesign {text-align: right; font-size:7.5pt; color:#505050; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; text-decoration:none; font-weight:normal;}
a.sitedesign {font-size:7.5pt; color:#303030; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;text-decoration: none; font-weight:bold;}
a.sitedesign:hover {font-size:7.5pt; color:#ff9900; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;text-decoration: none; font-weight:bold;}

/*link text is medium text in bold dark grey with a hover color/colour defined and should be used exclusively for links, menus, etc (but not in-line links - see below) */
.link {color:#303030; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:8.5pt;text-decoration: none; font-weight:bold;}
.linkbright {color:#151515; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:8.5pt;text-decoration: none; font-weight:bold;}
.linkbright:hover {color:#ff9900; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:8.5pt;text-decoration: none; font-weight:bold;}
.linklarge {color:#303030; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:10pt;text-decoration: none; font-weight:bold;}
.link:hover {color:#ff9900; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:8.5pt;text-decoration: none; font-weight:bold;}
.linklarge:hover {color:#ff9900; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:10pt;text-decoration: none; font-weight:bold;}
.wlink {color:#ffffff; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:8.5pt;text-decoration: none; font-weight:bold;}
.wlinklarge {color:#ffffff; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:10pt;text-decoration: none; font-weight:bold;}
.wlink:hover {color:#ff9900; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:8.5pt;text-decoration: none; font-weight:bold;}
.wlinklarge:hover {color:#ff9900; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:10pt;text-decoration: none; font-weight:bold;}

/* text used in the top menu bar but which isn't a link */
.toptext {color:#808080; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:8pt;text-decoration: none; font-weight:normal;}

.toplink {color:#151515; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:8pt;text-decoration: none; font-weight:normal;}
.toplinklarge {color:#151515; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:10pt;text-decoration: none; font-weight:normal;}
.toplink:hover {color:#ff9900; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:8pt;text-decoration: none; font-weight:normal;}
.toplinklarge:hover {color:#ff9900; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:10pt;text-decoration: none; font-weight:normal;}

/* text that is hidden in the graphical version of the page, but visible in the non-graphical version */
.pagetitle {color:#ff9900; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:16pt;text-decoration: none; font-weight:normal; display:none;}
.pagetitlesm {color:#ff9900; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:10pt;text-decoration: none; font-weight:bold; display:none;}
.pagespace {color:#000000; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:2pt;text-decoration: none; font-weight:bold; display:none;}
.searchtxt {color:#000000; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:9pt;text-decoration: none; font-weight:bold; display:none;}

/* stylesheet-specific text defs - these determine how the links to switch the style sheets look */
.defaultstyle
	{
	font-size:7.5pt;
	color:#151515;
	font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;
	text-decoration: none;
	font-weight:bold;
	}

a.defaultstyle:link, a.defaultstyle:active
	{
	font-size:7.5pt;
	color:#303030;
	font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;
	text-decoration: none;
	font-weight:bold;
	}

a.defaultstyle:visited
	{
	font-size:7.5pt;
	color:#606060;
	font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;
	text-decoration: none;
	font-weight:bold;
	}

a.defaultstyle:hover
	{
	font-size:7.5pt;
	color:#ff9900;
	font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;
	text-decoration: none;
	font-weight:bold;
	}

.textonlystyle
	{
	font-size:7.5pt;
	color:#303030;
	font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;
	text-decoration: none;
	font-weight:bold;
	}

a.textonlystyle:link, a.textonlystyle:active, a.textonlystyle:visited
	{
	font-size:7.5pt;
	color:#303030;
	font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;
	text-decoration: none;
	font-weight:bold;
	}

a.textonlystyle:hover
	{
	font-size:7.5pt;
	color:#ff9900;
	font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;
	text-decoration: none;
	font-weight:bold;
	}

/*body text is medium/large text in normal-weight medium grey. a link style is also defined for in-line links */
.bodyhead {color:#ffffff; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:8.5pt;text-decoration: none; font-weight:bold;}
a.bodyhead:link, a.bodyhead:active, a.bodyhead:visited
	{
	color:#ffffff;
	font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;
	font-size:8.5pt;
	text-decoration: none;
	font-weight:bold;
	}
a.bodyhead:hover {color:#ff9900; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:8.5pt;text-decoration: none; font-weight:bold;}

.bodytextfp
	{
	color:#151515;
	font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;
	font-size:9pt;
	text-decoration: none;
	font-weight: bold;
	margin-top: 0px; 
	margin-bottom: 10px;
	}

p, .bodytext
	{
	color:#151515;
	font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;
	font-size:9pt;
	text-decoration: none;
	font-weight:normal;
	margin-top: 0px; 
	margin-bottom: 10px; 
	}

a:link, a:active, a:visited
	{
	color:#303030;
	text-decoration: none;
	font-weight: bold;
	}

a:hover
	{
	color:#ff9900;
	text-decoration: none;
	font-weight: bold;
	}

h1
	{
	color:#606080;
	font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;
	font-size:15pt;
	text-decoration: none;
	font-weight: normal;
	margin-top: 0px; 
	margin-bottom: 5px; 
	border-top: #efefff 4px solid;
	}

h2
	{
	color:#606080;
	font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;
	font-size:13pt;
	text-decoration: none;
	font-weight: normal;
	margin-top: 0px; 
	margin-bottom: 5px; 
	border-top: #efefff 4px solid;
	}

h3
	{
	color:#606080;
	font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;
	font-size:10pt;
	text-decoration: none;
	font-weight: bold;
	margin-top: 0px; 
	margin-bottom: 5px;
	border-top: #ffffff 0px solid;
	}

h4
	{
	color:#606080;
	font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif;
	font-size:9pt;
	text-decoration: none;
	font-weight: normal;
	margin-top: 5px; 
	margin-bottom: 2px;
	}

/*bodyinfo text is medium/large text in normal-weight medium grey. a link style is also defined for in-line links */
.bodyinfo {color:#303030; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:8.5pt;text-decoration: none; font-weight:normal;}
.bodyinfosm {color:#303030; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:7.5pt;text-decoration: none; font-weight:normal;}
.bodylink {color:#303030; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:10pt;text-decoration: none; font-weight:bold;}
a.bodylink {color:#303030; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:10pt;text-decoration: none; font-weight:bold;}
a.bodylink:hover {color:#ff9900; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:10pt;text-decoration: none; font-weight:bold;}
.bodyref {color:#303030; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:10pt;text-decoration: none; font-weight:normal;}
a.bodyref {color:#303030; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:10pt;text-decoration: none; font-weight:normal;}
a.bodyref:hover {color:#ff9900; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:10pt;text-decoration: none; font-weight:normal;}

/*headings are either white or dark grey and are small, medium or large. A hover attribute is defined for linking */
/* #pageHeader h3 {color:#ffffff; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:7.5pt;text-decoration: none; font-weight:bold;} */
.wheadsmall {color:#ffffff; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:7.5pt;text-decoration: none; font-weight:bold;}
/* #pageHeader h2 {color:#ffffff; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:10pt;text-decoration: none; font-weight:bold;} */
.whead {color:#ffffff; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:10pt;text-decoration: none; font-weight:bold;}
/* #pageHeader h1 {color:#ffffff; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:12pt;text-decoration: none; font-weight:bold;} */
.wheadlarge {color:#ffffff; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:12pt;text-decoration: none; font-weight:bold;}
.bheadsmall {color:#303030; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:7.5pt;text-decoration: none; font-weight:bold;}
.bhead {color:#303030; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:10pt;text-decoration: none; font-weight:bold;}
.bheadlarge {color:#303030; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:12pt;text-decoration: none; font-weight:bold;}
.wheadsmall:hover {color:#ff9900; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:7.5pt;text-decoration: none; font-weight:bold;}
.whead:hover {color:#ff9900; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:10pt;text-decoration: none; font-weight:bold;}
.wheadlarge:hover {color:#ff9900; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:12pt;text-decoration: none; font-weight:bold;}
.bheadsmall:hover {color:#ff9900; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:7.5pt;text-decoration: none; font-weight:bold;}
.bhead:hover {color:#ff9900; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:10pt;text-decoration: none; font-weight:bold;}
.bheadlarge:hover {color:#ff9900; font-family:tahoma,futura,Arial,Helvetica,Geneva,sans-serif; font-size:12pt;text-decoration: none; font-weight:bold;}

/*accesskey definition allows the designer to highlight accesslinks, where defined */
.accesskey {
	text-decoration: underline;
	}

/* ################################ */
/* ## begin frame/span definitions */
/* ################################ */

/* basic elements */
html {
	margin: 0px;
	padding: 0px;
	}

acronym {
	border-bottom: none;
	}

.td /*defintion for tables */
	{
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	}

.tdr /*defintion for tables to the right */
	{
	text-align: right;
	}

.tdc /*defintion for tables to center */
	{
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	}

.layoutable /* layout table for pictures */
	{
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border:0px;
	height:538px;
	}

.doctable /*just defines main table width, position, etc */
	{
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border:0px;
	width:750px;
	}

.toptable /* nav table at top */
	{
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width:750px;
	}

.topgraphic /*image at top of page */
	{
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	border-bottom:0px;
	width:750px;
	height:60px;
	background:url(images/topgraphic.gif) no-repeat top left;
	}

.mainbody /* the cell under topgraphic - everything lives in here */
	{
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	width:750px;
	border-left: #151515 0px solid; 
	border-right: #151515 0px solid; 
	border-top: 0px; 
	border-bottom: #151515 0px solid;
	background: #c8c8c8 url(images/cornert.gif) no-repeat bottom left;
	}

.navbarhead /*navigation bar - left of page - heading style. Nb - width will be 110px wide. Allow 5px padding on right so column will be 120px. */
	{
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 125px;
	height: 20px;
	background: #2d2d2d url(images/corners.gif) no-repeat top right;
	}

.navbar /*Allow 7px padding on right and 2px on left so column will be 116px available for text */
	{
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	BORDER-RIGHT: #151515 0px solid;
	BORDER-TOP: #151515 0px solid;
	BORDER-LEFT: #151515 0px solid;
	BORDER-BOTTOM: #151515 0px solid;
	width: 121px;
	background: #ffffff url(images/cornerbs.gif) no-repeat bottom left;
	}

.infobarhead /*more information box - right of page - heading style. Nb - width will be 110px wide. Allow 5px padding on left so column will be 120px. */
	{
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 110px;
	height: 20px;
	background: #2d2d2d url(images/corners.gif) no-repeat top right;
	}

.infobar /*Allow 7px padding on right and 2px on left so column will be 116px available for text */
	{
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 2px;
	padding-bottom: 20px;
	BORDER-RIGHT: #151515 0px solid;
	BORDER-TOP: #151515 0px solid;
	BORDER-LEFT: #151515 0px solid;
	BORDER-BOTTOM: #151515 0px solid;
	width: 120px;
	background: #ffffff url(images/cornerbs.gif) no-repeat bottom left;
	}

.maintable /* sets the width of the main table */
	{
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 470px;
	}

.mainhead /*blank main heading box - use when you want to insert your own title, etc */
	{
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
/*	width: 430px; */
	height: 20px;
	background: #2d2d2d url(images/corners.gif) no-repeat top right;
	}

.main /*Main window def. 390px wide. Off-white bg. 10px padding @ bottom */
	{
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	BORDER-RIGHT: #151515 0px solid;
	BORDER-TOP: #151515 0px solid;
	BORDER-LEFT: #151515 0px solid;
	BORDER-BOTTOM: #151515 0px solid;
/*	width: 430px; */
	background: #ffffff url(images/cornerbs.gif) no-repeat bottom left;
	}

.maintableinner /* the table with the document text and icon in it */
	{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	height: 492px;
/*	width: 440px; */
	}

.icontd /* the TD with an icon in it - set width. This is the generic definition - see below for icontds with icons pre-defined */
	{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 45px;
	background: #ffffff;
	}

.icontdinfo /* the TD with an info icon in it - set width. */
	{
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 45px;
	background: #ffffff url(images/info.icon.gif) no-repeat top center;
	}

.icontdwarning /* the TD with a warning icon in it - set width. */
	{
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 45px;
	background: #ffffff url(images/warning.icon.gif) no-repeat top center;
	}

.icontdhelp /* the TD with a help icon in it - set width. */
	{
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 45px;
	background: #ffffff url(images/help.icon.gif) no-repeat top center;
	}

.icontdlink /* the TD with a help icon in it - set width. */
	{
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 45px;
	background: #ffffff url(images/link.icon.gif) no-repeat top center;
	}

.icontdxmas /* the TD with a help icon in it - set width. */
	{
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 45px;
	background: #ffffff url(images/xmas.icon.gif) no-repeat top center;
	}

.texttd /* the TD with text in it next to an icon */
	{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	width: 435px;
	background: #ffffff;
	}

.texttdinfo /* the TD with an info icon in it - set width. */
	{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	width: 435px;
	background: #ffffff no-repeat top right;
	}

.texttdwarning /* the TD with a warningicon in it - set width. */
	{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	width: 435px;
	background: #ffffff no-repeat top right;
	}

.texttdhelp /* the TD with a help icon in it - set width. */
	{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	width: 435px;
	background: #ffffff no-repeat top right;
	}

.texttdlink /* the TD with a link icon in it - set width. */
	{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	width: 435px;
	background: #ffffff no-repeat top right;
	}

.tdinfo /* the TD with a help icon in it - set width. */
	{
	background: #ffffff no-repeat top right;
	}

.tdwarning /* the TD with a help icon in it - set width. */
	{
	background: #ffffff no-repeat top right;
	}

.tdhelp /* the TD with a help icon in it - set width. */
	{
	background: #ffffff no-repeat top right;
	}

.tdlink /* the TD with a help icon in it - set width. */
	{
	background: #ffffff no-repeat top right;
	}

.gradient /* gradient TD below title bar - may or may not include... */
	{
	background: url(images/gradient.gif) top left;
	height: 0px;
	}

.spacertd /* spacer column */
	{
	width: 5px;
	}

.spacerh /* spacer row */
	{
	height: 15px;
	}

.spacerhsm /* small spacer row */
	{
	height: 5px;
	}

.inputbox
	{
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	WIDTH: 121px;
	COLOR: #20321c;
	FONT-FAMILY: tahoma,verdana, arial, sans-serif;
	}

.imagecenter
	{
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	}

.login {font-size: 10px; color: white; background-color: #000000;}
.logintbl {font-size: 10px;}
.loginbtn {font-size: 10px;}
.loginlbl {text-align: center; font-size: 10px;}

.searchgif /* 20px x 20px td with search.gif background */
	{
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	BORDER-RIGHT: #151515 0px solid;
	BORDER-TOP: #151515 0px solid;
	BORDER-LEFT: #151515 0px solid;
	BORDER-BOTTOM: #151515 0px solid;
	width: 20px;
	height: 20px;
	background: #ffffff url(images/search.gif) no-repeat top left;
	}

#lselect
	{
	padding: 3px 0px 3px 5px;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #ffffff 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#ffffff;
	}

#lselect5
	{
	padding: 3px 0px 3px 5px;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #ffffff 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#ffffff;
	}

#lselect2
	{
	padding: 3px 0px 3px 5px;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #ffffff 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#ffffff;
	}

#lselect3
	{
	padding: 3px 0px 3px 5px;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #ffffff 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#ffffff;
	}

#lselect4
	{
	padding: 3px 0px 3px 5px;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #ffffff 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#ffffff;
	}

#lselect6
	{
	padding: 3px 0px 3px 5px;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #ffffff 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#ffffff;
	}

#lselect7
	{
	padding: 3px 0px 3px 5px;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #ffffff 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#ffffff;
	}

#lselect8
	{
	padding: 3px 0px 3px 5px;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #ffffff 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#ffffff;
	}

#lselect9
	{
	padding: 3px 0px 3px 5px;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #ffffff 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#ffffff;
	}

#lselect10
	{
	padding: 3px 0px 3px 5px;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #ffffff 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#ffffff;
	}

#lselect11
	{
	padding: 3px 0px 3px 5px;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #ffffff 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#ffffff;
	}

#lselect55
	{
	padding: 3px 0px 3px 5px;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #ffffff 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#ffffff;
	}

#lselect56
	{
	padding: 3px 0px 3px 5px;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #ffffff 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#ffffff;
	}

#lselectloc
	{
	padding: 3px 0px 3px 5px;
	list-style-type: none;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #303030 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#c8c8c8;
	}

#lselectloc5
	{
	padding: 3px 0px 3px 5px;
	list-style-type: none;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #303030 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#c8c8c8;
	}

#lselectloc6
	{
	padding: 3px 0px 3px 5px;
	list-style-type: none;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #303030 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#c8c8c8;
	}


#lselectloc7
	{
	padding: 3px 0px 3px 5px;
	list-style-type: none;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #303030 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#c8c8c8;
	}


#lselectloc8
	{
	padding: 3px 0px 3px 5px;
	list-style-type: none;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #303030 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#c8c8c8;
	}


#lselectloc9
	{
	padding: 3px 0px 3px 5px;
	list-style-type: none;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #303030 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#c8c8c8;
	}


#lselectloc10
	{
	padding: 3px 0px 3px 5px;
	list-style-type: none;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #303030 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#c8c8c8;
	}


#lselectloc11
	{
	padding: 3px 0px 3px 5px;
	list-style-type: none;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #303030 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#c8c8c8;
	}


#lselectloc2
	{
	padding: 3px 0px 3px 5px;
	list-style-type: none;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #303030 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#c8c8c8;
	}

#lselectloc3
	{
	padding: 3px 0px 3px 5px;
	list-style-type: none;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #303030 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#c8c8c8;
	}

#lselectloc4
	{
	padding: 3px 0px 3px 5px;
	list-style-type: none;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #303030 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#c8c8c8;
	}

#lselectloc55
	{
	padding: 3px 0px 3px 5px;
	list-style-type: none;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #303030 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#c8c8c8;
	}

#lselectloc56
	{
	padding: 3px 0px 3px 5px;
	list-style-type: none;
	margin: 0px;
	width: 105px;
	text-align: left;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	width: 121px;
	BORDER-LEFT: #303030 5px solid;
	BORDER-RIGHT: #ffffff 5px solid;
	background:#c8c8c8;
	}


#lselect:hover
	{
	background-color: #c8c8c8;
	}

#lselectloc:hover
	{
	background-color: #c8c8c8;
	}