BODY { 
  font-family:helvetica; 
  margin: 0;
  overflow: scroll;
  font-size: 16px;
  text-align:center;
  min-width:1000px;
  xcolor:#000;
  xbackground:#c0c0c0;
  xbackground:#DFD5E0;
  xbackground:#E2D8E2;
  xbackground:#808080;
  xbackground:#C0C0C0;
  xbackground:#D0D0D0;
  background:#E0E0F0;
  voice-family: "\"}\""; voice-family:inherit;
}

.header { 
  font-size:50px; 
  font-family:helvetica; 
  font-style: italic; 
  font-weight: bold; 
  margin: 0;
  padding: 0;
  color: #800080; 
  text-shadow: #004000 2px 2px 2px, #004000 2px 2px 20px;
  xtext-shadow: #004000 2px 2px 2px, #707070 0 0 1em;
  xcolor: #FFFFFF; 
  xtext-shadow: #600060 2px 2px 2px, #FFA0FF 0 0 1em;
  xcolor: #D0D0D0; 
  xtext-shadow: #FFFFFF 1px 1px 0px, #A0A0A0 -1px -1px 0px;
  xfilter: Shadow(Color=#600060, Direction=45, Strength=2);
  border: 0;
  xbackground: url(images/headbkgd.jpg);
  no-opacity: 0.75;
}

.divheader { 
  font-size:45px; 
  font-family:helvetica; font-style: italic; font-weight: bold; 
  text-align: right;
  xcolor: purple; 
  xbackground: orange; 
  xbackground: lightgreen;
  xbackground: url(../images/sky.jpg);
  xbackground: url(../images/forest.gif); xcolor: #FF00FF; 
  background: #60D060; color: #FF00F0; 
  border-color: #60FF60; 
  border-style: ridge;
  border-width:6px;
  border-right-width:0px;
  no-opacity: 0.7;
}

.subheader { 
  font-size:40px; font-family:helvetica; 
  color: purple; font-style: italic; font-weight: bold; 
  background: lightgreen; 
  border-top:2px solid #B0FFB0;
  border-left:2px solid #B0FFB0;
  border-bottom:2px solid #00B000;
  border-right:2px solid #00B000;
}

.rssforward{
	color: black; 
	background: #E86B49; 
	font-style: normal; 
	font-weight: bold; 
	text-decoration: none;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black
}

.Login{
  position:absolute;right:10px;top:10px;
}

.Login0{
  color: darkmagenta; 
  font-weight: bold; 
  font-size:18; 
  position:absolute;right:10px;top:10px;
  padding: 2px 10px;
  border-style: solid;
  border-width:1px;
  border-color: #008000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 2px 2px 2px #00A000;
  -webkit-box-shadow: 2px 2px 2px #00A000;
  box-shadow: 2px 2px 2px #00A000;
}

.News{
  color: darkmagenta; 
  font-weight: bold; 
  font-size:18; 
  position:absolute;right:10px;top:10px;
  padding: 2px 10px;
  border-style: solid;
  border-width:1px;
  border-color: #008000;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 2px 2px 2px #00A000;
  -webkit-box-shadow: 2px 2px 2px #00A000;
  box-shadow: 2px 2px 2px #00A000;
}

.News A {color: darkmagenta;}
.News A:visited {color: darkmagenta;}
.News A:hover {color: red; xxbackground:magenta;}

.lcolumn {
  float:left;
  text-align:justify;
  width:440px;
  xborder-right-style:solid;
  border-width: 1px;
  margin:0px;
  padding:0px 10px;
} 
.rcolumn {
  float:right;
  text-align:justify;
  width:440px;
  xborder-left-style:solid;
  border-width: 1px;
  margin:0px;
  padding:0px 10px;
} 

.lcolumn ul { text-align:left; }
.rcolumn ul { text-align:left; }

.iconblock {
  min-width: 250px;
  float:left;
  padding: 4px;
  text-align: left;
  xborder-width: 1px;
  xborder-style: solid;
}

.iconblock td {color: darkgreen; font-weight: bold; font-size: 20px; }

.icon, .message {
  background: #E0E0E0;
  border-color: #808080;
  padding: 8px;
  border-style: solid;
  border-width:1px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0px 0px 10px #404040;
  -webkit-box-shadow: 0px 0px 10px #404040;
  box-shadow: 0px 0px 10px #404040;
}

.icon {
  position:relative;right:5px;top:0px;
}

.message {
  margin: 15px 0px;
}

.message-body, .message-body-question, .message-body-answer {
  background: #FFFFFF;
  font-style: normal; font-weight: normal; 
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border:1px solid #F0F0F0; 
  padding:5px;
  margin: 10px 5px 10px 5px;
}

.message-body-question{
  background: #FFF0FF;
}
.message-body-answer{
  background: #F0FFF0;
}

.iconbg {
  width: 66px;
  height: 66px;
  border-style: none;
  border-width:1px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 0px 0px 10px #404040;
  -webkit-box-shadow: 0px 0px 10px #404040;
  box-shadow: 0px 0px 10px #404040;
  xposition:relative;right:5px;top:0px;
}

.screenshot, .screenshotlt {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 0px 0px 20px #404040;
  -webkit-box-shadow: 0px 0px 20px #404040;
  box-shadow: 0px 0px 20px #404040;
}

.screenshotlt {
  -moz-border-radius: 6px 0px 0px 0px;
  -webkit-border-radius: 6px 0px 0px 0px;
  border-radius: 6px 0px 0px 0px;
}

.screenshop {
  -moz-box-shadow: 0px 0px 20px #404040;
  -webkit-box-shadow: 0px 0px 20px #404040;
  box-shadow: 0px 0px 20px #404040;
}

.inline24icon {
  padding: 0px;
  position:relative;right:0px;top:8px;
}

.inline16icon {
  padding: 0px;
  position:relative;right:0px;top:4px;
}

TABLE.outline { font-size:15px; font-family:helvetica;}
HX {text-align: center; padding=5; color: blue; background: lightblue; 
font-style: italic; font-weight: bold; }
H1 {text-align: center; color: darkgreen; 
font-style: italic; font-weight: bold; font-size:32px; }
H2 {text-align: left; color: darkgreen; font-size:28px; padding:10px 0;}
H3 {text-align: left; color: darkgreen; font-size:24px; padding:10px 0;}
H4 {text-align: left; color: green; font-size:20px;  padding:10px 0;}
H5 {text-align: left; color: darkcyan; font-weight: bold; font-size:18px; padding:10px 0;}

H5 A:link, H5 A:visited, H5 A:hover, H5 A:active 
{text-decoration:underline; color: darkcyan; font-style: normal;}
H5 A:hover, H5 A:active {color: red; font-style: normal;}

.group{
  color: purple; 
  xbackground: orange; 
  background: #60D060;  
  font-style: italic; 
  font-weight: bold; 
}
.tgroup{color: purple; font-style: italic; font-weight: bold; }
.reference{
  color: purple; 
  font-style: italic; 
  font-weight: bold; 
  xbackground: lightgreen; 
  background: #60D060;
  xborder-top:2px solid #B0FFB0;
  xborder-left:2px solid #B0FFB0;
  xborder-bottom:2px solid #00B000;
  xborder-right:2px solid #00B000;
  border-width: 2px;
  border-style: outset;
  xborder-style: inset;
  border-color: #60FF60; 
}
.subref{color: purple; font-style: italic; font-weight: bold; 
background: lightgreen;
border-top:2px solid #00B000;
border-left:2px solid #00B000;
border-bottom:2px solid #B0FFB0;
border-right:2px solid #B0FFB0;
}

.refield, .quotation{color: black; font-style: normal; font-weight: normal; 
background: lightgreen;
border-top:2px solid #00B000;
border-left:2px solid #00B000;
border-bottom:2px solid #B0FFB0;
border-right:2px solid #B0FFB0;
}

.subsec{background: yellow; color: purple; font-style: italic; font-weight: bold; }

A:link {text-decoration:none; color: #B000B0; font-weight: bold; font-style: italic; font-size: 100%;}
A:visited {text-decoration:none; color: #800080; font-weight: bold; font-style: italic; font-size: 100%;}
A:active {color: red; font-weight: bold; font-style: italic; font-size: 100%;}
A:hover {text-decoration:underline; color: red; font-weight: bold; font-style: italic; font-size: 100%;}

A.reference {color: purple; font-weight: bold; font-style: italic; font-size: 100%;}
A.reference:visited {color: purple; font-weight: bold; font-style: italic; font-size: 100%;}

.group A {color: purple; font-weight: bold; font-style: italic; font-size: 100%;}
A.group {color: purple; font-weight: bold; font-style: italic; font-size: 100%;}
.group A:visited {color: lightgreen; font-weight: bold; font-style: italic; font-size: 100%;}

.old-yellow{background: yellow;}
.yellow{background: #F0F040;
border-top:2px solid #FFFF80;
border-left:2px solid #FFFF80;
border-bottom:2px solid #E0E000;
border-right:2px solid #E0E000;
}
.red{background: red; color: yellow;}
.xred{background: yellow; color: red;}

.button{font-style: italic; font-weight: bold; 
color: #000050; 
background: #C0C0C0; 
border-top:2px solid #E0E0E0;
border-left:2px solid #E0E0E0;
border-bottom:2px solid #A0A0A0;
border-right:2px solid #A0A0A0;
}

.error{font-weight: bold; 
  color: yellow;
  background: #D00000; 
  border-top:5px solid #F07070; 
  border-left:5px solid #F07070; 
  border-bottom:5px solid #B00000; 
  border-right:5px solid #B00000; 
  padding:5px;
  margin:20px
}

.panel, .wrappanel { 
  background: darkgreen;
  color: #FFFFFF; 
  border-color: #005000; 

  #color: #EEEEEE; 
  font-size: 16px;
  #background: #60D060;
  border-style: outset;
  #border-color: #60F060; 
  border-width: 2px;
  box-shadow: 2px 2px 10px #005000;
  padding: 4;
  margin-top: 1em;
  margin-left: 0em;
  margin-bottom: 1em;
  margin-right: 0em;
  list-style: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.wrappanel { 
  #background: darkgreen;
  #color: #FFFFFF; 
  #border-color: #005000; 

  margin-left: 0px;
  margin-right: 2ex;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

.panel table { padding-right: 10;   font-size: 16px; }

.question{
  color: black; background: orange; 
  font-style: normal; font-weight: normal; 
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding:10px;
}
.answer{
  color: black; background: yellow; 
  font-style: normal; font-weight: normal; 
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding:10px;
}

.quotation{
  font-style: normal; font-weight: normal; 
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border:1px solid #40D040; 
  padding:5px;
  margin: 10px 5px 10px 0px;
}

.panel2 { 
  color: #EEEEEE; 
  background: #D060D0;
  border-style: outset;
  border-color: #F060F0; 
  border-width: 2px;
  box-shadow: 2px 2px 10px #500050;
  padding: 4;
  margin-top: 1em;
  margin-left: 0em;
  margin-bottom: 1em;
  margin-right: 1em;
  list-style: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.menulevel1,.menulevel2,.menulevel3 {  
  list-style: none;
  font-size:15px; 
  font-family:helvetica; font-weight: bold; 
  text-align: left;
  color: #007000; 
  padding: 6;
  margin-top: 2px;
  margin-left: 11px;
  margin-bottom: 6px;
  margin-right: 3;
}

.menulevel1 A{ color: white; }
.menulevel1 A:hover{ color: yellow; }

.menulevel2 { 
  xbackground: #BAB4BA;
  list-style: none;
}

.menulevel3 { 
  xbackground: #AAA4AA;
  list-style: none;
}

.doc,.docs,.sdoc,.sdocs,.sdocsleft,.sdocsleft0,.docsright { 
  color: white;
  background: darkgreen;
  padding: 5px 8px;
  margin: 4px;

  border-color: #008000; 
  border-style: outset;
  xx-border-color: #008000; 
  border-width: 1px;
  box-shadow: 1px 1px 4px #005000;
  /* Rounded Corners */
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
}

.sdoc,.sdocs,.sdocsleft,.sdocsleft0 { 
  color: yellow;
  background: darkmagenta;
  border-color: #800080; 
  box-shadow: 1px 1px 4px #500050;
}

.docs A {color: white;}
.docs A:visited {color: white;}
.docs A:hover {color: yellow; xxbackground:magenta;}
.doc  A {color: white;}
.doc  A:visited {color: white;}
.doc  A:hover {color: yellow; xxbackground:magenta;}
.docsright  A {color: white;}
.docsright  A:visited {color: white;}
.docsright  A:hover {color: yellow; xxbackground:magenta;}

.sdocsleft,.sdocsleft0 {
  font-family:helvetica; font-weight: bold; 
  text-align: center;
  margin: 0px; 
  -moz-border-radius: 16px 0px 0px 16px;
  -webkit-border-radius: 16px 0px 0px 16px;
  border-radius: 16px 0px 0px 16px;
}
.sdocsleft {
  width: 50px;
}
.docsright {
  margin: 0px;
  -moz-border-radius: 0px 16px 16px 0px; 
  -webkit-border-radius: 0px 16px 16px 0px; 
  border-radius: 0px 16px 16px 0px; 
}

.button { 
  list-style: none;
  float: left;
  color: white;
  background: darkgreen;
  padding: 5px 5px;
  margin: 4px;

  border-color: #005000; 
  border-style: outset;
  border-width: 1px;
  box-shadow: 4px 4px 10px #004000;

  /* Rounded Corners */
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  height:80px;
  width: 275px
}

.button A {color: white;}
.button A:visited {color: #FFFFD0;}
.button A:hover {color: yellow; xxbackground:magenta;}
.button img {margin-left: 20px;}

.button2 { 
  font-family:helvetica; 
  font-size: 16px;
  list-style: none;
  float: left;
  padding: 2px 25px;
  margin: 10px;
  border-color: #006000; 
  border-left-style: solid;
  border-width: 3px;
  height:50px;
}

.menu A {
color: #A000A0; 
font-weight: bold; 
font-style: italic; 
font-size: 100%;
}


.sitemaplevel1,.sitemaplevel2,.sitemaplevel3,.submenu,.search{
    padding-left: 0;margin-left: 0;list-style: none;
}

li{
    line-height:1.5;
    }

li.doc{text-align:left; padding-left: 20px;background-image: url(menu/doc.gif);background-repeat: no-repeat;}

li.docs{text-align:left; padding-left: 20px;background-image: url(menu/docs.gif);background-repeat: no-repeat;}

li.sdoc{text-align:left; padding-left: 20px;background-image: url(menu/sdoc.gif);background-repeat: no-repeat;}

li.sdocs{text-align:left; padding-left: 20px;background-image: url(menu/sdocs.gif);background-repeat: no-repeat;}


/* NEW */

*{
xfont-family:Verdana,Arial,sans-serif;
xbackground:#FFF;
margin:0 auto;
xpadding:0 auto;
}

#wrap {
width:1000px;
text-align:left;
xbackground:#E2D8E2;
xbackground:#808080;
xbackground:#C0C0C0;
xbackground:#D0D0D0;
background:#E0E0F0;
xcolor:#e6e8f2;
}

/* CONTENT */

#content{
width:1000px;
xbackground:#E2D8E2;
xbackground:#808080;
xbackground:#C0C0C0;
xbackground:#D0D0D0;
background:#E0E0F0;
}

#content-main-with-notebook-background
{
width:986px;
float:left;
xborder: 2px solid #617CB0;
border-right: 2px solid #808080;
xborder-top: 2px solid #808080;
xborder-bottom: 2px solid #808080;
padding:5px;
background: url(images/background.png);
box-shadow: 4px 4px 2px #B0B0B0;
}

#content-main
{
width:986px;
float:left;
padding:5px;

margin-top:10px;
background: #FFFFFF;
border: 2px solid #808080;

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

box-shadow: 4px 4px 2px #B0B0B0;
}

/* FOOTER */

#footer {
clear:both;
height: 20px;
font-size:xx-small;
padding:10px 0;
background:#e6e8f2;
}

/* LAYER MAIN */

#layer-main, #layer-order{
float:left;
width:930px;
margin-left:28px;
margin-right:28px;
xfont-size:small;
xtext-align:justify;
cbackground: url(images/background.gif);
padding: 0px;
}

#layer-order{ width:930px; }

#layer-main h1, #layer-order h1{
text-align: center; color: darkgreen; font-style: italic; font-weight: bold; 
padding:10px 0;
}

#layer-main p, #layer-order p{
padding:10px 0;
clear:both;
}

#layer-main ul, #layer-main ol  { padding:8px 40px; margin: 0px; }
#layer-main li { padding:2px 10px; }

#layer-main p.fullwidth{
clear:both;
width:785px;
}

