#tripage {
  position: absolute;
  top: 4px;
  left: 4px;
  background: #8eafc2;
  width: 700px;
}

#triwidepage {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 1000px;
  float: left;
}

#triwideheaderbg {
  position: absolute;
  top: 0px;
  left: 149px;
  /*
  background: #8eafc2;
  height: 187px;
  */
  height: 146px;
  background: #a1c4e0;
  width: 850px;

}

#trilogo {
  position: absolute;
  top: 0px;
  left: 0px;
  background: url("i/avemaria.jpg") no-repeat left top;
  width: 150px;
  height: 146px;
  /*
  background: url("i/logosmall.jpg") no-repeat left top;
  width: 150px;
  height: 187px;
  */
  cursor: pointer;
}

#triheaderbg {
  position: absolute;
  top: 0px;
  left: 149px;
  /*
  background: #8eafc2;
  height: 187px;
  */
  background: #a1c4e0;
  height: 146px;
  width: 555px;
}

#tritag1 {
  color:#fff;
  /*padding-top:50px;*/
  padding-top:24px;
  padding-left:50px;
  height:40px;
  font-family: Georgia,Times,TimesNR;
  font-size: 38px;
}

#tritag2 {
  color:#fff;
  padding-top:20px;
  height:33px;
  font-family: Georgia,Times,TimesNR;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  /*top: 94px;*/
  top: 64px;
  left: 104px;
}

body {
  background: #ebebeb;
  margin: 0;
  padding: 0;
  color: #000;
  font-family: arial,helvetica,sans-serif;
  font-size: 13px;
}

#leftguttertop {
  float: left;
  width: 155px;
}

#menu {
  position: absolute;
  /*top: 187px;*/
  top: 146px;
  left: 0px;
  margin: 0;
  padding: 0;
  float: left;
  width: 150px;
  line-height: normal;
  list-style: none;
}

/* This one is for IE. */
#menu li {
  float: left;
  margin: 0;
  width: 150px;
  height: 24px;
  font-family: arial,arial,sans-serif;
  font-size: 13px;
  font-variant: small-caps;
  text-align: center;
}
/* This one is for Firefox. See:
http://www.sitepoint.com/article/browser-specific-css-hacks
*/
html>body #menu li {
  float: left;
  margin: 0;
  width: 150px;
  height: 24px;
  font-family: arial,sans-serif;
  font-size: 14px;
  font-variant: small-caps;
  text-align: center;
  padding: 0px 0px 15px 0px;
}

#menu a {
  float: left;
  display: block;
  font-weight: normal;
  text-decoration: none;
  /*background-color: #8eafc2;*/
  background-color: #a1c4e0;
  color: #fff;
  width: 148px;
  height: 24px;
  padding: 12px 0px 11px 0px;
  /*
  border-bottom: 1px solid #bbbbbb;
  border-top: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
  */
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}

#menu a:hover {
  float: left;
  display: block; 
  font-weight: normal;
  text-decoration: none;
  /*background-color: #9ebfd2;*/
  background-color: #b1d4f0;
  color: #fff;
  width: 148px;
  height: 24px;
  padding: 12px 0px 11px 0px;
  border-bottom: 1px solid #8eafc2;
  border-top: 1px solid #8eafc2;
  border-left: 1px solid #8eafc2;
  border-right: 1px solid #8eafc2;
}

#menu #current {
  width: 123px;
  float: left;
  display: block;
  background: url("i/arrow_d.gif") no-repeat left bottom;
  font-weight: normal;
  text-decoration: none;
  padding: 0px 0px 0px 15px;
  color: #00f;
}

#menu_l  {
  position: absolute;
  top: 98px;
  left: 0px;
  display: inline;
  width: 16px;
  height: 32px;
}

#menu_r  {
  position: absolute;
  top: 98px;
  left: 706px;
  width: 16px;
  height: 32px;
}

#tricontent {
  position: absolute;
  /*
  top: 188px;
  padding-left: 10px;
  */
  top: 151px;
  padding-left: 15px;
  left: 150px;
  width: 540px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
}

#tricontent form input {
  font-size: 11px;
}

#trititle {
  color: black;
  font-weight: bold; 
  font-size: 16px;
}

div.clear {
  clear:both;
}

a.quietlink {
  font-size: 12px;
  font-weight:normal; 
  text-decoration:none;
}  
    
a.quietlink:hover {
  color:#00f;
  font-weight:normal;
  text-decoration:underline;
}