/* style for top title portion of site */

.title {
  font-family: Verdanan, Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: 200;
  margin: 0 0%;
  margin-bottom: 3px;
  padding: 0px;
  padding-top: 4px;
  color: #888;
  background-color: #FFFFFF;
}


/* link behaviour in title box */
.title a {
  background-color: transparent;
  text-decoration: none;
  color: #eee;
  text-decoration: none;
}

.title a:hover {
  color: #fff;
  text-decoration: underline;
  background-color: transparent;
}


/* the name on top of each page (except the Home page) */

.pagename {
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 18px;
  margin-bottom: 20px;
}

/* style of content box where all 
  user text lives 
*/
.content {
  margin: 0 0%;
  padding: 10px;
  border: 0px #336699 solid;
  border-left: 0px #336699 solid;
  border-right: 0px #336699 solid;
  border-top: 0px #336699 solid;
  font-family: verdana,arial,helvetica,sans-serif;
  font-size:20px;
  color: #111111;
  background-color: #FFFFFF;
}

.content a {
  background-color: transparent;
  text-decoration: none;
  color: #25a;
}

.content a:hover {
  padding: 0px;
  color: #FFF;
  text-decoration: none;
  background-color: #888;
}

.content a:visited {

}


/* style for the edit|home| .... menu, which only appears when the site is open */
.menu {   
  margin-left: 0px;
  margin-right: 0px;
  padding: 1px;
  font-family: arial, helvetica, sans-serif;
  font-size: 32px;
  color: #369;
  background-color: #369;
}

/* links in menu */
.menu a {
  border: 0px #555 solid;
  border-bottom: 0px;
  padding: 1px;
  color: #fff;
  text-decoration: none;
}


.menu a:hover {
  color: #fff;
  border-bottom: 0px;
  padding: 1px;
  background-color: #888;
  text-decoration: none;
}

.menu a:visited {
  border: 0px #555 solid;
  border-bottom: 0px;
  padding: 1px;
  color: #fff;
  text-decoration: none;
}


/* the bottom bar between content box and menu */
.bottombar {
  font-size: 4px;
  margin: 0 0%;
  padding: 10px;
  padding-top: 2px;
  padding-bottom: 6px;
  background-color: #FFFFFF;
}


/* where the copyright notice is */
.footer {
  text-align: center;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 16px;
}


/* style for whole site except overwritten
    by enclosed tags
*/
body {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 16px;
}


/* style for == title == */
h1 {
  font-size: 36px;
  color: #369;
  font-weight: normal;
}

/* style for === title === */
h2 {
  font-size: 40px;
  font-weight: normal;
  color: #369;
}

/* style for ==== title ==== */
h3 {
  font-size: 32px;
  font-weight: normal;
  color: #369;
}

/* style for ===== text =====  used for blog title */
h4 {
  font-size: 26px;
  font-weight: normal;
  color: #777;
  margin: 0px;
  padding: 0px;
}

/* style for ====== text ======  used for comment title */
h5 {
  font-size: 16px;
  font-weight: normal;
  color: #a22;
  margin: 3px;
  padding: 0px;
}

/* for <small> tag */
small {
  font-size: 16px;
}


/* for the bold tag */
b {
 color: 999;
}

/* for <big> tag, will not work on Netscape v.4 */
big {
}

/* for <p> tag */
p {
  margin-left: 40px;
  margin-right: 40px;
}

/* for <table> tag, these are used when displating the files,changes,referencrs tables */
table {
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  background-color: #ccc;
}

/* for table tags <tr> <th> <td> */
tr, th, td {
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 18px;
  background-color: #eee;
}

/* for quick table tags with [,] 
    use these (not <table><tr><td>)
    when doing layout with tables
*/
table.quick {
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  background-color: #ccc;
}


/* for quick table tags with: || 
*/
 td.quick {
  font-family: verdana,arial,helvetica,sans-serif;
  font-size: 14px;
  background-color: #eef;
  padding: 5px;
}


/* links in general, if not overwritten in other divs
a:hover {
  text-decoration: none;
  background-color: #transparent;
}

/* for [image: ...] spec */
img {

}

/* line separator */
hr {
  margin-top: 10px;
  border: 0px;
  border-top: 1px #ddd solid;
} 

/* style of the text edit area and text 
   entry for search and passwords 
*/
.textarea {
  font-family: courier, verdana,arial,helvetica,sans-serif;

  left-margin: 20px;
  font-size: 100%;
  background-color: #eee;
}

/* buttons for save and search */
.button {
}

/* example for custom style in [span:mybox...] or [div:mybox...] */
.mybox { border: 1px #ccc dashed; }

/* other custom styles used */

.smallred { font-size: 16px; font-weight: normal; color: #a22; }

.mediumred { font-size: 20px; font-weight: normal; color: #a22; }