/* CSS Reset */
html, body, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: top; }
body { line-height: 1; color: black; background: white; }
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
ol, ul { list-style: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
:focus { outline: 0; }


/* Actual CSS */
body { font-family: Arial, Helvetica, sans-serif; color: #404040; font-size: 11px; background-image: url(../image/interface/checkerboard.gif); }

strong { font-weight: bold; color: #101010; }
em { font-style: italic; }
p { margin: 10px; font-size: 12px; }

h1 { font-family: Arial; font-size: 24px; font-weight: bold; color: #000000; letter-spacing: 1px; padding-left: 4px; padding-right: 4px; padding-top: 10px; padding-bottom: 4px; }
h2 { font-family: Arial; font-size: 16px; font-weight: bold; color: #000000; letter-spacing: 1px; padding-left: 18px; padding-top: 20px; padding-bottom: 2px; }
h3 { font-family: Arial; font-size: 14px; font-weight: bold; color: #000000; letter-spacing: 1px; padding-left: 18px; padding-top: 15px;  }

form { display: inline; }

.content { background-color: #ffffff; }

.contentheader { background-image: url(../image/interface/NobleAvatarBanner.jpg); }
.contentnavbar { padding: 5; font-family: Arial; font-weight: bold; letter-spacing: 1px; font-size: 14px; color: #b0b0b0; }
.contentnavbar a { padding: 2 10 2 10; font-family: Arial; font-weight: bold; letter-spacing: 1px; font-size: 14px; color: #ffffff; text-decoration: none; }
.contentnavbar a:hover { background: #202020; border-bottom: 2px solid #FFF799; }

.contenttitle a { text-decoration: none; color: #0000b0; }
.contenttitle a:hover { text-decoration: underline; }

.contentabout a { text-decoration: none; color: #000020; }
.contentabout a:hover { text-decoration: underline; }

.gamelinks { padding-left: 10px;}
.gamelinks td { width: 94px; }
.gamelinks a { padding-left: 23px; text-decoration: none; font-weight: bold; color: #222222; padding-top: 3px; padding-bottom: 3px; display: block; background: url(../image/interface/FancyButton.gif) no-repeat top left; }
.gamelinks a:hover { color: #000000; background: url(../image/interface/FancyButtonRollover.gif) no-repeat top left; }

.downloadlink { font-size: 14px; color: #b00000; text-decoration: none; font-weight: bold; }
.downloadlink:hover { text-decoration: underline; }

.quote { padding: 3px; margin: 10px; font-size: 12px; border: 1px solid #e0e0e0; background-color: #f0f0f0; }
.code { padding: 3px; margin: 10px; font-family: serif; font-size: 12px; border: 1px dashed #b0b0b0; background-color: #f0f0f0; }

.footer { margin-top: 20px; text-align: center; }
.footermenu { padding-bottom: 5px; padding-top: 5px; font-size: 11px; border-top: 1px solid #777777; border-bottom: 1px solid #777777; background-color: #f8f8f8; letter-spacing: 3px; }
.copyright { margin-top: 10px; margin-bottom: 10px; font-size: 10px;}
.copyright a { text-decoration: none; color: #404040; }
.copyright a:hover { text-decoration: underline; }