body {padding:0;margin:0;background:#fff; position: relative;}
a img {border:0;}
p, li, blockquote, td {font: normal 12px Arial,Helvetica,sans-serif;}
hr {display: block; clear: both; width: 100%;}

#Logo, #tagline {display: inline; float: left; margin: 6px 0;}
#tagline {clear: right; padding-left: 0;}
#navigation {position: absolute; top: 0; left: 0; width: 100%; background:#52A6C8 url(../images/bg_blackboard.jpg) top left no-repeat;}

#Header {width: 1024px; float: left; position: relative; top: 0; left: 0;}

#Nav {display: inline; width: 800px; float: left; margin:0; padding:0;}
#Nav h1 {width: 500px; margin: 20px 0 0 24px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; padding: 0; color: #fff;}
#Nav ul {position: relative; text-align: center; padding: 0 0 6px; float: left; margin: 24px 0 0 -124px;}
#Nav li {display: block; float: left; list-style-type: none; padding: 0; font-size: 10px;}
a.Button {display: inline; float: left; clear: none; background: #7BCAFE url(../images/bu_go_off.gif) bottom left repeat-x; margin: 0px; color: #fff; font-weight: bold; vertical-align: top; border: 1px solid #fff; border-width: 1px 0 1px 1px; padding: 6px; text-decoration: none; text-align: center;}
#Nav li a#NavLast {border-right-width: 1px;}
a.Button:hover {background: #7BCAFE url(../images/bu_go_over.gif) top left repeat-x; color: #fff; text-decoration: none;}

#SubNav {margin:0;padding:20px 0 0; float: left; width: 200px;}
#SubNav ul {margin:20px 0 20px 15px; padding:0}
#SubNav li {display: block;list-style-type:none;margin:0;padding:0;}
#SubNav a {display: block; width: 140px; margin: 0; padding:5px 5px 5px 8px;;font:bold 13px/1 Arial,Helvetica,sans-serif;text-decoration:none;color:#fff; background: #c9910a; border-bottom: 1px solid #e9d39d; border-top: 1px solid #a17408;}
#SubNav a:hover {color:#c9910a;background:#ebd9ac; border-top: 1px solid #e9d39d; border-bottom: 1px solid #a17408;}
a#rssfeed {display: block; background: #f00; margin: 0 0 0 15px; padding: 6px; width: 75px; border: 0; text-align: center;}
a:hover#rssfeed {background: #f00; border: 0; color: #fff;}
#Content {padding: 0; width: 600px; margin: 0 0 1em; position: relative; top: 160px; left: 250px;}
#ContentTop {margin:0; padding: 0; position: relative; top: 0; left: 0;}
#ContentTop img {float: left; clear: none; margin: 0 10px 10px 0;}
#ContentTop h1 {font: normal 24px/1 Georgia,sans-serif; clear: none; margin-top: 0; margin: 0;}
#ContentTop h2 {font: normal 18px/1 Georgia,sans-serif; font-style: italic; clear: none; color: #999; margin: 12px 0 0;}
#ContentLeft {position: relative; width:600px; float:left; margin-right:1em; clear: left;}
#ContentLeft h1 {font: normal 24px/1 Georgia,sans-serif; clear: none;}
#ContentLeft h3 {margin-top: 1em;}
#ContentLeft p {margin-left: 2em;}
#ContentLeft li {margin-bottom: .67em;}
#Middle {text-align: center;}

h1,h2 {margin:0;padding:0}

h1 {font:bold 1.4em/1.5 Arial,Helvetica,sans-serif;margin:0}
h2 {font:bold 1em/1.2 Arial,Helvetica,sans-serif;color:#666;margin:.5em 0 0 1em;}
h3 {font: bold .8em/1.2 Arial, Helvetica, sans-serif; display:block;padding:0 0 0 1em;margin:0 0 0 1em}

#news {display: block; float: left; width: 384px; margin-bottom: 24px; background: transparent url(../images/news_bg_mid.gif) top center repeat-y; padding: 0;}
#news .top {background: #fff url(../images/news_bg_top.gif) top center no-repeat; margin: 0;}
#news .top h1 {padding: 24px 0px 0px; margin: 0 12px 12px; border-bottom: 2px solid #c00; font-family: Georgia, serif; color: #c00;}
#news .entry {background: transparent; margin: 0 0 24px; width: 360px;}
#news .foot {background: transparent url(../images/news_bg_bot.gif) bottom center no-repeat; padding: 0 0 24px;}
#news hr {width: 90%;}
#news .entry h1.Headline {font-size:1em;clear:both;padding:0 0 0 24px; border-bottom:0;}
h1.Headline a {text-decoration: none;}
span.NewsDate {float:right;font:bold .8em Arial;padding:1px 6px;}

a#H1SWU {color: #000; border-bottom:2px dotted #666; text-decoration:none;}

ul#RssFeeds li {list-style-image:url(../images/icon_xml2.gif)}
ul#RssFeeds li a {margin-left:.5em}

#Footer {position: relative; left: 50%; top: 0; margin-left: -150px; bottom: 0px; width:300px;text-align:center;clear:both; float: left;}

dl.events {margin-left:2em}
dl.events dt {display:block; float: left; margin-right:.25em; clear:both; font:bold 85% Arial,Helvetica,sans-serif;}

label strong {color: #C00}
table#action {width: 500px;}
table#action th {vertical-align: top; text-align: right; font: bold 24px/1 Georgia, serif; color: #c00; border-bottom: 1px solid #000; padding: 12px;}
table#action td {border-bottom: 1px solid #000; padding: 12px;}
table#action td h1 {padding: 0; font: bold 12px Arial,Helvetica,sans-serif;}
fieldset {border: 0;}

.resolution {margin-bottom: 3em;}
.resolution h1 {font-size: 16px; padding: 6px; background: #e0e0e0;}

#sidebar {position: absolute; top: 140px; left: 650px; float: left; clear: left; margin: 0 0 20px; width: 250px; padding: 0; z-index: 2000;}
#convention {position: relative; top: 0; left: 0; float: left; clear: left; margin: 0 0 20px; width: 250px; padding: 0; border: 1px solid #000; background: #ffc; z-index: 2005;} 
#convention h1 {text-align: center; color: #fff; font-size: 16px; font-weight: bold;  background: #000; margin: 0; padding: 2px;}
#convention p {padding: 6px; margin: 0;}
#convention ul {margin: 3px 6px;}
#convention h2 {color: #c00; margin: 0; padding: 6px; text-align: center;}

#productpush {background: #CEF5FD; position: absolute; top: 140px; left: 15px; width: 200px; float: left; clear: left; margin: 20px 0 0 0; padding: 0; z-index: 3000; text-align: center;} 
#productpush h1 {text-align: right; color: #fff; font-size: 16px; font-weight: bold;  background: #000; margin: 0 0 0 0; padding: 2px 20px 2px 2px;}
#productpush p {padding: 6px; margin: 0; text-align: right;}
#productpush h2 {color: #c00; margin: 0; padding: 6px; text-align: right;}
#productpush img {position: absolute; top: 0; left: 0; margin: -20px 0 0 -10px;}
#productpush a.Button {position: relative; width: 100px; left: 50%; margin: 6px 6px 6px -53px;}

#productpush2 {background: #CEF5FD; position: absolute; top: 380px; left: 15px; width: 200px; float: left; clear: left; margin: 20px 0 0 0; padding: 0; z-index: 3000; text-align: center;} 
#productpush2 h1 {text-align: right; color: #fff; font-size: 16px; font-weight: bold;  background: #000; margin: 0 0 0 0; padding: 2px 20px 2px 2px;}
#productpush2 p {padding: 6px; margin: 0; text-align: right;}
#productpush2 h2 {color: #c00; margin: 0; padding: 6px; text-align: right;}
#productpush2 img {position: absolute; top: 0; left: 0; margin: -20px 0 0 -10px;}
#productpush2 a.Button {position: relative; width: 100px; left: 50%; margin: 6px 6px 6px -53px;}

#productpush3 {background: #CEF5FD; position: absolute; top: 620px; left: 15px; width: 200px; float: left; clear: left; margin: 20px 0 0 0; padding: 0; z-index: 3000; text-align: center;} 
#productpush3 h1 {text-align: right; color: #fff; font-size: 16px; font-weight: bold;  background: #000; margin: 0 0 0 0; padding: 2px 20px 2px 2px;}
#productpush3 p {padding: 6px; margin: 0; text-align: right;}
#productpush3 h2 {color: #c00; margin: 0; padding: 6px; text-align: right;}
#productpush3 img {position: absolute; top: 0; left: 0; margin: -20px 0 0 -10px;}
#productpush3 a.Button {position: relative; width: 100px; left: 50%; margin: 6px 6px 6px -53px;}

#productpush4 {background: #CEF5FD; position: absolute; top: 860px; left: 15px; width: 200px; float: left; clear: left; margin: 20px 0 0 0; padding: 0; z-index: 3000; text-align: center;} 
#productpush4 h1 {text-align: right; color: #fff; font-size: 16px; font-weight: bold;  background: #000; margin: 0 0 0 0; padding: 2px 20px 2px 2px;}
#productpush4 p {padding: 6px; margin: 0; text-align: right;}
#productpush4 h2 {color: #c00; margin: 0; padding: 6px; text-align: right;}
#productpush4 img {position: absolute; top: 0; left: 0; margin: -20px 0 0 -10px;}
#productpush4 a.Button {position: relative; width: 100px; left: 50%; margin: 6px 6px 6px -53px;}


#buStudent {position: absolute; left: 40px; top: 1100px; width: 152px; display: block; padding: 0;} 

span.imgGroup {display: inline; float: left; clear: none; margin-right: 12px; width: 120px; text-align: center;}
span.imgGroup img {clear: right;}

div#login {position: absolute; top: 10px; right: 20px; width: 240px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #fff;}
div#login p {margin-top: 0;}
div#login a {color: #ffc;}

div.survey {padding: 6px; width: 200px; background: #ffc; border: 1px solid #c90; position: absolute; right: 20px; top: 35px; text-align: center;}
div.survey h1 {color: #c90; font: normal 24px/1 Georgia,sans-serif; clear: none; padding: 0; margin: 0;}
div.survey p {padding: 0; margin-left: 0; margin: 0;}

#ContentLeft table#surveyTable {margin: 20px 0 0;}
#ContentLeft table#surveyTable td {vertical-align: top; padding: 0 20px 3px 0;}
#ContentLeft table#surveyTable textarea {width: 300px;}

#ContentTop .surveyresult {padding: 12px 0; border-bottom: 1px solid #000;}

#lessonSubnav {margin: 12px 0; padding: 6px; background: #ffe9e9; border: 1px solid #f00; width: 400px;}
#lessonSubnav h2 {padding: 0 0 12px; margin: 0; font-size: 14px;}

#StudentIcon {position: relative; margin: 0 12px 0 0;}
#studentnav {position: relative; left: 0px; margin: 130px 0 0 -194px; padding: 6px; width: 150px; float: left; clear: none;}
#studentnav ul {padding: 12px 9px; background: #D6F3FC;}
#studentnav li {list-style-type: none; margin: 0; padding-bottom: 3px; text-align: center;}
#studentnav a img {border: 4px solid #fff; margin: 0; padding: 0;}
#studentnav a:hover img {border: 4px solid #0ff;}