body
{
  background-color:White; 
  font-family: verdana; 
  font-size:11px;
  color:#3F3F3F; 
}
a { text-decoration: none }
a:link 
{
	color: #800000
}
a:visited   
{
	color: #800000
}
a:active    
{
	color: #800000
}
a.a1  
{
	text-decoration: none; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 
	COLOR: #ff5050; 
	FONT-FAMILY: Arial, Helvetica 
}
a.a2 { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #cc9900; FONT-FAMILY: Arial, Helvetica }
a.a3 { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: green; FONT-FAMILY: Arial, Helvetica }
a.a4 { font-size: 11px; color: #000000; }
a.a5 { font-size: 8pt; color: #000000}
a.a6 { font-size: 11px; color: #000000 }
.a7  { font-size: 11px; color: Maroon; font-weight: bold; }

a:hover
{
  color:#DD3409;
  text-decoration:underline; 
}

#f 			{ font-size: 10px; color: #000000  }
#tr1	 	{ font-size: 10px; background-color: #F3F5F7; vertical-align: top }
#tr2 		{ font-size: 10px; background-color: #FFFFFF; vertical-align: top }

ul
{
  font-family: verdana; 
  font-size:11px;

  list-style-type:square; 
  list-style-position:outside; 
  padding-left:30px; 
  margin-left:0px;
  margin-top:5px; 
}

ol
{
  list-style-image: none;
  list-style-type:decimal;
  list-style-position:inside; 
  margin-left:5px; 
  padding-left:5px; 
  margin-top:5px; 
}

h1
{
  font-family: verdana; 
  font-weight:bold;
  font-size:18px; 
  color:#3F3F3F;
  margin-top:10px; 
  margin-bottom:40px; 
}

h2
{
  font-family: verdana; 
  font-weight:bold;
  font-size:18px; 
  color:#3F3F3F;
  margin-top:15px; 
  margin-bottom:15px; 
}

h3
{
  font-family: verdana; 
  font-weight:bold;
  font-size:10px; 
  margin-top:2px; 
  margin-bottom:2px; 
}

.TopNavLink
{
  font-size:10px;
  color:#3F3F3F; 
}


.WelcomeTitle
{
  font-family: verdana; 
  font-size:23px;   
  font-weight:900; 
  letter-spacing:-0.2mm;
  margin-top:10px; 
  margin-bottom:20px; 
}

.MainText
{
  font-size:11px; 
  height:100%;
}

.SmallText
{
  font-size:10px; 
}

.hint
{
  color:Red;
}
.PageContainer
{
  border:1px silver solid; 
  background-color:#FFFFFF;
  width:800px;
}
.DemoArea
{
  background-color:#FFFFFF;
}

.AboutBox
{
  background-color:#FFFFFF; 
  color: #666666; 
}

.SidePanelFooter
{
  height:100%;
  background-image:url(images/sidepanel_bg.gif);
  background-repeat: repeat-y; 
}

.SidePanel
{ 
  background-color:#F3F3F3;
  font-size:10px;
  color:#666666;
  border: 1px solid #aaaaaa;
} 
.DottedLine
{
  background-image:url(images/dot_even.gif);
  background-repeat: repeat-x; 
}

.DemoName
{
  color:#666666;
  font-family: verdana; 
  font-weight:bolder;
  font-size:11px;
}

.OtherDemos
{
  background-color:#FFFFFF;
  padding:10px;
  padding-top:8px;
  padding-right:5px;
  padding-bottom:0px;
  font-family: tahoma, verdana; 
  border-right: 1px solid #DDDDDD; 
  font-size: 10px; 
  font-weight: bold;
  font-size:11px; 
  color:#666666;
}

.OtherDemosIcons
{
  background-color:#FFFFFF;
  font-family: verdana; 
  font-weight: normal;
  font-size: 11px; 
  color:#DD3409;
  padding-bottom:5px;
}

.DemoBottomGradient
{
  color:#666666;
  background-image:url(images/demo_bottom_bg.gif);
  background-repeat: repeat-x; 	
  font-family: verdana; 
  font-weight:bold;
  font-size:10px; 
  padding-left:15px;
}

.DemoGradient
{
  color:#999999;
  background-image:url(images/demo_bg.gif);
  background-repeat: repeat-x; 	
  font-family: verdana; 
  font-weight:bold;
  font-size:11px; 
  padding-left:15px;
}
.SideNotes
{ 
  border-right: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
} 

.DemosNav
{
  background-color:#F3F3F3;
  cursor: default; 
  height:330px;
  width:208px;
  padding:0px;
} 

.NavTopItem
{
  cursor: pointer;
  color:#666666;
  background-image: url(images/nav_bg.gif);
  font-family: verdana; 
  font-size: 11px; 
  font-weight: bold;
  cursor:hand;
  padding:0px;
  border-bottom: 1px solid #dddddd;
}

.NavTopItemHover
{
  cursor: pointer;
  color:#666666;
  text-decoration: underline;
  background-image: url(images/nav_bg.gif);
  font-family: verdana; 
  font-size: 11px; 
  font-weight: bold;
  cursor:hand;
  padding:0px;
  border-bottom: 1px solid #dddddd;
}

.NavTopItemActive
{
  cursor: pointer;
  color:#666666;
  background-image: url(images/nav_bg.gif);
  font-family: verdana; 
  font-size: 11px; 
  font-weight: bold;
  padding: 0px; 
  cursor:hand;
  padding:0px;
  border-bottom: 1px solid #dddddd;
}

.NavLevel2Item
{
  cursor: pointer;
  font-family: verdana; 
  font-size: 10px; 
  color:#666666;
  height:15px;
  background-color: #EEEEEE;
  cursor:hand;
  padding-top:2px;
  padding-bottom:2px;
  margin-left:1px;
}

.NavLevel2ItemSelected
{
  cursor: pointer;
  background-color:#F7F7F7;
  color: #DD3409;
  font-family: verdana; 
  font-size: 10px; 
  cursor:hand;
  padding-top:1px;
  padding-bottom:1px;
  margin-left:0px;
  border-left:1px solid #DDDDDD;
  border-top:1px solid #DDDDDD;
  border-bottom:1px solid white;
  border-right:1px solid white;
}

.NavLevel2ItemHover
{
  cursor: pointer;
  background-color:#F7F7F7;
  color: #666666;
  font-family: verdana; 
  font-size: 10px; 
  cursor:hand;
  padding-top:1px;
  padding-bottom:1px;
  margin-left:0px;
  border-right:1px solid #DDDDDD;
  border-bottom:1px solid #DDDDDD;
  border-top:1px solid white;
  border-left:1px solid white;
}

.NavLevel2Group
{
  cursor: default;
  background-color:#EEEEEE;
  border-bottom: 1px solid #dddddd;
  padding-left:3px;
  padding-right:3px;
  padding-top:3px;
}

.Empty
{
}
.newsheader
{
	background-color:#CDBF9C;
	height:16px;
}
.input { width: 150px; BORDER-RIGHT: #006666 1px solid; BORDER-TOP: #006666 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/shadeform.jpg); MARGIN: 4px; BORDER-LEFT: #006666 1px solid; BORDER-BOTTOM: #006666 1px solid; FONT-STYLE: normal; FONT-FAMILY: Verdana; FONT-VARIANT: normal }
.submitbutton { BORDER-RIGHT: #003366 1px solid; BORDER-TOP: #003366 1px solid; BORDER-LEFT: #003366 1px solid; BORDER-BOTTOM: #003366 1px solid; BACKGROUND-COLOR: #ccccff; MARGIN: 4px; }
select
{
  font-family: Verdana; 
  font-size:11px;
}
.dropdown {FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/shadeform.jpg); MARGIN: 4px; FONT-STYLE: normal; FONT-FAMILY: Verdana; FONT-VARIANT: normal}
.num 
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 1em;
    text-align: right	
}
.numlock
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 1em;
    text-align: right;
    background-color:#EDEEED
}
.diff
{
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 1em;
    text-align: right;
    background-color:#FF6347;
}
.td3 		{ font-size: 10px; color: #FF6347 }
#h2			{font-size: 9px; color: #FF6347 }
.v  		{ font-size: 10px; color: #000000; background-color: #EEEEE0; vertical-align: top }
.link 		{ font-size: 10px; color: #000000; background-color: #FFFACD}
.page{page-break-before:always}