/*
   New Perspectives on HTML and XHTML 5th Edition
   Tutorial 3
   Case Problem 2

   Mountain Wheels Style Sheet
   Author: Jonathan Hamsher
   Date:   March 2, 2010

   Filename:         wheel.css
   Supporting Files: bottom3.jpg, side4.jpg

*/

body {background-color: black; font-family: arial, helventica, sans-serif; margin: 0px; background-image: url(../images/bottom3.jpg); background-repeat: repeat-y}
h1 {text-align: center; height: 100px; margin: 0px; color: white}
p {margin: 10px; color: palegreen}
a {padding: 2px; color: yellowgreen; margin: 5px; margin-left: 0px; font-size: 10pt; text-decoration: none; border: 1px solid forestgreen; background-color: darkgreen; text-shadow: 1px 1px 6px black}
li {color: seagreen}
h5 {display: block}
h4 {font-size: 30pt; margin: 5px; margin-top: -60px; font-variant: small-caps; color: #fff; text-shadow: 0px 0px 10px #fff; text-indent: 175px}
html>body h4 {font-size: 30pt; margin: 5px; font-variant: small-caps; color: #fff; text-shadow: 0px 0px 10px #fff; text-indent: 175px}

table.programs {font-family: 'Trebuchet MS', Arial, Verdana, sans-serif}
table.programs tbody {color: white; background: forestgreen}
table.programs thead {color: white; background: darkgreen; text-shadow: 1px 1px 6px black}
table.programs a {display: block} 
table.subTable {font-family: 'Trebuchet MS', Arial, Verdana, sans-serif}
table.subTable td {border: 1px solid black; width: 72px; font-size: 10pt; background-color: darkgreen}
table.subTable a {color: yellowgreen; margin: 2px; font-size: 10pt; text-decoration: none; border: 0px solid forestgreen; background-color: darkgreen; text-shadow: 1px 1px 4px black}
table.subTable th {width: 125px; text-shadow: 1px 1px 6px black}
div.column2 {width: 80%; float: left; border-left: 1px solid; border-right: 1px solid}
div.column2 a {color: #333333; background: #ffffff; text-decoration:none; font-size:11px; line-height:16px; font-family: Tahoma, verdana, sans-serif}
div.column2 a:link {color: yellowgreen; background: darkgreen}
div.column2 a:visited {color: yellowgreen; background: darkgreen}
div.column2 a:hover {color: #eeeeee; background: #333333}

#column1 {width: 200px; padding-left: 10px; padding-top: 20px; float: left}
#image {float: left; margin: -2px; margin-top: 0px}
html>body #image {float: left; margin: 0px}
#side {float: left; background-image: url(../images/side3.jpg); background-repeat: repeat-x; width: 100%; margin-top: -5px}
html>body #side {float: left; background-image: url(../images/side4.jpg); background-repeat: repeat-x; width: 100%; margin-top: -5px; height: 80px}