/* CSS 2 sytle sheet for The Loft Inc. */

body {
   background-image: url(grid.gif);
   background-repeat: repeat;
   font-family: arial, sans-serif;
   font-size: small;
   margin: 0px;
   padding: 0px;
}

div.center {
   text-align: center;
}

div.mainCenter {
   text-align: center;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 0px;
   width: 762px;
}


table.main {
   border-collapse: collapse;
   width:100%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 0px;
   border-color: black;
   border-style: solid;
   border-width: 1px 1px 1px 1px;
}

td.top {
   background-color: rgb(61,53,152);
   height: 183px;
   padding: 0px 0px 0px 0px;
   border: none;
   text-align: left;
   vertical-align: top;
   color: orange;
}

td.bannerBot {
   background-image: url(bannerCorner.gif);
   background-repeat: no-repeat;
   height: 17px;
   border: none;
   text-align: left;
   vertical-align: top;
}

td.leftMenu {
   width: 127px;
   background-color: rgb(61,53,152);
   padding: 0px;
   text-align: center;
   vertical-align: top;
   font-weight: bold;
}

td.leftMenu a:link {color: white}
td.leftMenu a:visited {color: white}
td.leftMenu a:active {color: black}


td.textArea {
   padding: 0px 0px 0px 0px;
   height: 100%;
   width: 100%;
   text-align: left;
   border-style: solid;
   border-width: 0px 0px 1px 0px;
   border-color: black;
}

table.innerTextArea {
   border-collapse: collapse;
   padding: 0px;
}

td.text {
   padding: 5px 5px 5px 10px;
   vertical-align: top;
}

td.photo {
   width: 200px;
   padding: 0px;
   vertical-align: top;
   text-align: right;
}
   
img.firstPhoto {
   margin: 5px;
   float: right;
   border-style: solid;
   border-color: black;
   border-width: 1px;
}

img.photo {
   border-style: solid;
   border-color: black;
   border-width: 1px;
}

div.pageMenuItem {
   background-color: transparent;
   color: white;
   padding: 2px 2px 2px 0px;
   margin:0px 0px 5px 0px;
}   

div.activePageMenuItem {
   background-color: white;
   padding: 2px 2px 2px 0px;
   margin:0px 0px 5px 0px;
}

div.activePageMenuItem a:visited {color: black}
div.activePageMenuItem a:link {color: black}

a.mail:link {color: black}
a.mail:visited {color: black}
a.mail:active {color: black}

div.spacer {
   height: 30px;
}

div.credit {
   margin-left: auto;
   margin-right: auto;
   padding-top: 10px;
   padding-bottom: 40px;
   font-size: small;
}

span.counter {
  background-color: black;
  color: white;
  font-size: large;
  font-weight: bold;
  border-style:  ridge;
  border-width: 3px;
  padding: 2px;
}