* {margin:0; padding:0}
body { 
background-color:#E8E8E8;
font-family: normal Tahoma, Verdana, Arial,sans-serif;
font-size:80%;
text-align: center;
color:black;
margin:0px;
/*border-top:1px solid lavender;*/
scrollbar-face-color:gainsboro;
scrollbar-highlight-color:lavender;
scrollbar-3dlight-color:lightcyan;
scrollbar-darkshadow-color:navy;
scrollbar-shadow-color:gray;
scrollbar-arrow-color:navy;
scrollbar-track-color:white;
}

#container{
	width: 68em;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	background-color:white;
	text-align:left;
	/*border-left: 2px solid lavender;
	border-right: 2px solid lavender;*/
	/*border-right-style: ridge; 
	border-left-style: ridge; */
}
#contents{
	background-color:white;
	margin-left:0.0em;
	margin-right:0.0em;
	padding-right:0.5em;
	padding-left:0.5em;
	width:55em;
	height:auto;
	float:right;
}
#container #main_header {
	height: 8.0em;
	width:100%;
	padding: 0;
	margin-top:0em;
	margin-bottom:0em;
	margin-left:0em;
	margin-right:0em;
	background: url(../image/HeaderPlatform.jpg) no-repeat center center;
	background-color:white;
/*	border-bottom:2px solid gainsboro;
	border-top:2px solid gainsboro;
*/
}
.header_title{
font-family: Verdana;
font-size: 1.6em;
font-style: italic;
}
/*
.header { height:70px;
background:white;
border-bottom:2px solid gainsboro;
}*/

#mainbody { margin-left:260px;
text-align:center;
padding-top:5px;
padding-right:20px;
padding-bottom:5px;
padding-left:2px;
background:white;
border:0px solid gray;
}
#mainbody1 { margin-left:260px;
width:800px;
text-align:center;
padding-top:5px;
padding-right:20px;
padding-bottom:5px;
padding-left:2px;
background:white;
border:0px solid gray;
}
#menu { position:absolute;
top:100px;
left:0px;
width:250px;
background:white;
color:black;
border:0px solid gray;
text-align: center;
text-decoration:none;
padding-top:5px;
}
#menu_left{
	margin:0 0 0 0;
	padding-top:2em;
	width:12em;
	background-color:white;
	float:left;
}
.containerbox
{
	margin:auto;	
}
.textblue
{
	color:blue;
}

/* goes above the bottom of header to make semi 3d effect together with darker header's bottom border*/
.topline
{
width:100%;
font-size:0.005em;
background-color:lavender;
border-bottom:0px solid lavender;
padding:0px;
}
/* goes under the top of footer to make semi 3d effect*/
.bottomline
{
width:100%;
border-top:2px solid lavender;
padding:0px;
}
.notebox {
clear: both;
width: 45em;
padding-top:1.0em;
padding-bottom:1.0em;
padding-right:0.5em;
padding-left:0.5em;
background:white;
font-size:0.88em;
text-align: center;
border:1px solid gainsboro;
margin-left:5em;

}
.notebox1 {
margin-left:10em;
}
.notebox_right {
width: 450px;
padding-top:10px;
padding-bottom:10px;
padding-right:5px;
padding-left:5px;
background:white;
font-size:12px;
border:1px solid gray;
text-align: left;
float:right;
}
.notebox_left {
/*width:30em;*/
padding-top:0px;
padding-bottom:0px;
padding-right:0.2em;
padding-left:2.0em;
background:white;
font-size:0.88em;
border-left:2px solid gainsboro;
text-align: left;
float:left;
}
.servtitle_left {
clear: both;
width:25.0em;
background:white;
font-size:100%;
font-weight:bold;
font-style: italic;
padding-top:0px;
padding-bottom:0px;
padding-right:0.2em;
padding-left:0.5em;
text-align: left;
float:left;
}
.servtitle_left1 {
clear: both;
width:30.0em;
background:white;
font-size:100%;
font-weight:bold;
font-style: italic;
padding-top:0px;
padding-bottom:0px;
padding-right:5px;
padding-left:5px;
text-align: left;
float:left;
}
.servtitle_left2 {
clear: both;
width:50.0em;
background:white;
font-size:100%;
font-weight:bold;
font-style: italic;
padding-top:0px;
padding-bottom:0px;
padding-right:5px;
padding-left:5px;
text-align: left;
float:left;
}
.note {
clear: both;
padding-top:1em;
padding-bottom:1em;
padding-left:0.5em;
padding-right:0.5em;
background:white;
font-size:0.88em;
text-align: center;
margin-left:auto;
margin-right:auto;
}
.note_just {
clear: both;
padding-top:1em;
padding-bottom:1em;
padding-left:3em;
padding-right:2.0em;
background:white;
font-size:0.88em;
text-align: justify;
margin-left:auto;
margin-right:auto;
}
.just
{
padding-left:3em;
padding-right:2.0em;
text-align: justify;
margin-left:auto;
margin-right:auto;
}

