h1 {
    color: blue;
    font-size: 30pt;
    text-shadow: 5px 2px 4px grey;
}

h2 {
    color: red;
    font-size: 25px;
    text-shadow: 5px 2px 4px grey;
}

h3, h4, h5, h6 {
    color: green;
    text-shadow: 3px 1px 4px grey;
}

h3 {
    background-color: #9090EE;
}

h4 {
    background-color: rgb(238, 144, 144);
}

h5 {
    background-color: lightgreen;
}

body {
    background: url("images/img2_background.jpg") center fixed;
}

ol.ol-style {
    list-style-type: decimal;
}

ul.ul-style {
    list-style: url("images/bullet.png") inside;
}

ul.ul-style-outside {
    list-style: url("images/bullet.png") outside;
}

#top {
    font-size: 30px;
    font-weight: bolder;
    text-shadow: rgba(0, 0, 255, 1) -1px -2px 0.5em;
    background: url("images/img1.jpg") repeat-x;
    /* above is shorthand for:
      background-image: url("images/img1.jpg");
      background-repeat: repeat-x;
     */
}

#help {
    cursor: help;
}

#deltext {
    background: inherit;
}

table {
    caption-side: top;
}

p.capitalize {
    text-transform: capitalize;
}

p.uppercase {
    text-transform: uppercase;
}

p.lowercase {
    text-transform: lowercase;
}

.graybackground {
    background-color: #CCCCCC;
}

#border1 {
    padding: 10px;
    border: 5px solid red;
}

#border2 {
    margin: 10px;
    border: 5px solid green;
}

#border3 {
    padding: 10px;
    margin: 10px;
    border: 5px solid blue;
}

#box1 {
    border: 5px solid blue;
    width: 90px;
    height: 90px;
    display: inline-block;
}

#box2 {
    border: 5px solid green;
    width: 180px;
    height: 90px;
    display: inline-block;
}

#box3 {
    border: 5px solid red;
    width: 90px;
    height: 90px;
    display: inline-block;
}