// background color
body {background-color: white}
 //h1 {background-color: #00ff00}
 //h2 {background-color: transparent}
 //p {background-color: rgb(250,0,255)}
 // see below

// separate link colors
/*
a:link {color: #FF0000}
a:visited {color: #00FF00}
//a:hover {color: #FF00FF}
a:hover {color: #0000FF }
a:active {color: #0000FF}
*/

// link effects
.changeColor:link {color: #ff0000}
.changeColor:visited {color: #0000ff}
.changeColor:hover {color: #ffcc00}

.changeSize:link {color: #ff0000}
.changeSize:visited {color: #0000ff}
.changeSize:hover {font-size: 150%}

.changeBGColor:link {color: #ff0000}
.changeBGColor:visited {color: #0000ff}
.changeBGColor:hover {background: #66ff66}

.boldChangeBGColor:link {font-weight: bold; color: #0000ff}
.boldChangeBGColor:visited {font-weight: bold; color: #0000ff}
.boldChangeBGColor:hover {font-weight: bold; background: #AAffCC}
		// background: #66ff66}

.underlineOnHover:link {color: #ff0000; text-decoration: none}
.underlineOnHover:visited {color: #0000ff; text-decoration: none}
.underlineOnHover:hover {text-decoration: underline}

// font style and size
h1   {font-size: 130%; font-family: verdana}
h2   {font-size: 110%; font-family: verdana}
h3   {font-family: verdana;}
//p    {font-family: verdana}
//a    {font-family: verdana}
body {font-family: verdana; font-size: 80%}

// Ordered list types
ol.decimal { list-style-type: decimal }
ol.lroman { list-style-type: lower-roman }
ol.uroman { list-style-type: upper-roman }
ol.lalpha { list-style-type: lower-alpha }
ol.ualpha { list-style-type: upper-alpha }

// Unordered list types
ul.disc { list-style-type: disc }
ul.circle { list-style-type: circle }
ul.square { list-style-type: square }
ul.none { list-style-type: none }

// border-type defs
p.dotted {border-style: dotted}
p.dashed {border-style: dashed}
p.solid {border-style: solid}
p.double {border-style: double}
p.groove {border-style: groove}
p.ridge {border-style: ridge}
p.inset {border-style: inset}
p.outset {border-style: outset}

// Put stuff behind stuff (change positioning)
.behindOneLevel { position:absolute;  left:0;  top:0;  z-index:-1 }