/* CSS Document */

body {
text-align: left;
background-color:#F2F2F2;
background-position:center;
background-repeat:repeat-y;
background-image:url(images/shadow_bg.gif);
font-family:Arial, Helvetica, sans-serif;
text-align: justify;}

.wrapper {
width: 770px;
text-align: left;
background-image:url(images/bluebg.gif);
background-repeat:repeat-y;}

.header {
width: 770px;
height: 115px;
text-indent: -9999em;
background: #FFFFFF url(images/header.jpg) no-repeat;
padding-bottom:10px;}

img {
float: right;}

h1 {
padding: 15px 0;
color: #99CCFF;
line-height:1.5em;
font: 1.5em verdana,sans-serif;
font-weight:bold;}

h2 {
padding: 15px 0;
color: #5a5a5a;
font: 1.3em verdana,sans-serif;
font-weight:bold;}
	
h3 {
padding: 10px 0 15px;
color: #5a5a5a;
line-height:1.7em;
font: 1em arial,sans-serif;
font-weight:bold;}

h1.orange, h2.orange, h3.orange, a.orange:hover {color: #FF9900;}

h1.red, h2.red, h3.red, a.red:hover {color: #990000;}

h1.green, h2.green, h3.green, a.green:hover {color: #7DDB33;}

h1.purple, h2.purple, h3.purple, a.purple:hover {color: #CC33CC;}

a.blue:hover{color: #99CCFF;}

p {
padding: 0 0 15px;
color: #5a5a5a;
line-height:1.6em;
font: .9em arial,sans-serif;}

p.scrollbar {
padding: 0 0 15px;
color: #333333;
line-height:1.6em;
font: 1.2em arial,sans-serif;
font-weight:bold;}

p.faq {
color: #99CCFF;
font: 1.1em arial, sans-serif;
font-weight:bold;}

strong {
font-weight: normal;}

.download {
text-align: right;}

.footer {
width: 770px;
margin: 0 auto;
background: #99CCFF url(images/footer.gif) 0 0;
background-repeat:repeat-x;
background-position:top;}

.footer p {
padding: 30px 0 0 15px;
color: #FFFFFF;
font: 0.7em arial,sans-serif;
font-weight:bold;}

.footer a{
color:#FFFFFF;
text-decoration:none;}

a {
color: #999999;
font-weight:bold;}

a:hover {
text-decoration: none;
color: #003366;}


* {
margin: 0;}

html, body {
height: 100%;}

.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -80px; /* the bottom margin is the negative value of the footer's height */}

.footer, .push {
height: 80px; /* .push must be the same height as .footer */}

ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;}

ul a{
text-decoration:none;}

li { /* all list items */
float: left;
position: relative;
width: auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#5a5a5a;
font-size:10px;
padding-right:15px;
height:25px;}

li hover{
color:#FF0000;}

li ul { /* second-level lists */
display: none;
position: absolute;
margin-top:13px;
top: 0;
left: 0;
height:auto;
width:150px;
padding: 0 5px 0 5px;
color:#FFFFFF;}

li ul.orange {
background-color:#FFCC80;}

li ul.green {
background-color:#BEED99;}

li ul a{
display:block;
padding: 5px 5px 5px 5px;
color:#FFFFFF;}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
right: auto;}

li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
color:#FFFFFF;}

.content{
width:770px;
margin-bottom:15px;}

.content p, .content p2, .content h1, .content h2, .content h3, .content h4 {
padding-left:315px;
padding-right:90px;}

.content p2{
padding-left:315px;
padding-right:90px;}

.content p.bullet{
padding-left:330px;
padding-right:90px;}

.content img.left{
float: left;
top: 0;}

.content img.right{
float: right;
top: 0;}

.content img{
top:0;
left:300px;}

.content a.step{
display:block;
width:395px;
height:80px;
top:0;
margin-left:300px;
background-image:url(images/stepbystep.gif);
background-repeat:no-repeat;
margin-bottom:0px;}

.content a.step:hover{
background-image:url(images/stepbystephover.gif);}

#menu{
display:block;
width:770px;
height:25px;
background-color:#FFFFFF;}

:link img {
border: none;
}