html, body {height: 100%;}

body {background: url(/_assets/bg_chalk.jpg); font: 12px/17px "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; color: #262626;}

h2 {font-size: 22px; font-weight: normal; padding: 25px 0; color: #1b5c8a; float: left;}

h3 {font-size: 18px; line-height: 22px; font-weight: normal; color: #596b18; margin: 10px 0 20px 0;}

h4 {font-size: 16px; font-weight: normal; color: #1b73b1; margin: 20px 0 15px 0;}

p {margin: 10px 0;}

ul {list-style: disc; margin: 10px 0 10px 20px;}

ol {list-style: decimal; margin: 10px 0 10px 20px;}

li {margin: 0 0 4px 0;}

label {line-height: 20px; float: left;}

td {vertical-align: middle; padding: 0 5px 5px 0; text-align: left;}

td input, td select {clear: left; float: left; margin-left: 0;}

hr {background-color: #e2d59f; border: 0; height: 1px; margin: 20px 0;}

a {color: #a45500;}

h4#signup {background: url(/_assets/icon_board.png) 0 50% no-repeat; line-height: 32px; padding-left: 42px;}
h4#products {background: url(/_assets/icon_box.png) 0 50% no-repeat; line-height: 32px; padding-left: 42px;}
h4#partners {background: url(/_assets/icon_ppl.png) 0 50% no-repeat; line-height: 32px; padding-left: 42px;}
h4#donate {background: url(/_assets/icon_cards.png) 0 50% no-repeat; line-height: 32px; padding-left: 42px;}
h4#student {background: url(/_assets/icon_student.png) 0 50% no-repeat; line-height: 32px; padding-left: 42px;}
h4.tall {line-height: 18px !important;}

#wrapper {min-height: 100%; width: 960px; margin: 0 auto; background: url(/_assets/bg_wrapper.png) 0 0 repeat-y; position: relative;}

* html #wrapper {height: 100%;}

#globalnav {width: 100%; background: url(/_assets/gn_bg_abc.png) repeat-x 0 0; padding-top:4px; display: none;}
#globalnav div {margin: 0 auto; text-align: right; margin-bottom: -1px;}

#slickbox {background-color: #61a1cd; height:34px; display: none; border-bottom: 2px solid #124e78;}
#slickbox div {width: 880px; margin: 0 auto; text-align:left; padding-top:5px; font-size: 11px; color: #124e78;}
#slickbox a {color: #fff;}

#abc {position: absolute; top: 0; right: 60px; margin-top: -1px; display: none;}

#header {background: #fff; width: 840px; padding: 0 20px; margin: 0 auto; overflow: auto;}

#header h1 {width: 545px; height: 81px; background: url(/_assets/logo.png) no-repeat; text-indent: -100em; float: left; margin: 12px 0 10px 0;}
#header img {float: left; margin: 42px 0 0 16px;}
#header input {float: right; margin: 44px 12px 0 0; background: url(/_assets/bg_search.png) 0 0 no-repeat; width: 172px; height: 27px; color: #6a6558; padding: 7px 0 0 26px; border: none;}

#nav {width: 860px; height: 45px; margin: 0 auto; background: url(/_assets/bg_nav.png) 0 0 repeat-x; padding-left: 20px;}

#nav ul {height: 21px; list-style: none; display: inline; overflow: hidden; margin: 0;}
#nav li {list-style: none; display: inline; margin: 0;}
#nav a {padding: 21px 0 0 0; float: left; overflow: hidden; height: 0px !important; margin: 15px 15px 0 0}
#nav a:hover {background-position: 0 -21px;}
#nav a:active, #nav a.selected {background-position: 0 -21px;}

#nav ul.right {float: right; overflow: visible; padding-right: 15px;}

#nav1 a {width: 38px; background: url(/_assets/nav1.png) top left no-repeat;}
#nav2 a {width: 59px; background: url(/_assets/nav2.png) top left no-repeat;}
#nav3 a {width: 113px; background: url(/_assets/nav3.png) top left no-repeat;}
#nav4 a {width: 104px; background: url(/_assets/nav4.png) top left no-repeat;}
#nav5 a {width: 110px; background: url(/_assets/nav5.png) top left no-repeat;}
#nav6 a {width: 45px; background: url(/_assets/nav6.png) top left no-repeat;}
#nav7 a {width: 127px; background: url(/_assets/nav7.png) top left no-repeat;}
#nav8 a {width: 69px; background: url(/_assets/nav8.png) top left no-repeat;}

#nav_sub {margin: 25px 0 0 0; float: right;}
#nav_sub li {display: inline; margin-left: 15px; background: url(/_assets/icon_pin.png) 0 0 no-repeat; padding-left: 22px;}

#content {background:  #fff; width: 840px; padding: 0 20px; margin: 0 auto;}

#banner {margin: 20px 0; float: left; background: url(/_assets/bg_banner.jpg); width: 600px; height: 120px; color: #fff; padding-top: 70px;}
#banner p {font-size: 13px; line-height: 18px; width: 325px; margin: 12px 0 0 260px;}
#banner a {color: #9fd119;}
#banner_flash {margin: 20px 0; float: left; width: 600px; height: 190px; }

#video_home {float: left; margin: 20px 0 0 20px;}

#cols {width: 840px; clear: both; overflow: auto; border-top: 1px solid #e2d59f; background: url(/_assets/bg_cols.png) 0 0 repeat-y;}

#col_lft {float: left; width: 595px; margin: 10px 0 15px 0;}

#col_rht {float:right; width: 210px; margin: -5px 0 5px 0;}
#col_rht ul {margin: 0 0 20px 0;}
#col_rht li {list-style: none; background: url(/_assets/icon_bullet.png) 0 4px no-repeat; padding-left: 14px; line-height: 16px; margin-bottom: 8px;}

#footer {margin: 0 auto; padding-bottom: 15px; border-top: 1px solid #e2d59f; width: 880px; color: #877e59; font-size: 11px; text-align: center;}
#footer ul {margin: 20px 0;}
#footer li {display: inline; margin-left: 20px;}
#footer a {color: #877e59; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer .print {margin-left: 40px; background: url(/_assets/icon_print.png) 0 50% no-repeat; padding-left: 18px}

.float_left {float: left; margin: 0 10px 10px 0;}
.float_right {float: right; margin: 0 0 10px 10px;}

p.movie {line-height: 32px; font-size: 13px; background: url(/_assets/icon_movie.png) 0 50% no-repeat; padding-left: 40px;}
p.slide {line-height: 32px; font-size: 13px; background: url(/_assets/icon_slide.png) 0 50% no-repeat; padding-left: 40px;}
p.clock {line-height: 32px; font-size: 13px; background: url(/_assets/icon_clock.png) 0 50% no-repeat; padding-left: 40px;}
p.web {line-height: 32px; font-size: 13px; background: url(/_assets/icon_web.png) 0 50% no-repeat; padding-left: 40px;}