body{ background:url(/img/tile_blue.jpg); color:#666; margin-bottom:100px; }

#top{ background:#183c57 url(/img/page_top_stretch.jpg) repeat-x; }

#landing_top{ width:1010px; margin:0 auto; background:url(/img/start_page_stretch.jpg) repeat-y center; position:relative; }
#landing_content{ background:url(/img/start_page_top.jpg) no-repeat; padding:104px 143px 0 143px; }
#landing_bottom{  padding:27px 31px; background:url(/img/start_page_bottom.jpg) no-repeat left bottom; position:relative; }
#signup{ float:left; width:350px; }
#login{ float:right; width:250px; }
#login .asterik{ color:#91b140; font-family:Times New Roman, Georgia, serif; }
#login a{ border-bottom:1px dotted; }
#login a:hover{ border-bottom:1px solid; }
#login_help{ margin-top:6px; }
#login label{ color:#5b87ac; }
#login .text, .bar_number .text{ background-position:-10px -10px; width:200px; }
#login .text:focus, .bar_number .text:focus{ background-position:-10px -92px; }

#logo_link{ display:block; position:absolute; top:0; left:165px; width:150px; height:100px; }

a#sign_me_up, a#take_the_tour{ display:block; height:0px; width:135px; padding-top:31px; background:url(/img/form_elements.jpg) no-repeat -270px -10px; overflow:hidden; margin:30px 20px 0 0; float:left; }
a#sign_me_up:hover{ background-position:-270px -51px; }

a#browse_library { display:block; height:0px; width:135px; padding-top:31px; background:url(/img/form_elements.jpg) no-repeat -270px -10px; overflow:hidden; margin:30px 20px 0 0; float:left; }
a#browse_library:hover{ background-position:-270px -51px; }

a#take_the_tour{ background-position:-251px -428px; width:155px; }
a#take_the_tour:hover{ background-position:-251px -469px; }

.footnote{ margin-top:30px; padding-top:20px; background:url(/img/hr_dots.gif) repeat-x; }
.footnote .asterik{ font-size:1.5em; line-height:1px; position:relative; top:5px; }
h4{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:6px; color:#444; }
#login a:hover{ border-bottom:1px solid #999 !important; }
h3{ margin-top:20px; }
h2{ font-size:22px; margin-bottom:30px; }
h2 .subhead{ font-size:14px; }

.state_column{ width:164px; float:left; text-align:center; }
.state_column a{ display:block; height:20px; padding:5px 5px 0 5px; color:#bac1c7; border:1px solid white; border-width:0 1px 1px 0; background:url(/img/state_selection_backs.gif) no-repeat 500px 500px; }
.state_column a:hover{ color:#0d4e7f; background-position:0 0; }
.state_column a.selected{ background-position:0 -26px; color:#0d4e7f; }

.bar_number{ padding:10px 10px 0 10px; }
.bar_number .state, .bar_number .enter, .bar_number .confirm{ width:250px; float:left; }
.bar_number .state{ width:130px; padding-top:17px; }
.bar_number .confirm{ float:right; }

#choose_avatar a{ display:block; border:0; padding:35px; float:left; border:1px solid white; border-width:0 1px 1px 0;background:url(/img/avatar_selection_backs.gif) no-repeat 500px 500px; }
#choose_avatar a:hover{ background-position:left top; }
#choose_avatar a.selected{ background-position:0 -131px; }

#map{ margin:-20px -29px 0 -29px; }

#footer{ position:absolute; bottom:-80px; left:2px; width:720px; background:none; color:#406d8f; }
#footer_content{ border:none; width:auto; }
#footer a{ color:#69a1cb; }
#footer a:hover{ color:white; }