/* elements */
body {font-weight: normal; color: #000; background-color: #CCC; }
p, ol, ul, h1, h2, h3, dt, dd, table {font-family: Helvetica,Arial,sans-serif; font-weight: normal; font-size: 100%; line-height: 1.125em;}
h1 {line-height: 1em;}
pre, tt, code {font-family: "courier new", sans-serif, monospace; font-size:100%;}
h1 {clear: both; font-size: 1.375em;}
h2 {font-size: 1.25em;line-height: 1.25em;margin: 1.9ex 0 0 0;}
h3 {font-weight: bold;}
tr, td {font-family: helvetica,Arial,Sans-Serif; font-weight: normal; font-size: 100%;}
abbr {border-bottom: 1px dotted black;}
/* classes */
.body {font-family: Helvetica,Arial,sans-serif; font-size: 100%;}
.blu {color: #09F; text-decoration: none;}
.code {font-family: "courier new", sans-serif, monospace; font-size: 100%;}
.quote {font-family: Palatino,Georgia,Serif; font-style: italic;}
.tagline {font-family: Helvetica,Arial,sans-serif; font-size: 75%; text-align: right;color: #333;}
.head {font-family: Helvetica,Arial,sans-serif; font-size: large;}
a.rl {background: url("images/roll-left.png") 0 0 no-repeat; text-decoration: none;}
a.rr {background: url("images/roll-right.png") 0 0 no-repeat; text-decoration: none;}
a:link {color: #00F; text-decoration: none;}
a:visited {color: #711B8D;text-decoration: none;}
a:visited:hover {color: #00F; text-decoration: underline;}
a:hover {color: #00F; text-decoration: underline;}
a:active {color: #00F;}
/* IDs */
#nav-menu {width: 60em; height: 50px;}
#nav-menu ul {list-style: none; padding: 0; margin: 0;}
#nav-menu li {float: left; margin: 0 0.15em;}
#nav-menu li a {height: 47px; line-height: 47px; width: 115px; display: block; text-decoration: none; text-align: center;outline: none;}
#nav-menu input {margin-top: 8px; margin-right: 0; margin-left: 8px; height: 20px; padding: 2px}
#nav-menu #question {font: 16px Helvetica, Arial,sans-serif;}
#nav-menu .submit {margin-left: 3px; margin-right: 8px; height: 27px; width: 89px;}
#nav-menu a:hover {background-position: 0 -47px;}
#nav-menu a:active {background-position: 0 -94px;}
#nav-menu img {border-width: 0px;}
#top {float: left; margin: 0 0 1em 1.5em;}
#top a {outline: none;}
/* buttons */
#btn {
border: 1px solid #777;
border-radius: 2px 2px 2px 2px;
text-align: center;
color: #333;
cursor: pointer;
font-family: Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: normal;
outline: none;
background: #eee;
background-image: -moz-linear-gradient(top , #eee, #ccc);
background-image: -webkit-linear-gradient(top , #eee, #ccc);
background-image: -ms-linear-gradient(top, #eee, #ccc);
background-image: -o-linear-gradient(top, #eee, #ccc);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc'); /* IE6+7 */  
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc')"; /* IE8+ */ 
}
#btn:hover {
background-image: -moz-linear-gradient(top , #eee, #bbb);
background-image: -webkit-linear-gradient(top , #eee, #bbb);
background-image: -ms-linear-gradient(top, #eee, #bbb);
background-image: -o-linear-gradient(top, #eee, #bbb);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#bbbbbb'); /* IE6+7 */  
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#bbbbbb')"; /* IE8+ */ 
}
#btn:active {color: #666; border: 1px solid #4B8DF8; outline: none;}
#btn::-moz-focus-inner {border: none;}