/* Stuff for demonstration purposes, remove if you like */
*,html,body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; }
body { padding:50px; background:url(../gfx/background.gif) repeat-y left #000; }

/* Russ' Logo & Title */

h1 { background:url(../gfx/list.jpg) no-repeat; width:140px; height:140px; overflow:hidden; text-indent:-9000px; margin:-8px 0 0 0 }
h1 a { float:left; width:130px; height:130px; }
h2 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; font-style:italic; font-weight:normal; margin:16px 0 0 0; }
h2 a { text-decoration:none; color:#8a8a8a; }
h2 a:hover { color:#333; }

/* The normal menu */

ul#menu,ul#dropdown { margin:0; padding:0; }
ul#menu { list-style:none; float:left; width:175px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2f2f2f;  margin:25px 90px 0 0; }
ul#menu li { float:left; width:175px; border-top:1px solid #d5d5d5;  }
ul#menu li.first  { border:none; }
ul#menu li a {float:left; width:175px; padding:10px 0 10px 0; color:#2f2f2f; text-decoration:none; border:none; outline:none; }
ul#menu li a:hover { background:#f4f4f5; }
ul#menu li a.active{ font-weight:bold;  }

/* The menu that slides down */

ul#dropdown { list-style:none; float:left; width:165px; overflow:hidden; margin:0 0 0 10px; }
ul#dropdown.nojs { margin:0 0 25px 10px; }
ul#dropdown li { float:left; width:165px; border:none; }
ul#dropdown li a {float:left; width:165px; padding:3px 0 3px 0; color:#666; text-decoration:none; }
ul#dropdown li a:hover { background:#f4f4f5; color:#333; }

ul#dropdown_none { list-style:none; float:left; width:165px; overflow:hidden; margin:0 0 0 10px; }
ul#dropdown_none li { float:left; width:165px; border:none; }
ul#dropdown_none li a {float:left; width:165px; padding:3px 0 3px 0; color:#666; text-decoration:none; }
ul#dropdown_none li a:hover { background:#f4f4f5; color:#333; }

/* The Login form */

#login { float:left; width:300px; }
#login h3 { float:left; font-weight:normal; color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:23px; margin:0; clear:both; }
#login label, #login input { float:left; width:288px; font-family:Arial, Helvetica, sans-serif; color:#000; font-size:11px; }
#login label { color:#666; margin:3px 0 3px 0; }
#login input { padding:0px; border:1px solid #ccc; color:#666; padding:5px; margin:0 0 10px 0; }
#login #submit { padding:5px 0 5px 0; margin:0 0 10px 0; width:80px; }
#login input:hover#submit { background:#ccc; }
#login #error { float:left; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FF0000; }

/* Content */

#content { float:left; width:630px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:11px; margin:-92px 0 0 0; }
#content img { margin:15px 0 15px 0; }
#content h3 { font-weight:normal; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; margin:0 0 2px 0; }
#content p { color:#ccc; margin:0 0 7px 0; }
#content p a { text-decoration:none; color:#fff; }
#content p a:hover { color:#999; }