.tutorial_main
{
   width:100%;
   display:block;
   background-color:white;
   margin:0 1px 1% 0;
   padding:5px 0;
}

.tutorialLeft
{
   width:37%;
   background-color:#036;
   padding-bottom:30px;
   font-size:90%;
   margin-bottom:10px;
   background-image:url("http://www.library.arizona.edu/layout_imgs/rounded_bottom_corner.gif");
   background-repeat:no-repeat;
   background-position:100% 100%;
}

#tutorialURL
{
   font-style:italic;
   font-color:gray;
}

#tutorialHeader
{
   background-color:#036;
   width:32%;
   margin:0;
   padding:0;
   background-image:url("http://www.library.arizona.edu/layout_imgs/rounded_top_corner.gif");
   background-repeat:no-repeat;
   background-position:100% 0;
}

#tutorialHeader h1
{
   color:white;
   margin:0;
   padding:10px 5px 5px 10px;
   border:0;
   font-size:95%;
}

.tutorialLeft div
{
   width:73%;
   height:482px;
   overflow:auto; /*This keeps us from making the select resizable in MSIE #&@%@%# */
   background-color:white;
   font-size:90%;
}

.tutorialLeft div table{width:74%;}

.tutorialLeft div hr{width:74%;}

##.tutorialLeft div input{width:74%;}

.tutorialLeft div textarea{width:74%;}

.tutorialLeft h2{color:#a00;font-size:120%;border-bottom:1px solid #a00;}

/*.tutorialLeft select {overflow: scroll;} Thought this might fix the scrolling 
problem in MSIE, but it doesn't @#$$#Q */

#tutorialContent form img {margin-right: .5em;}

#tutorialContent ol {margin:0;margin-left:15%;}

#tutorialContent ul {margin:0;margin-left:15%;}

#tutorialContent .exLine1
{
   margin-top: 1.4em;
   margin-bottom: .7em;
   line-height: 95%;
}

#tutorialContent .exLine2
{
   margin-top: .7em;
   margin-bottom: 1.4em;
   line-height: 95%;
}

.tutorialIFrame
{
   border:3px inset white;
   float:right;
   position:relative;
   margin:0;
   padding:0;
   margin-top:-537px;
   width:72%;
   height:500px;
   z-index:0;
}

.main_content .footer
{
   width:70%;
   display:inline;
}

.tutorialIFrame a:link
{
   color:red;
   text-decoration:none;
}

body.none
{
   background-color:#036;
}

.formBtn
{
   font-size:120%;
   font-weight:bold;
   color:#a00;
}

@media print
{
   .tutorialIFrame
   {
      height:auto;
      display:none;
   }

   .tutorialLeft
   {
      page-break-before:avoid;
      page-break-inside:avoid;
      width:95%;
      height:auto;
      border:1px solid red;
   }
   
   .tutorialLeft div
   {
      height:auto;
      border:1px dashed blue;
   }
}


