@charset "iso-8859-1";
* {margin:0px;padding:0px}
body {font-family:Arial, Helvetica, sans-serif;margin:0px;padding:0px}
h1,h2,h3,h4,p,td,th,ul,ol,li {font-family:Arial, Helvetica, sans-serif}
img {border:0px}
.print {display:none}
#outer { background-color: #FFFFFF; background-image: url(images/background.jpg); background-repeat: repeat-y; background-position: right; min-width:760px;max-width:980px;width:expression(document.body.clientWidth > 980? "980px": "auto" ); margin: 0px auto}
#leftcol {width:20%;float:left;margin:0px;}
#rightcol img{display: block;margin-left: auto; margin-right: auto ;padding-left:10px}
#rightcol p{text-align:justify;padding:0px 10px}
#rightcol {width:77%;float:right}
.google {width:125px;margin:auto}
.center {text-align:center}
.footer {clear:both; font: 900 90% Arial,sans-serif ;padding:5px;
background-color:#09f;color:#fff}

.content {margin:0px;padding:10px;clear:both;text-align:justify}
.content p {padding:0px 10px}
.red {color:#f00;font-weight:600}
p.red {color:#f00;font-weight:600;width:150px;font-size:95%}
.black {color:#000;}
p {padding:0px 5px;text-align:justify}
td {font-size: 90%; text-align:justify;padding:0px 5px}

td table {font-size:110%}
.form th {text-align:right;vertical-align:top;font-size:90%}
h1  {margin-top:0px;color:#FFF;
background-color:#39f;font-weight:bold;
text-align:center;font-size:100%;
margin-bottom:10px;padding:3px}
h2 {padding:3px 10px; color:#fff;background-color:#39f;font-weight:600;font-size:95%;margin-bottom:-2px}
h3 {text-decoration: underline;padding:3px 10px 0px;font-size:90%;margin-bottom:0px}
h2 a:link, .yel {color:#ff0}
h4 {text-decoration: underline;padding:3px 10px 0px;font-size:90%;margin-bottom:5px}
h3 +p {padding-top:0px;margin:0px}
ul,ol {margin-left:25px;padding:0px 5px}
ol li{padding-left:5px}
a { text-decoration: none}
a:hover { text-decoration: underline}

/* buttons */
.but {background:#09f;height:22px;font-size:70%;font-weight:600;
border:3px outset #ec0;padding:0px;display:block;vertical-align:middle}
.but a:link, .but a:visited {color:#fff; display:block;text-decoration:none;
font-weight:600;padding:3px;}
.but a:hover {background:#00c url(images/buttonov.gif);display:block; font-weight:600;padding:3px}
.but a:active {color:#fff; display:block;text-decoration:none;
font-weight:600;padding:3px;}

.butb {background:#09f; height:22px;font-size:70%;font-weight:600;border:3px outset #ec0;
padding:0px;margin:0px;}
.butb a:link, .butb a:visited  {color:#fff;display:block; text-decoration:none;font-weight:700;padding:3px}
.butb a:hover {background:#00c url(images/buttonov.gif);display:block; font-weight:700;padding:3px}
.butb a:active {color:#fff;display:block; text-decoration:none;font-weight:700;padding:3px}

.info {font-size:85% ;text-align:justify}
.li {padding-bottom:10px}



td p {font-family: Arial, Helvetica, sans-serif}
.note {font-size:100%;font-weight:500;font-family: Arial, Helvetica, sans-serif;font-style:italic}
.note u, .note em {font-weight:900;color:#000;font-style:italic}

.sample {font-size:100%;color:#fff;background-color:#999999;font-weight:bold; border:  5px double #39f;font-family: Arial, Helvetica, sans-serif}
.sample td {padding:5px;font-size:85%;text-align:left}
table.sample {width:100%}
/* changes text inside a sample code table only when the b tag has been added: <b> hello </b>  */
.sample b {font-size:100%;color:#003399;background-color:#999999;font-weight:bold;}
em {font-style:normal;color:#003399;font-weight:bold}

.stitle {font-size:100% ;color:#fff;background-color:#069;font-weight:bold}
.snote {background-color:#069;color:#fff;font-size:105%}

/*
#menus {background:url(images/leftbar.jpg) no-repeat -3% 10%;font: 72% "Arial Narrow", Arial, Verdana;color:#67e;font-weight:bold;width:160px;padding-left:16px}
#menus h1,#menus li.cur
#menus ul
#menus li a #menus li a:hover,#menus  a:hover img
*/
#menu {background:url(images/leftbar1.jpg) no-repeat -3% 10%;font: 72% "Arial Narrow", Arial, Verdana;color:#67e;font-weight:bold;width:160px;padding-left:16px}


#menu h1,
#menu h1 a {font-size:110%;font-style:italic;color:#259;background-color:#fff;text-align:left;padding:0px;margin:0px;line-height:100%}

#menu h1 a:hover {background:url(images/hover.gif);color:#259 ;text-decoration: none;}


#menu ul
{list-style-type: none;padding:0px;width:150px;margin:0px;}

#menu li.cur
{margin:0px 5px 0px 8px;padding-left:5px;background:url(images/hover.gif)} 

#menu h1.cur {margin:0px 5px 0px 0px;padding-left:0px;background:url(images/hover.gif);font-size:125%} 

#menu li a
 {display: block;
text-decoration: none;height:100%;margin:0px 0px 0px 8px;padding-left:5px;color:#67e ;}

#menu li a:hover {background:url(images/hover.gif) no-repeat 0% 50% ;color:#67e ;text-decoration: none;}
#menu a:hover img ,
{background:url(images/hoverlarge.gif) no-repeat 0% 50%;color:#67e ;}