#layer-main h1.fullwidth{
clear:both;
width:785px;
}

#layer-main img{
xfloat:left;
xmargin-right:10px;
margin-left:5px;
margin-right:5px;
}

#layer-main img.ltext{
float:right;
margin:20px 0 20px 20px;
}
#layer-main img.ltext2{
float:right;
margin:0 0 20px 20px;
}
#layer-main img.rtext{
float:left;
margin:0 20px 20px 0;
}
#layer-main hr, #layer-order hr{
color: #617CB0;
width:100%;
border-style:dotted;
margin:2px 0;
}
#layer-main hr.fullwidth{
width:785px;
}
#layer-main input, #layer-main textarea, #layer-main select{
border:1px solid #617CB0;
}
#layer-main table{
xmargin-left:0px;
margin-left:10px;
font-size: 16px;
}
#layer-main strong{
font-weight:normal;
}

.big_green{
color: #27932D;
font-size:medium;
font-weight:bold;
display:block;
text-align:left;
margin-top:15px;
margin-bottom:15px;
}

.small_gray{
color: #AAA;
font-size:xx-small;
display:block;
text-align:left;
padding:0;
margin-top:-14px;
}

aa{
color: #617CB0;
}

/* LAYER SUBSCRIBE */

#layer-subscribe{
width:226px;
float:right;
text-align: center;
background:#FFF;
margin-top:10px;
*margin-top:0px;
}
#layer-subscribe p{
width:226px;
font-size:small;
color:#FFF;
background:#96ACD2;
padding-top:5px;
}
#layer-subscribe .p1{
padding-top:30px;
*padding-top:5px;
}
#layer-subscribe a{
display:block;
background:#96ACD2;
}
#layer-subscribe form{
width:226px;
background:#96ACD2;
padding-bottom:10px;
}
#layer-subscribe #nav{
width:226px;
}

