/* styles.css
 * -An external style sheet for use with website
 */

.headbox { width: 800px;
           border-style: solid;
           border-width: medium;
           border-color: #000000;
         }

.headimage { text-align: center;
             width: 300px;
             height: 200px;
           }

.headback { background-color: #33CCFF;}
  
.headtitle {font-family: 'cursive';
            font-size: 42pt;
            font-weight: bold;
            color: #000000;
            text-align: center;
            border-style: solid;
            border-width: thin;
            border-color: #000000;
           }

.menubar { height: 30px;}

.menuitem { font-family: 'cursive';
            font-weight: bold;
            font-size: 12pt;
            color: #990000;
            text-align: center;
            padding-left: 20px;
            padding-right: 20px;
          }
.menuitem:hover {color: #FF3300;}

.link { font-family: 'cursive';
            font-weight: bold;
            font-size: 24pt;
            color: #3300FF;
            text-align: left;
          }
.link:hover {color: #FF3300;}

.bordered { border-style: solid;
            border-width: thin;
            border-color: #000000;
          }

.bodyback { background-image: url(pictures/Watermark.jpg);
            background-repeat: repeat-y;
          }

.largetext { font-size: 36pt;
             font-weight: bold;
             color: #000000;
             text-align: left;
           }

.normaltext { font-size: 24pt;
              color: #000000;
              font-weight: bold;
            }

.smalltext { font-size: 12 pt;
             font-weight: bold;
             color: #000000;
             text-align: left;
           }

.brighttext { font-size: 24pt;
              font-weight: bold;
              color: #FF3300;
            }

.xlargeimage { float: right;
               width: 900px;
               height: 600px;
               padding: 20px;
             }

.largeimage { float: right;
              width: 600px;
              height: 400px;
              padding: 20px;
            }

.mediumimage { float: right;
               width: 450px;
               height: 300px;
               padding: 20px;
             }

.smallimage { float: right;
              width: 300px;
              height: 200px;
              padding: 20px;
            }