html, body {
	margin:0;
	padding:0;
	color: #353d4c;
	background: #f7f8f9;
	border:none;
}
body {
	font: normal 100% 'lucida grande', 'lucida sans unicode', lucida, verdana, sans-serif;
}
body[id]::before{display:none}
/* grey blue: ##8f9bb3 */
p, ol, ul, dl {
	font-size: .9em;
	}
ul ul, ul ol, table {font-size:1em}
ul ul, ul ol {margin-bottom:0;}

h1 {font-size: 1.35em;}
h2 {font-size: 1.15em;}
h3 {font-size: 1.05em;}
h4 {font-size: .95em;}
h2, h3 {color:#8e482a; border-left: 2em solid #8e482a;}

h1, h2, h3 {padding-left: .5em;}
h1 {border-left: 2em solid #353d4c}
h4 {margin: 0 0 .66em 0}


a:link, a:visited {color:#003a75;}
a:link {text-decoration:underline}
a:visited {text-decoration:line-through;}
a:focus, a:hover, a:active {text-decoration:none; background: #d8d8d8}
a img {border: none;}

pre {margin: 0 0 .5em 7em; padding: .5em; border-left: 2px solid #b8b8b8}
p img {vertical-align:middle}

blockquote {
	margin: 0 2em 1em 6em;
	border-left: 2px solid #c8c8c8;
	padding: .3em .5em .3em;
	}
blockquote ol {
	margin: 0 1em 0 5em 2em;
	padding: 0 0 0 2em;
	}
#homeC blockquote p {
	margin: 0;
	padding: 0 2.5em 0;
	text-align:right;
	}

p { margin: 0 0 1em;}

#homeC p {margin:0 3em 1em 5em;} /* frontpage only */
#homeC p+h3 {margin: 2em 1em 1em 0;}
#homeC p+h4 {margin: 2em 1em .66em 0;}


/* -- header -- */

#header {
	margin: 0;
	padding: 10px 1.5em;
	background: #353d4c;
	color:#fff;
	border-bottom: 1px solid #f8f8f8;
}
#header p {
	margin:0;
	text-align:left;
	font: bold 1.3em/130% 'Helvetica', 'lucida sans unicode', lucida, verdana, sans-serif;
	font-variant:small-caps;
	color:#fff;
	}	
#header p img { float:right; margin:0;}


/* -- menu -- */
#tpmenu{
	margin: 0;
	background: #a86a00;
	border-top: 1px solid #333;
	border-bottom: 1px solid #353d4c;
	white-space:nowrap;
	}

#tpmenu ul {
	text-align: right;
	margin: 0;
	padding: 2px 0;
	font-size: .9em;
	}
#tpmenu ul li {
	display:inline;
	padding: 0 6px 0 0
	}
.start {float:right; width: 5em; font-size: .9em; margin:0 0 0 .6em;}
#tpmenu a {
	position:relative;
	padding: 2px 6px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	margin: 0;
	}
.start a {top:2px;}
#tpmenu a:link, #tpmenu a:visited {color:#fff; text-decoration:none;}
.start a, #tpmenu ul li:first-child a {
	font-weight:bold;
	font-variant:small-caps;
	background:#8e482a;
	}
#tpmenu a:focus, #tpmenu a:hover, #tpmenu a:active {
	text-decoration:underline;
	background:#b35021
	}
#tpmenu .start a:focus, #tpmenu ul li:first-child a:focus, #tpmenu .start a:hover, #tpmenu ul li:first-child a:hover, #tpmenu .start a:active, #tpmenu ul li:first-child a:active {
	background:#8e482a;
	}



/* extra nav */

ul#sbnc {margin:.4em 0 0; padding:0; text-align:right}
ul#sbnc li { margin: 0; padding: 0 6px 0 0; display:inline}
ul#sbnc li a {
	border-right: 1px solid #bbb;
	border-left: 1px solid #bbb;
	color: #345;
	padding: 1px 5px;
	}
ul#sbnc li a:link {text-decoration:underline;}
ul#sbnc li a:focus, ul#sbnc li a:hover, ul#sbnc li a:active {background:#d8d8d8; text-decoration:none;}



/* -- contents area -- */

.wrapper, .wrapper2 {
	padding: 5px 50px 0;
	margin: 2em 0;
	border-top: 1px solid #cde;
	border-bottom: 3px solid #cde;
	}
.wrapper2 {position:relative}

/* -- Sidebar_p2 -- */
#sidebarT3 {
	float:left;
	width: 155px;
	border-right: 1px solid #2a598e;
	border-bottom: 1px solid #2a598e;
	background: #8fa1b3 url(../im/sbT3.png) no-repeat 0 0;
	padding: .6em 0 0;
	}
* html #sidebarT3 {width: 156px; w\idth:155px;}
.sbT3 {margin:0;}
.sbT32 {margin: 0;}
/* - \*/
* html .sbT32 {margin-right: 20px}
/* - */

#sidebarT3 strong {background: transparent}
#sidebarT3 h3, #sidebarT3 p { margin: 0 10px .8em; color:#f9f9f9; border:none;}
#sidebarT3 h3 {font-size: .9em; border-bottom: 1px dashed #f9f9f9; font-variant:small-caps}
#sidebarT3 a {font-weight:bold; color: #2a598e; background: #d7e1ea; padding: 0 1px}
#sidebarT3 a:focus, #sidebarT3 a:hover { background: #fff}
#sidebarT3 img {margin: 0 3px}
#sidebarT3 a.img {padding:0; background:transparent}

