#junk {
  margin-left: 0%;
}

body {
   color: rgb(75%, 15%, 100%);
   background-color: black;
   background-image: url("images/web/purpledragback.gif");
   background-repeat: repeat-y;
}


a.warning {
	font-size: 110%;
	color: rgb(100%, 90%, 100%);
}

a.header {
  font-size: 200%;
  color: rgb(0%, 85%, 15%);
}



a:active {color: pink} /* selected link */
a:visited {color: purple} /* visited link */
a:link {color: green}    /* unvisited link */
a:hover {color: yellow}   /* mose over link */

a.name:hover
{
	text-transform:uppercase;
	font-size: 200%;
}

table {
   margin-left: -100%;
}  

table.layout {
   margin-left: 150px;
   width: 650px;

}

table.top {
   margin-left: 45;
   width: 800px;

}

table.normal {
   margin-left: 0%;
   font-family: sans-serif;
   background: blue;
   border-width: 2px;
   border-color: white;
   cellpadding: 10px;
}
th.normal { 
     color: yellow;
     font-family: sans-serif;
     background: rgb(0, 155, 0);
}
td.normal { 
     color: yellow;
     font-family: sans-serif;
     background: rgb(20, 100, 20);
}

p.right {text-align: right}
#right {text-align: right}


// /* Here's a body.  You can have all sorts of stuff in it.  Like:
//    background  (sets all the background properties, but doesn't work well)
// 
//    background-color -- background color. :)
//    background-image -- can be of type url("URL"), or none.
//        
//    background-repeat -- applies to background images.  Sets if/how it'll be
//        repeated, like repeat-x, repeat-y, no-repeat, or just repeat
//        (default?).
//        
//    background-attachment -- can be 'scroll' or 'fixed'; tells whether the
//        background image scrolls with the page or not
// 
//    background-position -- Starting position of a bgimage.  Things like:
//        top left
//        top center
//        center left
//        bottom right
//        x-%y-%
//        x-pos y-pos
// */       
// 
// /* I learned CSS from http://www.w3schools.com/css 
//        You can find examples here:
//        http://www.w3schools.com/css/css_examples.asp
//        */
// /* this is an id-tag - useful with any element;
//    Use it with something like <p id="right"> or <table id="right"> */
// /* #right {text-align: right} */
// /* This is a class attribute - useful with the parent element;
//    Use it with something like <p class="right"> */
// /* p.right {text-align: right} */
// 
// 
// /* Grouping:  Assign the same styles to multiple selectors, like:
// /* TEXT STUFF
//    You can set text styles, too.  Here's what you can define:
//    color: color
//    direction: ltr or rtl (IE 5.0 only, CSS2 thing)
//    letter-spacing: normal and /length/ (NN 6.0 and IE 4)
//    text-align: left, right, center, justify
//    text-decoration: none, underline, overline, line-through, blink
//    text-indent: length or %
//    text-transform: none, capitalize, uppercase, lowercase
//    white-space: normal, pre, nowrap
//    word-spacing: normal, or length
// */
// /* FONT STUFF
//    font: sets all the properties for a font
//        caption, icon, menu, message-box, small-caption, status-bar
//    font-style -- normal, italic, oblique
//    font-variant -- normal, small-caps
//    font-weight -- normal, bold, bolder, lighter, 100, 200, ... 900
//    font-stretch -- normal, wider, narrower, ultra-condensed,
//        extra-condensed, condensed, semi-condensed, semi-expanded, expanded,
//        extra-expanded, ultra-expanded
//        
//    font-size -- xx-small, x-small, small, medium, large, x-large, xx-large,
//        smaller, larger, length, and %
//        
//    font-family -- family-name and generic-family
// */
// /* BORDER STUFF
//    border: generic setting
//    border-width -- thin, medium, thick, length
//    border-style -- none, hidden, dotted, dashed, solid, double, groove,
//        ridge, inset, outset
//    border-color --
//    border-bottom: generic (NN 6.0)
//    border-bottom-width (NN 4.0)
//    border-bottom-color (NN 6.0)
//    border-bottom-style (NN 6.0)
//    border-left: ditto
//    border-right:
//    border-top:
// */       
// /* MARGIN STUFF
//    margin: generic
//    margin-top -- auto, length, %
//    margin-right -- ditto
//    margin-bottom -- ditto
//    margin-left -- ditto
// */
// /* PADDING STUFF
//    padding: generic
//    padding-top -- length, %
//    padding-bottom --
//    padding-left --
//    padding-right --
//    padding-top --
// */
// /* LIST STUF
//    list-style: generic
//    list-style-type -- none, disc, circle, square, decimal,
//        decimal-leadig-zero, lower-roman, upper-roman, lower-alpha,
//        upper-alpha, lower-greek, lower-latin, upper-latin, hebrew,
//        armenian, gregorian, cjk-ideographic, hiragana, katakana,
//        hiragana-iroha, katakana-iroha
//    list-style-image -- none, url (NN 6.0)
//    list-style-position -- inside, outside (NN 6.0)
// */
// /* DIMENSION
//    height -- auto, length, %
//    line-height -- normal, number, length, %
//    max-height -- none, length, %
//    max-width -- none, length, %
//    min-height -- length, %
//    min-width -- length, %
//    width -- auto, %, length
// */
// /* CLASSIFICATION
//    clear -- left, right, both, none (as in: br clear=both)
//    cursor -- url, auto, crosshair, default, pointer, move, e-resize,
//        ne-resize, nw-, n-, se-, sw-, s-, w-, text, wait, help
//    display -- none, inline, block, list-item, run-in, compact, marker,
//        table, inline-table, table-row-group, table-header-group,
//        table-footer-group, table-row, table-column-group, table-column,
//        table-cell, table-caption
//    float -- left, right, none
//    position -- static, relative, absolute, fixed
//    visibility -- visible, hidden, collapse
// */
// /* POSITION
//    bottom -- auto, %, length
//    clip -- shape, auto (NN 6)
//    left -- auto, %, length
//    overflow -- visible, hidden, scroll, auto (NN 6)
//    right -- auto, %, length
//    top -- auto, %, length
//    vertical-align: baseline, sub, super, top, text-top, middle, bottom,
//        text-bottom, length, %
//    z-index -- auto, number (NN 6)
// */       
// // Pseudo-classes and CSS classes
// //   Pseudoclasses: selector :pseudo-class {property: value}
// //   CSS classes:  selector .class:pseudo-class {property: value}
// //   a:active {color: color} /* selected link */
// //   a:visited {color: color} /* visited link */
// //   a:link {color: color}    /* unvisited link */
// //   a:hover {color: color}   /* mose over link */
// //
// //   e.g.:
// //   a.silly:visited {color: red}
// //       
// //   special pseudoclass: :first-child .. applies to the first child of
// //       the given element.  Like:
// //   div:first-child p { text-indent: 25px }