html {
height: 101%;
text-align: center;
}

body {
margin: 0px auto;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
line-height: 140%;
color: #444444;
}

.pgLeft     {background-color: #AAAAAA; background-image: url(img/pgback.gif); background-position: top right;}
.pgLeftS    {background-color: #EEEEEE; background-image: url(img/pglefts.gif);}
.pgRight    {background-color: #AAAAAA; background-image: url(img/pgback.gif);}
.pgRightS   {background-color: #EEEEEE; background-image: url(img/pgrights.gif);}
.pgCenter   {background-color: #FFFFFF;}

td {
font-family: Arial, Helvetica, sans-serif;
font-size: 72%;
line-height: 140%;
color: #444444;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 130%;
margin-top: 0px;
margin-bottom: 0px;
color:#444444;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 160%;
margin-top: 12px;
margin-bottom: 12px;
color:#FFFFFF;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 100%;
margin-top: 0px;
margin-bottom: -2px;
color: #FF6600;
}

.small {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 60%;
color: #444444;
}


img {
border: 0px;
}

a {
color: #006dba;
}

a:hover, a:active {
color: #CC6600;
}

a:link {text-decoration: none; }
a:visited {text-decoration: none; }
a:active {text-decoration: none; }
a:hover {text-decoration: underline; }

ul.sm {
list-style-type:none;
}

ul.sm li {
list-style-type:none;
background-image: url(http://www.google.com/images/smallbullet.gif);
background-repeat: no-repeat;
background-position: 0 .4em;
padding: 0 0 0 .8em;
text-indent: 0px;
}

ul.features {
list-style-type:none;
}

ul.features li {
margin: 0 0 1em -3em;
}


.featuretitle {
color: #ff6d06;
}

.caption {
font-size: 9px;
padding: 4px 0 4px 0;
}

.code {
font-family:"Courier New", Courier, mono;
color:#333333;
}


/* Content */
#content {
min-height: 320px;
float: left;
width: 529px;
text-align: left;
padding: 0 10px 0 0;
}

#nav {
display: block;
float: right;
text-align: left;
width: 175px;
margin: 0 0 0 10px;
}

#nav .item a {
display: block;
padding: 3px 5px 4px 10px;
color: #006dba;
border: 1px solid #FFFFFF;
}

#nav .item a:hover, #nav .item a:active {
display: block;
color: #CC6600;
background-color: #f6f6f6;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
}

#nav .itemselected {
display: block;
padding: 3px 5px 4px 10px;
color: #8c8c8c;
background-color: #f6f6f6;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}

#nav .item2 a {
display: block;
padding: 3px 5px 4px 30px;
color: #006dba;
border: 1px solid #FFFFFF;
}

#nav .item2 a:hover, #nav .item2 a:active {
display:block;
color: #CC6600;
background-color: #f6f6f6;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
}

#nav .item2selected {
display: block;
padding: 3px 5px 4px 30px;
color: #8c8c8c;
background-color: #f6f6f6;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}

#nav .btn {
display: block;
padding: 20px 0px 4px 0px;
}

#nav .last {
border-bottom: 1px solid #e1e1e1;
}

/* Sidebars */
#sidebar {
display: block;
float: right;
text-align: center;
width: 210px;
background-color: #f2f2f2;
border: 1px solid #999999;
margin-top: 20px;
padding: 5px 0 6px 0;
}

#sidebar a {
font-size: 120%;
font-weight: bold;
}

.rightimage {
padding: 0 0 0 10px;
}

.note {
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
padding: 5px 0 5px 0;
margin-left: 10px;
margin-right: 10px;
color: #999999;
}
.step {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 50px;
}