body {	
	background-color: White;
	color: Black;
	font-family: Verdana, Helvetica, sans-serif;	
	margin: 0px;
	padding: 5px;
	font-size: 0.75em;
	}
img {
	border: 0px;
	}
a:link, a:visited {
	color: #3300CC;
	text-decoration: underline;
	}
a:active, a:hover {
	color: #CC0000;
	text-decoration: none;
	}
	
.redback {
	background-color: #99C6EE; /* shade2 */
	}
.redback:hover {
	background-color: #CC0000;
	}
	
.equispaced {
	padding: 0.3em 0 0.3em 0;
	}
	
table.layout {
	width: 100%;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
	
td {
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;
	}

th {
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	}

td.logo {
	vertical-align: top;
	text-align: left;
	width: 210px;
	height: 90px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #6699FF;
	}
td.maintitle {
	vertical-align: bottom;
	text-align: center;
	width: 100%;
	height: 60px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
td.breadcrumbs {
	vertical-align: bottom;
	text-align: right;
	width: 100%;
	height: 30px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
td.top {
	vertical-align: top;
	}
td.topfull {
	vertical-align: top;
	width: 100%;
	}
hr {
	color: Black;
	border-style: solid;
	height: 2px;
	}
h1 {
	border: 0px;
	margin: 0px;
	padding: 0px;
	color: #3300CC;
	font-size: 36px;
	font-family: Verdana, Helvetica, sans-serif;	
	}
h2 {
	border: 0px;
	margin: 0em 0em 0.5em 0em;
	padding: 0px;
	font-size: 2em;
	text-align: center;
	font-weight: bold;
	font-family: Verdana, Helvetica, sans-serif;	
	}
h3 {
	border: 0px;
	margin: 0em 0em 0.5em 0em;
	padding: 0px;
	font-size: 1.5em;
	text-align: left;
	font-weight: bold;
	font-family: Verdana, Helvetica, sans-serif;	
	}
h4 {
	border: 0px;
	margin: 0em 0em 0.5em 0em;
	padding: 0px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	font-family: Verdana, Helvetica, sans-serif;	
	}
p {
	border: 0px;
	margin: 0em 0em 0.5em 0em;
	padding: 0px;
	font-family: Verdana, Helvetica, sans-serif;	
	}
ol {
	list-style-type: decimal;	
	list-style-position: outside;
	border: 0px;
	margin: 0em 0em 0.5em 0em;
	padding: 0px;
	font-family: Verdana, Helvetica, sans-serif;	
	}
ul {	
	list-style-type: disc;	
	list-style-position: outside;
	border: 0px;
	margin: 0em 0em 0.5em 0em;
	padding: 0px;
	font-family: Verdana, Helvetica, sans-serif;	
	}
li 
	{
	margin: 0em 0em 0.2em 4em;
	border: 0px;
	padding: 0px;
	font-family: Verdana, Helvetica, sans-serif;	
	}
.footer {	
	font-size: 0.8em;
	margin: 0em 0em 0.5em 0em;
	}
.box {
	margin: 0em 0em 0.5em 0em;
	padding: 10px;
	background-color: #D4D0C8;
	border: 0px;
	}
.monospace {
	font-family: "Courier New", Courier, mono, serif;
	}
.question {
	font-style: italic;
	margin: 0em 0em 0.5em 0em;
	}
.answer {
	margin: 0em 0em 0.5em 4em;
	}
.copyright {
	font-size: 0.8em;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
.menubar {
	border: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background-color: #99CCFF;
	white-space: nowrap;
	}
.pagecontent {
	width: 100%;
	border: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	background-color: #99CCFF;
	}

table.cmstable {
	margin-bottom: 0.5em;
	}
th.cmstabletitle {
	text-align: center;
	}
p.cmstabletitle {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0px;
	}
th.cmstableheader {
	text-align: center;
	}
p.cmstableheader {
	font-weight: bold;
	margin: 0px;
	}
td.cmstablesubtitle {
	text-align: left;
	}
p.cmstablesubtitle {
	font-size: 1.2em;
	margin: 0px;
	}
td.cmstablenormal1 {
	text-align: left;
	}
td.cmstablenormal {
	text-align: center;
	}
p.cmstablenormal {
	margin: 0px;
	}
	
input, textarea, file {
	font-size: 1em;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #99CCFF;
	padding-left: 2px;
	font-family: Verdana, Helvetica, sans-serif;	
	}

select {
	font-size: 1em;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #99CCFF;
	font-family: Verdana, Helvetica, sans-serif;	
	}

.box45embig {width: 30em; font-size: 1.5em; font-weight: bold; text-align: center;}
.box45emmed {width: 37.5em; font-size: 1.2em;}
.box45em {width: 45em;}
.box45emcenter {width: 45em; font-weight: bold; text-align: center;}
.box40em {width: 40em;}
.box35em {width: 35em;}
.box24em {width: 24em;}
.box24emcenter {width: 24em; text-align: center;}
.box22em {width: 22em;}
.box20em {width: 20em;}
.box20emcenter {width: 20em; text-align: center;}
.box16em {width: 16em;}
.box16emcenter {width: 16em; text-align: center;}
.box15em {width: 15em;}
.box14em {width: 14em;}
.box14emcenter {width: 14em; text-align: center;}
.box13em {width: 13em;}
.box13emcenter {width: 13em; text-align: center;}
.box12em {width: 12em;}
.box11em {width: 11em;}
.box11emcenter {width: 11em; text-align: center;}
.box10em {width: 10em;}
.box10emcenter {width: 10em; text-align: center;}
.box9em {width: 9em;}
.box8em {width: 8em;}
.box8emcenter {width: 8em; text-align: center;}
.box8emright {width: 8em; text-align: right;}
.box7em {width: 7em;}
.box7emcenter {width: 7em; text-align: center;}
.box6em {width: 6em;}
.box6emcenter {width: 6em; text-align: center;}
.box5em {width: 5em;}
.box5emcenter {width: 5em; text-align: center;}
.box4em {width: 4em;}
.box3em {width: 3em;}
.box2em {width: 2em;}
.firstcol {width: 10em; text-align: left;}
.restcols {width: 6em; text-align: center;}

.nowrap {white-space: nowrap;}
.nogap {padding: 0px; margin: 0px;}

.shade0 {background-color: #99CCFF;}
.shade1 {background-color: #77AADD;}
.shade2 {background-color: #99C6EE;}
.shade3 {background-color: #A6DDFF;}

.red {color: #CC0000;}
.normal {}

.tooltip {border-bottom-style: dashed; border-bottom-color: #3300CC; border-bottom-width: 1px; color: #3300CC; cursor: help;}

.right {text-align: right;}

td.panell {background-image:url(panell.gif); background-position:top; background-repeat:repeat-y;}
td.panelr {background-image:url(panelr.gif); background-position:top; background-repeat:repeat-y;}
td.panelt {background-image:url(panelt.gif); background-position:bottom; background-repeat:repeat-x;}
td.panelb {background-image:url(panelb.gif); background-position:top; background-repeat:repeat-x;}
td.paneltl {background-image:url(paneltl.gif); background-position:bottom; background-repeat:no-repeat;}
td.paneltr {background-image:url(paneltr.gif); background-position:bottom; background-repeat:no-repeat;}
td.panelbl {background-image:url(panelbl.gif); background-position:top; background-repeat:no-repeat;}
td.panelbr {background-image:url(panelbr.gif); background-position:top; background-repeat:no-repeat;}

.menuspacer {
	width: 100%;
	background-color: #000000;
	}

/* paragraph styles for the menu and submenu (subsubmenu uses the same paragraph style as submenu) */	
.menu {
	margin: 0px;
	display: block;
	padding: 0px;
	background-color: #99CCFF;
	border: 0px;
	white-space: nowrap;
	text-decoration: none;
	}
.submenu {
	margin: 0px;
	display: block;
	padding: 0px;
	background-color: #99CCFF;  /* if changing, do ".transMenu .background" AND  ".transMenu .item, .transMenu .item:visited" as well */
	border: 0px;
	white-space: nowrap;
	text-decoration: none;
	font-weight: normal;
	}
	
/* paragraph styles for the menu and submenu WHEN SELECTED (subsubmenu uses the same paragraph style as submenu) */	
.menusel {
	margin: 0px;
	display: block;
	padding: 0px;
	background-color: #88AAEE;
	border: 0px;
	white-space: nowrap;
	text-decoration: none;
	}
.submenusel {
	margin: 0px;
	display: block;
	padding: 0px;
	background-color: #88AAEE;
	border: 0px;
	white-space: nowrap;
	text-decoration: none;
	font-weight: normal;
	}

/* hyperlink styles for top level menus (linked with p.menu above) */
a.menulink, a.menulink:visited {
	margin: 0px;
	display: block;
	font-size: 13pt;
	font-weight: bold;
	padding: 5px;
	border: 0px;
	text-decoration: none;
	width: 100%;
	}
a.menulinksel, a.menulinksel:visited {
	margin: 0px;
	display: block;
	font-size: 13pt;
	font-weight: bold;
	padding: 5px;
	border: 0px;
	text-decoration: none;
	width: 100%;
	}
a.menulink:hover, a.menulinksel:hover, a.menulinktranshover, a.menulinktranshover:hover, a.menulinktranshover:visited {
	margin: 0px;
	display: block;
	font-weight: bold;
	font-size: 13pt;
	padding: 5px;
	border: 0px;
	background-color: #FFFFFF;
	text-decoration: none;
	color: #CC0000;
	width: 100%;
	}

/* hyperlink styles for second level menus (linked with p.submenu above) */
a.submenulink, a.submenulink:visited {
	margin: 0px;
	display: block;
	font-weight: normal;
	font-size: 13pt;
	padding: 5px;/* 0.4em 0.4em 1.8em;*/
	border: 0px;
	text-decoration: none;
	width: 100%;
	}
a.submenulinksel, a.submenulinksel:visited {
	margin: 0px;
	display: block;
	font-weight: normal;
	font-size: 13pt;
	padding: 5px;/* 0.4em 0.4em 1.8em;*/
	border: 0px;
	text-decoration: none;
	width: 100%;
	}
a.submenulink:hover, a.submenulinksel:hover, a.submenulinktranshover, a.submenulinktranshover:hover, a.submenulinktranshover:visited {
	margin: 0px;
	display: block;
	font-weight: normal;
	font-size: 13pt;
	padding: 5px;/* 0.4em 0.4em 1.8em;*/
	border: 0px;
	background-color: #FFFFFF;
	text-decoration: none;
	color: #CC0000;
	width: 100%;
	}

/* hyperlink styles for third level menus (linked with p.submenu above) - only difference to submenu is left indent */
a.subsubmenulink, a.subsubmenulink:visited {
	margin: 0px;
	display: block;
	font-weight: normal;
	font-size: 13pt;
	padding: 5px;/* 0.4em 0.4em 2.8em;*/
	border: 0px;
	text-decoration: none;
	width: 100%;
	}
a.subsubmenulinksel, a.subsubmenulinksel:visited {
	margin: 0px;
	display: block;
	font-weight: normal;
	font-size: 13pt;
	padding: 5px;/* 0.4em 0.4em 2.8em;*/
	border: 0px;
	text-decoration: none;
	width: 100%;
	}
a.subsubmenulink:hover, a.subsubmenulinksel:hover, a.subsubmenulinktranshover, a.subsubmenulinktranshover:hover, a.subsubmenulinktranshover:visited {
	margin: 0px;
	display: block;
	font-weight: normal;
	font-size: 13pt;
	padding: 5px;/* 0.4em 0.4em 2.8em;*/
	background-color: #FFFFFF;
	text-decoration: none;
	width: 100%;
	}
	
/* floating popup menus - each TR.item is one menu item - based on submenu / subsubmenu */
.transMenu .item, .transMenu .item:visited {
 	margin: 0px;
	display: block;
	font-size: 13pt;
	padding: 5px 12px 5px 12px;
	border: 0px;
	text-decoration: none;
	cursor: pointer;
	background-color: #88AAEE;  /* should be the same as p.submenu above */
	color: #3300CC;
	}
/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .itemhover {
 	margin: 0px;
	display: block;
	font-size: 13pt;
	padding: 5px 12px 5px 12px;
	border: 0px;
	text-decoration: none;
	cursor: pointer;
	background-color: #FFFFFF;
	color: #CC0000;
	}	
	
/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position: absolute;
	overflow: hidden;
	left: -1000px;
	top: -1000px;
	}
	
.transMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	background-color: #88AAEE;  /* should be the same as p.submenu above */
	}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position: absolute;
	}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative;
	left:0px; top:0px;
	z-index:2;
	}