.note1 {
padding-top:0.5em;
padding-bottom:0.5em;
padding-left:0.5em;
padding-right:0.5em;
background:white;
font-size:1.0em;
font-weight:normal;
/*text-align: left;*/
text-align: justify;
}

.note2 {
padding-top:0.5em;
padding-bottom:0.5em;
padding-left:0px;
padding-right:1em;
margin-right: 1.0em;
background:white;
font-size:70%;
font-weight:normal;
font-style:normal;
/*text-align: left;*/
text-align: justify;
}
.note2_left {
/*width:100%;*/
padding-top:0.0em;
padding-bottom:0.0em;
padding-left:1.0em;
padding-right:2.0em;
background:white;
font-size:0.88em;
/*text-align: left;*/
float:left;
text-align: justify;
}
.note2_left ul
{
	padding-right:2.0em;
	padding-left:1.0em;
	padding-bottom:0.0em;
	padding-top:0.5em;
	text-align: justify;
}
.note2_left ol ol
{	
	padding-bottom:0.0em;
	padding-top:0.5em;
}
.note2_left ul ol
{	
	padding-bottom:0.0em;
	padding-top:0.0em;
}
.note2_left ol ol ul
{	
	padding-bottom:0.0em;
	padding-top:0.5em;
}
.note2_left ul ol li
{	
	padding-bottom:0.0em;

}
.note2_left li
{
	padding-right:2.0em;
	padding-left:0.0em;
	padding-bottom:0.5em;
	text-align: justify;
}
.note2_left ol
{
	padding-right:2.0em;
	padding-left:2.0em;
	padding-bottom:0.0em;
	padding-top:0.5em;
	text-align: justify;
}
.note1_left {
/*width:100%;*/
padding-top:1.0em;
padding-bottom:1.0em;
padding-left:1.0em;
padding-right:2.0em;
background:white;
font-size:0.88em;
/*text-align: left;*/
float:left;
text-align: justify;
}
.note1_left ul
{
	padding-right:2.0em;
	padding-left:1.0em;
	padding-bottom:0.0em;
	padding-top:0.5em;
	text-align: justify;
}
.note1_left li
{
	padding-right:2.0em;
	padding-left:0.0em;
	padding-bottom:1.0em;
	text-align: justify;
}
.note1_left ol
{
	padding-right:2.0em;
	padding-left:2.0em;
	padding-bottom:0.0em;
	padding-top:0.5em;
	text-align: justify;
}
.list
{
	padding-right:2.0em;
	padding-left:0.0em;
	padding-bottom:1.0em;
	text-align: justify;
}
.errornote {
clear: both;
padding-top:1.0em;
padding-bottom:1em;
background:white;
font-size:0.88em;
color:red;
font-weight:bold;
text-align: center;
}
.text_red {
	color:red;
}
.notetitle {
clear: both;
padding-top:1em;
padding-bottom:1em;
background:white;
font-size:1.0em;
font-weight:bold;
font-style: italic;
text-align: center;
}
.notetitle_left {
clear: both;
padding-top:10px;
padding-bottom:10px;
background:white;
font-size:14px;
font-weight:bold;
font-style: italic;
float:left;
}
.notetitle_left_gray {
clear: both;
background:#DFDFDF;
font-size:110%;
font-weight:bold;
font-style: italic;
margin-top:0.5em;
margin-bottom:0.5em;
margin-left:1em;
float:left;
}
.notetitle_center_gray {
clear: both;
width:90%;
background:gainsboro;
font-size:1.5em;
font-weight:bold;
font-style: italic;
margin: auto;
text-align: center;
}
.subtitle_left {
clear: both;
padding-top:1em;
padding-bottom:1em;
padding-left:1em;
padding-right:2em;
background:white;
font-size:100%;
/*width:90%;*/
font-weight:bold;
font-style: italic;
float:left;
}
.subtitle_left1 {
clear: both;
padding-top:1em;
padding-bottom:1em;
padding-left:1em;
padding-right:2em;
background:white;
font-size:108%;
/*width:90%;*/
font-weight:bold;
font-style: italic;
float:left;
}
.notetitle_bold {
clear: both;
padding-top:10px;
padding-bottom:10px;
background:white;
font-size:14px;
font-weight:bold;
text-align: center;
}
.title1_left{
float:left;
font-family: Verdana;
font-style: italic;
font-size: 16px;
font-weight:bold;
}
.title1{
font-family: Verdana;
font-style: italic;
font-size: 1.5em;
font-weight:bold;
text-align: center;
}
.title1_boxgray{
width: 98%;
font-family: Verdana;
font-style: italic;
font-size: 120%;
font-weight:bold;
background:#E5E5E5;
border:1px solid gainsboro;
margin-right:auto;
margin-left:auto;
color:black;
text-align: center;
}
.title2_left{
float:left;
font-family: Verdana;
font-style: italic;
font-size: 16px;
font-weight:bold;
padding-left:100px;
}

