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

body { background-color: #990000; margin: 0; padding: 0; text-align: center; }
table { text-align: left; }
td { vertical-align: top; }
h1 { margin: 10px 0; font: bold 24px "Lucida Grande", Verdana, Arial, sans-serif; }
h2 { font: bold 28px "Lucida Grande", Verdana, Arial, sans-serif; color: #FFFFFF; }
h3 { margin: 20px 0 10px 0; font: bold 16px "Lucida Grande", Verdana, Arial, sans-serif; }
p { font: normal 12px "Lucida Grande", Verdana, Arial, sans-serif; }
li { font: normal 12px "Lucida Grande", Verdana, Arial, sans-serif; }
img { border: none; }
a:link { color: #990000; text-decoration: none; }
a:visited { color: #990000; text-decoration: none; }
a:hover { color: #990000; text-decoration: underline; }
a:active { color: #ffcd33; text-decoration: underline; }

h2 a:link { color: #FFFFFF; text-decoration: none; }
h2 a:visited { color: #FFFFFF; text-decoration: none; }
h2 a:hover { color: #FFFFFF; text-decoration: none; }
h2 a:active { color: #ffcd33; text-decoration: none; }

.header { text-align: left; margin: 0 auto; width: 740px; }
.monkeyIcon { margin: 0 10px 0 0; position: relative; top: 15px; }

.container { background: #FFFFFF; margin: 0 auto; width: 800px; text-align: left; padding: 0; position: relative; }
.contentArea { margin: 0 30px; padding: 20px 0; }

.homeList { width: 320px; margin: 0 40px 0 0; float: left; height: 160px; }

.roundedCornerTL { position: absolute; top: 0; }
.roundedCornerTR { float: right; }
.roundedCornerBL { float: left; position: relative; top: -30px; }
.roundedCornerBR { float: right; position: relative; top: -30px; }

.appBadge { margin: 10px 30px 20px 0; }

.helpTable p { margin: 0 5px; }
.helpButton { margin: 0 5px 0 0; }
.helpButtonTd { text-align: right; vertical-align: top; width: 84px; }

#previewImages { float: right; width: 400px; height: 533px; position: relative; }
#previewImages img { position: absolute; z-index: 0; top: 0; left: 0; }