/* Live in Style -- Dem */   
body     { color: #333333; background-color: white; font-size: 90%;
           font-family: trebuchet ms, sans-serif; margin-bottom: 30px }
html     { overflow: -moz-scrollbars-vertical }
table    { font-size: 100% }
td       { vertical-align: top }
ul, ol   { margin-top: 5px }
hr       { background-color: gray; height: 1px; border-style: none }
textarea { font-family: sans-serif }
br.clear { clear: both }

/* Links */
a         { color: slategray; font-weight: bold; text-decoration: none }
a:hover   { color: navy }
a:active  { color: darkgray }
a:visited { color: darkgray }
img       { border-style: none }

/* Document */
h1 { text-align: right; font-size: 160%; color: darkblue; font-family: comic sans ms, american typewriter, sans-serif; margin: 15px 0px 0px 0px }
h2 { text-align: right; color: darkgray; font-size: 110%; font-family: verdana, sans-serif; margin: 0px 0px 25px 0px }
h3 { font-size: 120%; margin: 3px 0px }
h4 { font-size: 110%; margin: 2px 0px }
h5 { font-weight: normal; font-style: italic; font-size: 100%; margin: -5px 0px 10px 0px }
em { font-weight: bold; font-size: 80%; font-family: verdana, sans-serif }
.shrink  { font-size: 80% }
.warning { font-style: italic; color: firebrick }
.click   { cursor: pointer }
.center  { text-align: center }
.middle  { margin-left: auto; margin-right: auto }
.stage_l { float: left; text-align: center; margin: 3px 10px 10px 0px }
.stage_r { float: right; text-align: center; margin: 3px 0px 10px 10px }

/* Layout */
div.main    { width: 520px; padding: 25px 20px; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; }
div#nav     { margin: 40px 5px }
div#nav img { display: block }
div#nav img.tab { float: left }

div#drive_carefully { background-image: url('graphics/drive-carefully.jpg'); background-repeat: no-repeat; background-position: bottom right }