@font-face {font-family: caslonantique; font-style: normal; font-weight: normal; src: url(fonts/caslona0.eot);}
@font-face {font-family: stencilBT; font-style: normal; font-weight: normal; src: url(fonts/stencil0.eot);}


body {color: black; background-image: url("images/blue_rock.gif");}

p {margin-left: 40px; margin-right: 40px;}
h1 {font-family: "Caslon Antique",caslonantique; font-size: 72px; font-weight: normal; background-color: transparent; text-align: center; padding-top: 20px;}
h3 {font-family: "Comic Sans MS"; margin-left: 40px;}
.quote {font-style: italic; font-weight: bold; text-align: center;}
ul {list-style-type: disc; list-style-position: inside;}

div.title {text-align:center; margin-bottom: 20px; margin-left: 150px}


/* This section deals with the top "tabs" of the notepad and the dividers. */

div.notepad-top-left {height: 36px; position: absolute; left: 150px; top: 100px; right: 0px; margin-right: 19px;}
div.notepad-top-left-size {margin-left: 245px;background:#FFF;}
div.notepad-top-right {background-image: url("images/notepad_top_right_side.gif"); height: 36px;} 
div.notepad-top-right-size {background-image: url("images/notepad_top_side.gif"); height: 36px;}

/* End of page top divider section. */

div.positioning-frame {position: absolute; left: 150px; top: 136px; margin-right:19px;}
div.notepad-left 	{background-image: url("images/notepad_left_side.gif");}
div.notepad-left-adjustor {margin-left:32px;}
div.notepad-right 	{background-image: url("images/notepad_right_side.gif");}
div.notepad-middle 	{background-image: url("images/notepaper.gif");margin-right:12px; padding-bottom: 40px; padding-top: 1px;}

/* Settings for the side division. */

div.menuarea {position: absolute; left: 0px; top: 0px; width: 140px; margin-left: 10px; margin-top: 10px; text-align: center; font-family: "Stencil BT", stencilBT; font-size: 13;
background-image: url("images/sas.gif"); background-repeat: no-repeat;}

div.menubar {margin-top: 180px}

div.menubar p {margin: 0 10px;}

div.menubar a, div.menubar a:link, div.menubar a:visited, div.menubar a:active { 
  display: block;
  padding-top: 6px; padding-bottom: 6px;
  margin-top: 10px; margin-bottom: 10px;
  color: white;
  text-decoration: none; 
  background-image: url("images/default_button.gif");}

div.menubar a, div.menubar a:link, div.menubar a:visited, div.menubar a:active { 
/* Start box model hack */
  width: 124px; voice-family: "\"}\""; voice-family: inherit; width: 124px;}
html>body div.menubar a {width: 124px }
/* End box model hack */

div.menubar a:hover {color: lime; margin-bottom: 10px; margin-top: 10px;}

div.danger a:hover { color: red; margin-bottom: 10px; margin-top: 10px;}

/* End of side menubar section */

/* Top tab href controller thingy */

div.netscape-2tab1 {position: absolute; top: 112; left: 232; width: 58px;}
div.netscape-2tab2 {position: absolute; top: 106; left: 303; width: 58px;}

div.netscape-3tab1 {position: absolute; top: 112; left: 182; width: 58px;}
div.netscape-3tab2 {position: absolute; top: 109; left: 253; width: 58px;}
div.netscape-3tab3 {position: absolute; top: 106; left: 324; width: 58px;}

div.2tab1 {position: absolute; top: 112; left: 232; width: 58px;}
div.2tab2 {position: absolute; top: 106; left: 303; width: 58px;}

div.3tab1 {position: absolute; top: 112; left: 182; width: 58px;}
div.3tab2 {position: absolute; top: 109; left: 253; width: 58px;}
div.3tab3 {position: absolute; top: 106; left: 324; width: 58px;}

div.tabs a, div.tabs a:link, div.tabs a:visited, div.tabs a:active { 
  font-family: impact; font-size: 10pt;
  display: block;
   color: black; font-style: normal;
  text-decoration: none; text-align: center;
  }

div.tabs a:hover {color: blue;}

/* End of that */