/* style for top title portion of site */

.content {
       background: url(4th.jpg) no-repeat 24px 130px;
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       background-size: 772px;
}

.title {
  font-family: Helvetica, Verdanan, Arial, sans-serif;
  font-size: 20px;
  font-weight: 200;
  margin: 0 10%;
  margin-bottom: 3px;
  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: Helvetica, Verdanan, Arial, sans-serif;
  font-size: 18px;
  margin-bottom: 20px;
}

/* style of content box where all 
  user text lives 
*/
.content {
  margin: 0 10%;
  max-width: 800px;
  padding: 10px;
 background-color: #FFFFFF;
 /* offset left, top, thickness, color with alpha */
 -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
 box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
 /* IE */
 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
 /* slightly different syntax for IE8 */
 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";

 -moz-border-radius: 5px;
 -khtml-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

.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 menu on top */
.menu {   
  margin-left: -10px;
  margin-right: -10px;
  padding: 1px;
  font-family: Verdanan, Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 17px;
  background-color: #369;
}

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


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

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

.menu-bottom {   
  margin: 0 15%;
  margin-top: 10px;
  padding: 1px;
  font-family: Verdanan, Arial, Helvetica, sans-serif;
  font-size: 15px;
  background-color: #369;
 /* offset left, top, thickness, color with alpha */
 -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
 box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
 /* IE */
 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
 /* slightly different syntax for IE8 */
 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";

 -moz-border-radius: 5px;
 -khtml-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

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


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

.menu-bottom 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 15%;
  padding: 10px;
  padding-top: 2px;
  padding-bottom: 6px;
 background-color: #FFFFFF;
 /* offset left, top, thickness, color with alpha */
 -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
 box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
 /* IE */
 filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray');
 /* slightly different syntax for IE8 */
 -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='gray')";
}


/* where the copyright notice is */
.footer {
  text-align: center;
  margin: 0 10%;
  max-width: 800px;
  font-family: Helvetica, Verdanan, Arial, sans-serif;
  font-size: 10px;
  line-height: 12px;
}


/* style for whole site except overwritten
    by enclosed tags
*/
body {
  font-family: Helvetica, Verdanan, Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
  color: #303030;
}




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

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

/* style for ==== title ==== */
h3 {
  font-size: 20px;
  font-weight: normal;
  color: #369;
  margin-top: 20px;
  padding: 0px;
}

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

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

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


/* 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: Helvetica, Verdanan, Arial, sans-serif;
  font-size: 12px;
  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: Helvetica, Verdanan, Arial, sans-serif;
  font-size: 11px;
  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, helvetica, verdana,arial,sans-serif;

  left-margin: 20px;
  font-size: 12px;
  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: 10px; font-weight: normal; color: #a22; }

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