/* -- main container _p1 -- */
div#main {
	border: 1px solid #c00;
	margin: 0 220px 0 0;
	padding: .5em;
	}

/* -- main container_p2 -- */

#mainC, #mainC2 {
	margin: 0 0 1em 175px;
	border: 1px solid #c00;
	padding: .1em 5px;
	}
/* mainC2 to use with class sbT32, workaround for IE Win broken width model */
/* - \*/
* html #mainC2 {margin-left:0; height:1%}
/* - */



/* -- tables -- */

table {
	border-collapse:collapse;
	border-spacing:0;
	margin-bottom: 1em;
	border: none;
	}
th, td {
	padding: .4em 0;
	font-size: .85em;
	}
td {
	border-right: 1px solid #353d4c;
	border-bottom: 1px solid #353d4c;
	background: #e8e7e6;
	vertical-align:top
	}

/* part1 tables */
table.datatb1, table.datatb2, table.datatb52, table.datatb3 {table-layout:fixed;}	

table.tablefixed, table.tablefixed2 {table-layout:fixed}
table.tablefixed2 col {width:25%}

/* - part 2 tables */
table.tableT1 col, table.tableT2 col {width:25%}
table.tableT2, table.tableT3, table.tableT31, table.tableT32 {table-layout:fixed}
table.tableT3, table.tableT31, table.tableT32 {width:100%}

/* only IE win \*/
* html table.tableT31 {margin-left:-3px} /* win IE5 only ? */
* html table.tableT32 {margin-right:-3px; margin-left:-3px;} /* win IE5 only ? */
/* - */


div.tablewrapper {width:100%; margin:0 0 1em;  background: #ffe9c1; border-bottom: 1px dashed #444} /* using */
div.tablewrapperM3 {width:100%; margin:0 0 1em 0;  background: #f3dbff; border-bottom: 1px dashed #444} /* using */
/* - \*/
* html div.tablewrapperM3 {margin:0 0 1em -3px;} /* using -- Win IE5 only */
/* - */


div.tablewrapper99 {width:99%; margin:0 0 1em; background: #c1ffe5; border-bottom: 1px dashed #444}
div.tablewrapper3 {height:1%; margin:0 0 1em;  background: #d9c1ff; border-bottom: 1px dashed #444}
div.tablewrapper4 {width:100%; height:1%; margin:0 0 1em;  background: #c1ffc2; border-bottom: 1px dashed #444}

div.testwrapper {
	width:100%;
	background: #324;
	color:#fff;
	margin:0 0 1em;
	padding:.3em 0;
	}
div.testwrapper p {
	margin: 0 1em;
	color: #fff;
	}

/* -- index page -- */
ul.mainlist {
	margin: 1em 2em 1em 3em;
	padding:0 2em 0 3em;
	list-style-type: square;
	}
h4+ul.mainlist {margin-top: 0;}
ul.mainlist ol {
	margin: 0 0 0 1em;
	padding:0 0 0 1em;
	}


.wrapper2 p, .wrapper p, .wrapper ul {line-height: 145%;} 

/* -- sidebar _v1 -- */
#sidebar, #sidebar2 {
	width:192px;
	background: #8fa1b3 url(../im/topbarblue.png) no-repeat 50% 0;
	padding: 5px 2px 0;
	}	
#sidebar {
	float:right;
	}
#sidebar2 {
	position:absolute;
	/*top:0;*/
	right:50px;
	}

#sbinner {
	background: #fff;
	margin: 0 0 5px;
	padding: 2px 6px;
	}
* html #sbinner {width: 192px; w\idth:180px;}

#sidebar h3, #sidebar h4, #sidebar2 h3, #sidebar2 h4 {
	margin: 0 3px .5em;
	font-size:1em;
	text-align:center;
	border:none;
	padding:0;
	}
#sidebar h3, #sidebar2 h3 {
	color:#fff;
	font-variant:small-caps;
	font-size:1em;
	letter-spacing:.2em
	}
#sidebar h4, #sidebar2 h4 {
	color:#acc;
	font-size:.9em;
	}
#sidebar p, #sidebar2 p {
	margin: 0 0 .5em;
	text-align:justify;
	font-size: .8em;
	}
table.sbtable {
	width:100%;
	border-top: 1px solid #444;
	border-left: 1px solid #444;
	margin: 1em 0;
	table-layout:fixed;
	}
table.sbtable td {
	padding:2px;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
	font-size: .8em;
	text-align:left
	}


/* -- footer -- */

#footer {
	clear:both;
	margin: 1em 0 0;
	padding: .5em 1.5em;
	color: #fff;
	background: #66798c;
	border-top:2px solid #d8d8d8
	}
#footer p {
	font-size: .8em;
	margin:0;
	text-align:right;
	}
#footer p span {width: 8em; float:left;}
#footer a {font-weight:bold; color: #fff; text-decoration:none}
#footer a:focus, #footer a:hover, #footer a:active {background:#ccd3dd;color:#333}
#footer a:not([onclick]):not([href="#header"]) {font-variant:small-caps; font-size:110%;}


/* -- general -- */

.clearall {
	clear:both;
	height:0;
	line-height:0;
	}
hr.clearinghr {clear:both; margin: .5em 0; visibility:hidden; height:1px}
hr.tphr {height:2px; color:#a0a9b2; background:#a0a9b2; border:none; margin: 1.5em 0 2em}

strong {background:#ede7d5; padding: 0 .15em;}
strong.note {color: #003a75;}