.smallnote {
clear: both;
padding-top:10px;
padding-bottom:10px;
background:white;
font-style: italic;
font-size: 0.7em;
text-align: center;
}
.smallnote_left {
clear: both;
padding-left:1.0em;
padding-right:2.0em;
padding-top:1em;
padding-bottom:1em;
background:white;
font-style: italic;
font-size: 0.7em;
float:left;
text-align: justify;
}
.menuitem_light { 
/*width:12em;*/
background:gainsboro;
color:white;
font-size:0.8em;
font-style: italic;
/*font-weight:bold;*/
/*border:3px solid cornsilk ;*/
text-align: center;
text-decoration:none;
padding-top:0.3em;
padding-bottom:0.3em;
padding-left:0.7em;
padding-right:0.7em;
margin-top:0.4em;
margin-bottom:0.4em;
margin-left:0.5em;
border:0px solid gray;
}
.menuitem { 
/*width:12em;*/
/*background:gainsboro;*/
background:#E5E5E5;
color:black;
font-size:1.05em;
font-weight:bold;
/*border:3px solid cornsilk ;*/
text-align: center;
text-decoration:none;
padding-top:0.3em;
padding-bottom:0.3em;
padding-left:0.7em;
padding-right:0.7em;
margin-top:0.4em;
margin-bottom:0.4em;
margin-left:0.5em;
border:0px solid gray;
}
.menuitem a:hover { 
text-decoration:none;
font-size:1.0em;
font-weight:bold;
color:darkmagenta;
}
.menuhorizontal{ 
text-align:center;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 5px;
}

.menuhead { left: 0px;
width:150px;
background:white ;
color:black;
/*border:3px solid cornsilk ;*/
text-align: center;
text-decoration:none;
font-weight:bold;
font-size:14px;
}