/* layer-adsense */

#layer-adsense{
width:226px;
float:right;
background:#FFF;
margin-top:5px;
margin-bottom:10px;
}

/* LAYER ARTICLES */

#layer-articles{
width:226px;
float:right;
background:#FFF;
margin-top:5px;
}
#layer-articles table{
padding-left:10px;
background:#96ACD2;
}
#layer-articles td{
background:#96ACD2;
}
#layer-articles .p1{
width:206px;
color:#FFF;
background:#96ACD2;
padding:30px 10px 5px 10px;
*padding-top:5px; /* IE only */
text-align:justify;
}
#layer-articles .p2{
width:206px;
color:#FFF;
background:#96ACD2;
padding:0 10px 5px 10px;
text-align:justify;
}
#layer-articles .p3{
width:206px;
color:#FFF;
background:#96ACD2;
padding:20px 10px 10px;
text-align:center;
}
#layer-articles form{
background:#96ACD2;
}

a.layer-articles{
background:#96ACD2;
color:#FFF;
text-decoration:none;
}
a.layer-articles:hover{
color:#173782;
text-decoration:underline;
}


/* OTHERS */

.editbox{
border:1px solid #617CB0;
color:#617CB0;
*margin-bottom:1px; /* IE only */
}
.button{
border:1px solid #617CB0;
color:#617CB0;
cursor:hand;
}
.button_blue{
border:1px solid #000;
color:#FFF;
cursor:hand;
background:#617CB0;
}
.bottom_shadow{
background:url("box-bottom.gif") 0 100% no-repeat;
}
.corner_shadow{
background:url("box-corner.gif") 100% 100% no-repeat;
padding:0 10px 10px 0;
}

/* NAV */

/* NAV */  
  
#navy {
float:left;
width:200px;
position:absolute;
top:150px; left:10px;
}

#inavy {
float:left;
width:200px;
position:relative;
top:150px; left:10px;
}

#nav {
float:left;
line-height:normal;
width:100%;
font-size:x-small;
}
#nav ul {
margin:0;
padding:0px 6px 0;
list-style:none;
}
#nav li {
float:left;
background:url("tab-right.gif") no-repeat right top;
margin:0 -6px;
padding:0 23px 0 0;
}
#nav a {
float:left;
display:block;
background:url("tab-left.gif") no-repeat left top;
padding:5px 7px 4px 10px;
text-decoration:none;
font-weight:bold;
color:#FFF;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
#nav a:hover {
color:#173782;
}
#nav #current {
background-image:url("tab-right-on.gif");
}
#nav #current2 {
background-image:url("tab-right-on.gif");
}

#nav #current a {
background-image:url("tab-left-on.gif");
color:#FFF;
}
#nav #current2 a {
background-image:url("tab-left-on2.gif");
color:#FFF;
}