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

body {
margin: 0px auto;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #666666;
}

td {
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
color: #666666;
}

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

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

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 120%;
margin-top: 0px;
color: #666666;
}
h3.blue {
color: #006dba;
margin-bottom: -12px;
}
h3.orange {
color: #ff6d06;
margin-bottom: -12px;
}
h3.blue2 {
color: #006dba;
}
h3.orange2 {
color: #ff6d06;
}

img {
border: 0px;
}

a {
color: #006dba;
text-decoration: underline;
}

a:hover, a:active {
color: #CC6600;
text-decoration: underline;
}

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

ul.sm li {
list-style-type:none;
background-image: url('img/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;
}

#tnav {
display: block;
width: 760px;
}

#tnavitems a {
position: relative;
vertical-align: bottom;
bottom: 5px;
padding: 5px 10px 5px 10px;
border-right: 1px dashed #CCCCCC;
}

#tnavitems a:hover, #tnavitems a:active {
color: #cc5705;
text-decoration: underline;
background-color: #f6f6f6;
border-top: 1px solid #e1e1e1;
}

#tnavitems .select {
position: relative;
bottom: 5px;
padding: 5px 10px 5px 10px;
color: #8c8c8c;
border-right: 1px dashed #CCCCCC;
border-top: 1px solid #999999;
background-color: #f6f6f6;
}

#tnavitems .end {
position: relative;
bottom: 5px;
padding: 5px 10px 5px 10px;
font-size: 12px;
border-right: 1px dashed #CCCCCC;
}

#logo{
float: left;
}

#headlineorange {
display: block;
height: 120px;
background-image: url('img/bg_orange_120h.gif');
font-weight: normal;
font-size: 18pt;
color: #FFFFFF;
}

#headlineorangesmall {
display: block;
height: 30px;
background-image: url('img/bg_orange_30h.gif');
}

#headlineorange.center {
width: 760px;
text-align: left;
}

#container {
width: 760px;
padding-top: 25px;
}

#smcontainer {
width: 600px;
text-align: center;
}

/* Title and Tour */
#title {
display: block;
text-align: left;
padding-bottom: 20px;
margin-bottom: 10px;
border-bottom: 1px dashed #666666;
}

#tour {
display: block;
float: right;
padding: 0 10px 0 0;
}

#tour img {
padding: 0 5px 0 0;
}

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

#contentnonav {
text-align: left;
}

#nav {
display: block;
float: right;
text-align: left;
width: 210px;
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;
}

/* Container Round */
#containerroundr {
float: right;
margin-left: 10px;
}
#containerroundr .edge {
font-size: 100%;
font-weight: normal;
color: #666666;
text-align: center;
background-color: #f2f2f2;
border-left: 2px solid #666666;
border-right: 2px solid #666666;
padding: 0 10px 0 10px;
text-decoration: none;
}
#containerroundr .top {
display:block;
height: 10px;
width: 156px;
background-color: #f2f2f2;
border-top: 2px solid #666666;
}
#containerroundr .btm {
display:block;
height: 12px;
width: 156px;
background-color: #f2f2f2;
border-bottom: 2px solid #666666;
}
#containerroundr a {
color: #006dba;
text-align: right;
text-decoration: underline;
}
#containerroundr a:hover, #containerroundr a:active {
color: #ff6d06;
text-decoration: underline;
}

/* Quote Text Styles */

#quotecenter {
display: block;
width: 90%;
margin: 12px;
padding: 10px 10px 10px 10px;
font-family: Times, "Times New Roman", serif;
font-size: 18px;
line-height: 20px;
font-weight: normal;
color: #006dba;
text-align: center;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

#quotecenter .who {
margin-top: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
line-height: 11px;
color: #b3b3b3;
font-weight: bold;
text-align: right;
}

#quoteright {
display: block;
float: right;
width: 160px;
margin: 12px;
font-family: Times, "Times New Roman", serif;
font-size: 18px;
line-height: 20px;
font-weight: normal;
color: #006dba;
text-align: center; 
}

#quoteright .who {
margin-top: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
line-height: 11px;
color: #b3b3b3;
font-weight: bold;
}

#quoteleft {
display: block;
float: left;
width: 160px;
margin: 12px;
font-family: Times, "Times New Roman", serif;
font-size: 18px;
line-height: 20px;
font-weight: normal;
color: #006dba;
text-align: center; 
}

#quoteleft .who {
margin-top: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
line-height: 11px;
color: #b3b3b3;
font-weight: bold;
}

#quotecenter .whobig {
margin-top: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 14px;
color: #333333;
font-weight: bold;
}

/* Footer */

#footer_container {
display: block;
width: 760px;
padding: 20px 0 20px 0;
clear: both;
}

#footer_container .footer {
padding-top: 5px;
border-top: 1px dashed #666666;
text-align: center;
color: #666666;
}

.url {
font-family:"Courier New", Courier, mono;
word-wrap: break-word;
}
.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;
}