.footer { width:100%;
clear: both;
text-align:center;
font-style: italic;
font-size:0.80em;
margin-top:0.5em;
padding:0px;
background:white;
color:black;
border-top:2px solid gainsboro;
}

.footer_date { width:100%;
clear: both;
text-align:center;
font-style: italic;
font-size:0.80em;
margin-top:0.5em;
padding:0px;
background:white;
color:black;

}
a { text-decoration:none;
color: black; }


a:hover { 	
/*font-size:12px;*/
/*background-color:white;*/
text-decoration:none;
color:darkmagenta;
}
table
{ 
margin-left: auto;
margin-right: auto;
text-align: center;
}
.center1
{ 
clear:both;
margin-left: auto;
margin-right: auto;
}
 
.center2
{ 
text-align: center;
}



h1 { font-size:30px}

h2 { font-size:24px}

h3 { font-size:20px}

p,h1,h2,h3 { margin: 10px 10px 10px 10px}

.maintitle{
font-family: Verdana;
font-style: italic;
font-size: 20px;
font-weight:bold;
padding-top: 10px;
padding-bottom: 10px;
}
.title0{
font-family: Verdana;
font-style: italic;
font-size: 18px;
font-weight:bold;
padding-top: 15px;
padding-bottom: 15px;
}
.title1{
font-family: Verdana;
font-style: italic;
font-size: 16px;
font-weight:bold;
}
.heading { font-family:Lucida Calligraphy;
font-size:36px;
background-color:yellow;
color:black;
font-weight:bold;
text-align: center}
 
input.button {
color:black;
/*border:1px solid gray;*/
margin: 20px 10px 10px 10px;

}
div#centered { 
border:0; 
height: 50%; 
width: 50%;
position: absolute; 
left: 25%; 
top: 25%; 
}

.clearboth{clear:both}
.floatleft{float:left;}

