@charset "utf-8";
/* CSS Document */

html {overflow-y:scroll; }

body { background-color:#6385C5; margin:0px; text-align:center; background-image:url(../pageImages/backgroundShade.jpg); background-repeat:repeat-y; background-position:center; }
body a:hover { text-decoration:underline; }
#wrapper { width:900px; margin:0px auto; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

#header{ height:70px; padding-left:10px;  }
#header img { float:right; }
#header h1 { font-size:20px;color:#ffffff;margin-bottom:5px; margin-top:5px; }
#header h2 { font-size:14px;color:#ffffff; margin-top:0px; }
#header a {color:#FFFFFF; text-decoration:none; } 

#menu { height:28px; margin-left:-1;  }
#menu a { color:#000000; text-decoration:none; background-image:url(../pageImages/tab.gif); display:block; float:left; width:90px; height:21px; padding-left:10px; padding-top:5px; outline:none; font-weight:bold;  }

#menu a { display:block; height:20px; width:120px; float:left; margin-right:-37px; padding-left:15px; color:#FFFFFF; text-decoration:none;
padding-top:8px; font-family:Arial, Helvetica, sans-serif; font-size:11px; 
background-image:url(../pageImages/slantTab.png);
background-repeat:no-repeat; 
background-position: 0px 0px;
 }
 
 #menu a:hover { 
 background-position: 0px -40px;
  }
  
#menu #menuStartFinish { width:168px; background-image:url(../pageImages/slantTab2.png); padding-left:5px;  }


#submenu { background-color:#63CE10; height:20px;  border:#FFFFFF 1px solid; color:#FFFFFF;}
#submenu  a { display:block; color:#FFFFFF;  font-weight:bold; padding-left:5px; padding-right:20px; border-right:#FFFFFF 1px dotted; text-decoration:none; float:left; padding-top:3px; }


#page { background-color:#FFFFFF; min-height:300px; margin-top:5px; padding:10px; }
#page a { color:#006699; text-decoration:none }

#page h1 { border-bottom:#63CE10 3px solid; }
#page h2 {}
#page h3 { color:#003399; }

#footer a { text-decoration:none; color:#FFFFFF; padding:10px; }

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx tutorial pages */


.step { background-color:#C6E1A8;  padding:10px; margin-bottom:10px; }
.step table { width:100%; }
.step table td {vertical-align:top; }

.step2 { background-color:#CAD0DB;  padding:10px; margin-bottom:10px; }
.step2 table { width:100%; }
.step2 table td {vertical-align:top; }

.code { background-color:#CCCCCC; padding:10px; color:#333333; font-family:"Courier New", Courier, monospace; font-size:11px; }
.code p { margin:0px; }
.code blockquote { margin:0px; margin-left:10px; }
.human { background-color:#FFFFFF; padding:10px; font-size:11px; }
.human p { margin:0px; }


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx menu pages */

.tutorialList {}
.tutorialList a { display:block; height:100px; background-color:#CAD0DB; margin-bottom:5px;  }
.tutorialList a:hover { background-color:#ACB5CA; text-decoration:none; } 
.tutorialList img {float:left; border:none; margin-right:5px; }
.tutorialList a strong { color:#000000; display:block; margin-bottom:15px; }