html {height: 100%;width: 100%;}
body { background: #375A68 url('images/bg.jpg') top center repeat-x; color:#ffffff; font-size:14px; line-height:12px;    font-family: "Trebuchet MS" Georgia,Serif,arial,verdana;}
 
.big { font-size: 33x;     align:center; color:#ffffff;}
a.letter:link  {text-decoration: none; color: #246CA9; font-size: 21px;}
a.letter:visited { text-decoration: none; color: #246CA9;  font-size: 21px;}
a.letter:hover { text-decoration: underline; color: #000000; font-size: 21px;}
a.letterl:link  {text-decoration: underline; color: #ffffff; font-size: 21px;}
a.letterl:visited { text-decoration: underline; color: #ffffff;  font-size: 21px;}
a.letterl:hover { text-decoration: underline; color: #ffff00; font-size: 21px;}
a.letter2:link  {text-decoration: none; color: #ffffff; font-size: 23px;}
a.letter2:visited { text-decoration: none; color: #ffffff;  font-size: 23px;}
a.letter2:hover { text-decoration: none; color: #ffff00; font-size: 23px;}
a.letter3:link  {text-decoration: underline; color: #ffffaa; font-size: 19px; }
a.letter3:visited { text-decoration: underline; color: #eeeeee;  font-size: 19px;  }
a.letter3:hover { text-decoration: underline; color: #ffffcc; font-size: 19px;  }
a.letter4:link  {text-decoration: none; color: #0066cc; font-size: 19px; }
a.letter4:visited { text-decoration: none; color: #006699;  font-size: 19px;  }
a.letter4:hover { text-decoration: underline; color: #ff3333; font-size: 19px;  }



.trans_box2 {
border: 1px solid #2F3B4C;
    /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/text1.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.trans_box2[class] {  background-image:url('images/text1.png');
border: 1px solid #2F3B4C;
}

#trans_box2 a { 
position: relative; 
z-index: 500; 
} 
.trans_box1 {
border: 2px solid #B3CEE0;
}

.trans_box0 {
border: 3px solid #fafafa;
}

 a:hover   {color:#FF0000} 
  
  .gallerycontroller   {
 }
.gallerycontent{
height: 100px;
display: block;
}
.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=130);
-moz-opacity: 1;
}
.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
-moz-opacity: 0.8;
}
.toggleopacity img{
border: 0px solid #526175;
}
.toggleopacity:hover img{
border: 0px solid red;
}

.toggleopacity2 img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=130);
-moz-opacity: 1;
}
.toggleopacity2:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);
-moz-opacity: 0.8;
}
.toggleopacity2 img{
border: 1px solid #EBEBEB;
}
.toggleopacity2:hover img{
border: 1px solid red;
}