ul.types1{
	font-weight:bold;
	width:200px;
	padding: 0 0 .4em 2.5em;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
ul.types1 li{
	font-size:1.05em;
	text-align: left;
	margin:0px; padding:0px;	
	list-style:url(../image/bulletpoint_yellow.gif) outside;		
}
ul.types1 li a{
	color:black;
	text-decoration:none;
}
ul.types1 ul.subtypes1 li{
	font-size:0.8em;
	font-weight:normal;
	text-align: left;
	list-style:url(../image/bulletpoint_yellow3.gif) outside;
	margin:.4em 0 .5em 1.5em;	
	padding-top:.1em;
	width:10em;
}

ul.types1 ul.subtypes1 li{
	font-size:0.8em;
	font-weight:normal;
	text-align: left;
	list-style:url(../image/bulletpoint_yellow3.gif) outside;
	margin:.4em 0 .5em 1.5em;	
	padding-top:.1em;
	width:10em;
}
/* -------------------------------------------------  */
ul.types2{
	font-weight:bold;
	width:20em;
	padding-left:2.0em;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
ul.types2 li{
	font-size:0.95em;
	text-align: left;
	margin:0.0em; padding:0.0em;	
	list-style:url(../image/bulletpoint_yellow.gif) outside;		
}
ul.types2 li a{
	color:black;
	text-decoration:none;
}
ul.types2 ul.subtypes1 li{
	font-size:0.8em;
	font-weight:normal;
	text-align: left;
	list-style:url(../image/bulletpoint_yellow3.gif) outside;
	margin:.4em 0 .5em 1.5em;	
	padding-top:.1em;
	width:18em;
}

ul.types2 ul.subtypes1 li a{
	color:black;
	text-decoration:none;
	text-align: left;
	width:18em;
}
ul.types2 ul.subtypes1 li a:hover{
	
	color:darkmagenta;
	width:18em;
}
/* ---------------------------------------------------- */
ul.smallbullet1 ul.smallbullet1 li{	
	list-style:url(../image/bulletpoint_yellow3.gif) outside;	
	text-align: left;
	padding-top:0.5em;
}

.smallbullet1 li{
	list-style:url(../image/bulletpoint_yellow3.gif) outside;
	text-align: left;	
	padding-top:0.5em;
}
ul.smallbullet ul.smallbullet li{	
	list-style:url(../image/bulletpoint_yellow3.gif) outside;	
	text-align: left;
	padding-top:0.2em;
}

.smallbullet li{
	list-style:url(../image/bulletpoint_yellow3.gif) outside;
	text-align: left;	
	padding-top:0.2em;
}
ul.types1 ul.subtypes1 li a{
	color:black;
	text-decoration:none;
	text-align: left;
	width:8em;
}
ul.types1 ul.subtypes1 li a:hover{
	font-size:1.0em;
	color:darkmagenta;
	width:10em;
}
a.back{
	color:#7F7F7F;
	background:white url(../image/back_OFF.gif) center left no-repeat;
	width:auto;
	border:#CBCACA .1em solid;
	padding:.3em .6em .3em 2.2em;
	text-decoration:none;
	display:block;
	float:right;
}
a.back:hover{
	color:#DF6C00;
	background:white url(../image/back_ON.gif) center left no-repeat;
	border:#DF6C00 .1em solid;
}
a.back_left{
	color:#7F7F7F;
	background:white url(../image/back_OFF.gif) center left no-repeat;
	width:auto;
	border:#CBCACA .1em solid;
	padding:.3em .6em .3em 2.2em;
	text-decoration:none;
	display:block;
	float:left;
}
a.back_left:hover{
	color:darkMagenta;
	background:white url(../image/back_ON2.gif) center left no-repeat;
	border:darkMagenta .1em solid;
}
ul.types{
	font-weight:bold;
	width:200px;
	padding: 0 0 .4em 3.5em;
	display:block;
}
ul.types li{
	font-size:1.05em;
	list-style:url(../image/bullet_arrow.gif) outside;		
}
ul.types li a{
	color:#DF6C00;
	text-decoration:none;
}
ul.types ul.subtypes li{
	font-size:1em;
	font-weight:normal;
	list-style:url(../image/bullet_orange.gif) outside;
	margin:.4em 0 .5em 1.5em;	
	padding-top:.1em;
	width:200px;
}
ul.types ul.subtypes li a{
	color:#0B3C46;
	text-decoration:none;
	text-align: left;
	width:200px;
}
ul.types ul.subtypes li a:hover{
	color:#8D8B8B;
	width:200px;
}
a.small_link { 
text-decoration:none;
color: blue;
}
a.small_link:hover {
text-decoration:none;
font-size:1.0em;
color:DodgerBlue;	
}
a.smaller_link { 
text-decoration:none;
font-size:0.88em;
color: blue;
}
a.smaller_link:hover {
text-decoration:none;
font-size:0.88em;
color:DodgerBlue;	
}
a.link { 
font-size:1em;
text-decoration:none;
color: blue;
}
a.link:hover {
font-size:1em;
text-decoration:none;
color:DodgerBlue;	
}
a.linkbold { 
text-decoration:none;
font-weight:bold;
color: blue;
}
a.linkbold:hover {
text-decoration:none;
color:darkmagenta;	
}

a.textlink { 
text-decoration:none;
color: black;
}
a.textlink:hover {
text-decoration:none;
color:darkmagenta;	
}
a.redlink { 
text-decoration:none;
color: red;
}
a.redlink:hover {
text-decoration:none;
color:darkmagenta;	
}

.textRight
{
	float: right; 
	margin-top: 5px; 
	margin-right: 30px; 
}
tr.deleted
{
	background-color: pink;
}
tr.normal_cust
{
	background-color: DarkSeaGreen;
}
tr.not_conf
{
	background-color: LightBlue;
}

.ital
{
	font-style: italic;
	display:block;
}
ol.upa { list-style-type: upper-alpha; }