/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * main frame
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {
    background-color: #fff;
    color: #000;
    padding: 0;
    margin: 0 0 20pt 0;
    font-family: Arial, Helvetica;
    font-size: 10pt;
    font-weight: normal;
    line-height: 1.2em;
    text-align: left;
}

hr {
	margin: 0.22em 0 0 0;
	padding: 0;
}

p.navigation {
	margin: 0 0 0 0;
	padding: 0;
}

p {
	margin: 0.9em 0 0 0;
	padding: 0;
}

p.rightaligned {
	text-align: right;
}

p.centered {
	text-align: center;
}

p.ad_footer {
	margin: 0.15em 0 0 0;
	padding: 0;
	color: #777;
	font-size: 0.9em;
	font-weight: normal;
}

code {
    font-family: "Courier New", Courier;
}

div.bodytext {
	font-size: 11pt;
	line-height: 1.2em;
}


/* fixup IE & Opera
 * otherwise they forget to inherit
 * the computed font-size value
 */
table, code {
    font-size: 1em;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Links
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* normal links           */
/* ====================== */
a:link {
    color: #03c;
    background-color: inherit;
	text-docoration: underline;
}

a:visited {
    color: #807;
    background-color: inherit;
	text-docoration: underline;
}

a:link:active,
a:visited:active,
a:link:hover,
a:visited:hover {
    color: #03c;
    background-color: #ddd;
	text-decoration: none;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Headings
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* h1                     */
/* ====================== */
h1 {
    padding: 0;
    margin: 0.8em 0 -0.2em 0;
    border-style: none;
    background-color: inherit;
    color: #777;
    text-decoration: none;
    font-size: 19pt;
    font-weight: bold;
    line-height: 1.2em;
}

/* h2                     */
/* ====================== */
h2 {
    padding: 0;
    margin: 1em 0 -0.3em 0;
	border-style: none;
	background-color: inherit;
	color: #777;
    text-decoration: none;
    font-size: 16pt;
    font-weight: bold;
    line-height: 1.2em;
}

/* take care of <a name>s inside */
h2 a,
h2 a:hover,
h2 a:active {
    color: inherit;
    background-color: inherit;
    text-decoration: none;
}

/* h3, h4                 */
/* ====================== */
h3 {
    background-color: inherit;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    font-size: 14pt;
    margin: 1.1em 0 -0.3em 0;
    padding: 0;
    line-height: 1.2em;
}

h4 {
    background-color: inherit;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    font-size: 12pt;
    margin: 1.2em 0 -0.3em 0;
    padding: 0;
    line-height: 1.2em;
}

/* take care of <a name>s inside */
h3 a,
h3 a:hover,
h3 a:active,
h4 a,
h4 a:hover,
h4 a:active {
    color: inherit;
    background-color: inherit;
    text-decoration: none;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Form
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

form {
	border-style: none;
	background-color: inherit;
	float: none;
	margin: 0;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Tables
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* general                */
/* ====================== */
table {
	/* table-layout = auto|fixed|inherit */
	table-layout: auto;

	/* float = left|right|none|inherit */
	float: none;

	/* border-style = (none|hidden|dotted|dashed|solid|double|groove|ridge
						|inset|outset){1,4}|inherit */
	border-style: none;

	/* border-collapse = collapse|separate|inherit */
	border-collapse: collapse;

	/* border-width = <length>{1,4}|inherit */
	border-width: 0;

	/* border-spacing = <length>{1,2}|inherit
	   The second length, if present, specifies vertical spacing. */
/*	border-spacing: 0; for some reasons this does not work with IE.
	In case of "border-collapse: separate" one can use cellspacing="length" at the 
	HTML document to control the cell spacing */

	/* border-color = #rgb{1,4}|transparent|inherit */

	/* background-color = #rgb|transparent|inherit */
	background-color: transparent;
}

table.forms {
	border-style: outset;
	border-width: 2px;
	border-color: #fff;
	background-color: #ddd;
	border-collapse: separate;
/*	border-collapse: collapse;	this conflicts with outer border style "outset" */
	border-spacing: 0;	/* doesn't work at IE; use cellspacing="length" in HTML code */
	float: none;
	margin: 10pt 0 15pt 0;
}

caption {
	/* caption-side = top|bottom|left|right|inherit */
	caption-side: bottom;

	margin: 1em;
}

col.leftmargin {
	width: 20pt;
}

col.rightmargin {
	width: 20pt;
}

col.widebox {
	width: 700pt;
}

td, th {
	/* border-style = (none|hidden|dotted|dashed|solid|double|groove|ridge
						|inset|outset){1,4}|inherit */
	border-style: none;

	/* border-width = <length> */
	border-width: 0;

	/* border-color = #rgb{1,4}|transparent|inherit */

	/* Whether borders are drawn around empty cells. empty-cells = show|hide|inherit */
	empty-cells: show;

	/* vertical-align = baseline|top|bottom|middle */
    vertical-align: top;

	/* text-align = left|right|center|justify|<string>|inherit
	   <string> can be "." to align a column along the decimal point. */
    text-align: left;

	/* padding = (<length>|<percentage>){1,4}|inherit */
	padding: 0;
}

th {
    font-weight: bold;
}

th.logo {
	font-size: 25.5pt;
	color: #03c;
    padding: 0.2em 0 1pt 0;
    text-align: right;
    vertical-align: bottom;
    line-height: 1em;
}

th.title {
	font-size: 19pt;
	color: #777;
    padding: 0.2em 0 1.5pt 0;
    vertical-align: bottom;
    line-height: 1em;
}

td.orange {
	background-color: #f90;
	height: 1.5pt;
}

td.twopix {
	height: 1.5pt;
}

td.motto {
	font-size: 10.2pt;
	font-weight: bold;
	letter-spacing: 0.2pt;
	text-align: right;
	padding: 1.5pt 0 0.8em 0;
	color: #777;
}

td.navigation {
	font-size: 9pt;
	padding: 1.5pt 0 0.8em 0;
}

th.rightpadded,
td.rightpadded {
	padding: 0 0.9em 0 0;
}

th.centered, td.centered {
    text-align: center;
}

th.rightaligned, td.rightaligned {
    text-align: right;
}

table.forms tr.highlighted {
	background-color: #eee;
}

table.forms tr.darkened {
	background-color: #ccc;
}

table.forms tr.highlighted td {
	border-style: solid none none none;
    border-width: 1px;
	border-color: #fff;
}

table.forms th,
table.forms td {
    border-width: 0;
	padding: 0.15em 0.3em;
	height: 2em;
    vertical-align: middle;
}

table.forms tr.lineabove th,
table.forms tr.lineabove td {
	border-style: solid none none none;
    border-width: 1px;
	border-color: #fff;
}

table.forms tr td.lineleft {
	border-style: none none none solid;
    border-width: 1px;
	border-color: #fff;
}

table.forms tr.lineabove td.lineleft {
	border-style: solid none none solid;
    border-width: 1px;
	border-color: #fff;
}

table.forms td.submitrow {
	padding: 0.5em 0.3em;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Lists
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* list default values    */
/* ====================== */
ul {
	margin: 0;
	padding: 0;
    list-style-type: disc;
}

ul ul {
    list-style-type: square;
}

ul ul ul {
    list-style-type: circle;
}

li, dt, dd {
	margin: 0.5em 0 0 2em;
}

dt {
    margin-top: 0.5em;
    font-weight: bold;
}

ol li {
    margin-top: 0.5em;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Images
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
img.inline_icon {
	margin: 0 0 -0.15em 0;
	border-style: none;
}

img.floatleft {
	float: left;
	margin: 0 1em 0 0;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * -> The End <-
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */