/*this is a CSS comment; the following CSS code formats the HTML (or possibly XML or other language) documents which may reference this css file.*/

/*Notice there are different ways to format color:
name:        white
hexcode:     #ffffff                [rrggbb]
abbreviated: #fff                   [rgb]
rgb percent: rgb(100%, 100%, 100%)  [r%, g%, b%]
rgb values:  rgb(255, 255, 255)     [b#, g#, b#]

*/

body { background-color: #000099; background-image: url(demobg1.gif); background-repeat: repeat-y; background-attachment: fixed; padding-left:60px; margin: 5px; }
h1, h2 { font-family: Arial, Microsoft Sans Serif, sans-serif; font-weight: bold; color: #39f; text-align: center; font-variant: small-caps; font-size: x-large; }
h3, h4, h5, h6 { font-family: Arial, Microsoft Sans Serif; font-size: large; font-weight: bold; color: #39f; text-align: center; }
p { text-indent: 2.5em; font-family: Verdana, Tahoma, sans-serif; color:#A6D3FF; font-size: medium;font-weight: normal; font-variant: normal; text-align: justify; } /*Justifies*/
 p.copyright { text-indent: 0em; font-family: Verdana, Tahoma, Sans-Serif; color: #009;  text-align: center; font-weight: normal; background-color: #A6D3FF; border: 0px rgb(100%, 0%, 0%) solid; font-size: small;  padding: .2ex .1em ; }

 a:link {color: rgb(255, 255, 255); font-weight: bold; text-decoration: underline; background-color: #009; }
 a:visited { color: rgb(255, 255, 255); font-weight: bold; text-decoration: underline; background-color: #009; }
 a:hover { color: #c00; font-weight: bold; text-decoration: none; background-color: white; }
 a:focus { color: #c00; font-weight: bold; text-decoration: none; background-color: white; }
 a:active { color: #fff; font-weight: bold; text-decoration: none; background-color: c00; }
/*Put your link pseudoclasses in that order ALWAYS!*/

/*
=========================================
That's all the code needed for formatting democss.html
==========================================
*/


/*These are some other elements that i've formatted at one time or another*/

dl { font-family: verdana, tahoma, sans-serif; color: #ffffff }
dt {font-weight: bold; color: #A6D3FF;}
dd {font-weight: normal}
pre { color: white; }
ul {font-family: Verdana, Tahoma, sans-serif; color:#ffffff; font-weight: normal; font-variant: normal }
ol {font-family: Verdana, Tahoma, sans-serif; color:#ffffff; font-weight: normal; font-variant: normal }
li {font-family: Verdana, Tahoma, sans-serif; color:#ffffff; font-weight: normal; font-variant: normal }
td {text-align: center} /*THIS CENTERS ALL CELLS IN ALL TABLES */


/*You may create complex code structures if you wish, for example creating an exception for when a link occurs inside a paragraph of a certain class: */

p.copyright a { font-weight: normal; }