.mid_cell   { background-image: url("../img/tutorial-pages/mid-section.gif"); background-repeat: repeat-y }


.pan1   { width: 129px; float: left }
.pan2      { width: 470px; float: left }
.pan3     { text-align: center; width: 135px }
.pad_8 { padding:8px}
.pan1, .pan2, .pan3  { display:inline; margin-top: 10px; margin-left: 10px; float: left }

.pan1 h2  { font-size: 13px; padding-left: 5px }
.pan1 br {clear:both}

.pan1 a     { line-height: 1.4; background-image: url("../img/tutorial-pages/arrow-gry.gif"); background-repeat: no-repeat; margin-top: 5px; margin-bottom: 5px; margin-left: 2px; padding-left: 12px; width: 110px; float: left }
.pan1 b a    { font-weight: normal; background-image: url("../img/tutorial-pages/arrow-org.gif"); background-repeat: no-repeat; padding-left: 12px; width: 110px; float: left }
.pan1 a:hover    { color: #333; background-image: url("../img/tutorial-pages/arrow-ovr.gif"); background-repeat: no-repeat }
.pan1 b a:hover   { color: #666; background-image: url("../img/tutorial-pages/arrow-org.gif") }

.line  { background-image: url("../img/tutorial-pages/line.gif"); background-repeat: repeat-x; width: 129px; height: 2px; float: left }

.codings   { color: #333; font-size: 13px; font-family: "Courier New", Courier, Monaco, monospace; background-color: #e6e6e6 }

.admin_but a     { line-height: 1.7; background-image: url("../img/user_button.gif"); background-repeat: no-repeat; text-align: center; display: block; margin: 0 2px 5px; width: 90px; height: 21px; float: left }
.admin_but a:hover    { background-image: url("../img/user_button_on.gif") }

.admin_but_small a      { font-size: 9px; line-height: 1.5; background-image: url("../img/user_button_small.gif"); background-repeat: no-repeat; text-align: center; display: block; margin: 5px 2px; width: 64px; height: 15px; float: left }
.admin_but_small a:hover    { background-image: url("../img/user_button_small_on.gif") }

.tut_box   { display: inline; margin-right: 10px; width: 205px; height: 140px; float: left; border: solid 1px #ccc }
.tut_pad  { padding: 5px }

.pan2 h3 a     { font-size: 15px; line-height: 2; background-image: url("../img/tutorial-pages/arrow-org.gif"); background-repeat: no-repeat; list-style-type: none; padding-left: 15px }
.pan2 h3 a:hover  { background-image: url("../img/tutorial-pages/arrow-gry.gif") }