/* Start of CMSMS style sheet 'TRIPLET_CSS' */
/*************
Basic Layout
*************/
/*Main Body*/
body {
 text-align: left;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 background: #4E3F3A;
}

div#privacy{
 width: 1000px;
 text-align: center left;
 color: fff;
 padding: 2em;
}

div#privacy a:link, {
 color: #fff;
}

div#privacy a:visited {
 color: #fff;
 font-weight: bold;
 border: 0px;
} 

td {
width: 25px;
padding: 5px;
font-size: 90%;
}

/*Separator*/
div#separator {
 border-width: 3px;
 border-style: none;
}

div#title_blue {
 font-weight: bold;
 font-size: 125%;
 color: #0071AB;
 height: 2em;
}

div#title_white {
 font-weight: bold;
 font-size: 90%;
 color: #fff;
 height: 2em;
}

/***************
WRAPPERS 
***************/
/*Main Webpage*/
div#wrapper {
 width: 1000px;
}

/*Items */
div#item_wrapper {
 float: right;
 width:825px;
}
 
/*Main bottom 3 Column*/
div#bot_wrapper_Home {
 border-style: #4E3F38;
 border-width: 2px; 
}

/*Wrapper Outside*/
div#bot_wrapper_About {
 display: inline;
 float: left;
}

/*Wrapper News and Album*/
div#two_row_wrapper_About {
 display: inline;
 float: left;
}

/***************
End Wrappers
***************/

/**************
HEADINGS
**************/
/*Primary Header*/
div#pri_hdr {
 background: #ffffff url(images/tttlogo.gif) no-repeat;
 background-position: top left; 
 text-align: right;
 height: 82px;
}


/****************
 END HEADINGS
****************/

/****************
ITEMS
****************/
 div#item_left { 
 float: left; 
 display: inline;
 padding: 6px,6px,0,0;
 width: 475px;
 height: 400px;
 text-align: left;

 }

 div#item_right {
 float: right;
 display: inline;
 text-align: left;
 width: 300px;
 height: 400px;
 padding: 6px,6px;

}

div#item_img {
 width: 450px;
 height: 300px;
 text-align: right;
overflow: hidden;
}

div#item_img img {
 border: 0px;
 
}
/****************
 END HEADINGS
****************/

/****************
FOOTERS
****************/
div#footer_style_left {
 display: inline;
 float: left;
 width: 240px;
 height: 125px;
 padding: .75em;
}

div#footer_style_left a:link {
 color: black;
 text-transform: uppercase;
 padding: 0, 0.2em, 0, 0.2em; 
}
  
div#footer_style_left a:visited  {
 font-weight: bolder;
 color: black;
 text-transform: uppercase;
 padding: 0, 0.2em, 0, 0.2em; 
}

div#footer_style_left a:hover {
 font-decoration: underline;
 color: black;
 text-transform: uppercase;
 padding: 0, 0.2em, 0, 0.2em; 
}

div#pri_menu a:active {
 color: black;
 text-transform: uppercase;
 padding: 0, 0.2em, 0, 0.2em; 
}

div#footer_style_right {
 float: right;
 width: 700px;
 display: inline;
 margin-top: 0px;
}

/****************
END FOOTERS
*****************/

/*************
MENUS
*************/
/*Buyer Logon*/
div#logon{
 font-size: 1.0em;
 line-height:1.4em;
 margin-right: 2em;
 width: 400px;
}
#logon input {
width: 80px;
text-transform: lowercase;
}

/*Primary Menu*/
div#pri_menu {
 padding: 0,17em,0,0;
 font-weight: bold;
 height: 10px;
}

div#pri_menu ul {
 margin: 1em;
 padding: 0em;
 text-align: right;
 text-transform: uppercase;
 text-decoration: none;
}

div#pri_menu li {
 color: black;
 display: inline;
 text-transform: uppercase;
 padding: 0, 0.2em, 0, 0.2em;    
 text-decoration: none;
}

div#pri_menu a:link, {
 color: black;
 text-transform: uppercase;
 padding: 0, 0.2em, 0, 0.2em; 
 text-decoration: none;
}
  
div#pri_menu a:visited  {
 font-weight: bolder;
 color: black;
 text-transform: uppercase;
 padding: 0, 0.2em, 0, 0.2em; 
 text-decoration: none; 
}

div#pri_menu a:hover {
 text-decoration: underline;
 color: black;
 text-transform: uppercase;
 padding: 0, 0.2em, 0, 0.2em; 
}

div#pri_menu a:active {
 color: black;
 text-transform: uppercase;
 padding: 0, 0.2em, 0, 0.2em; 
 text-decoration: none;
}

/*************
END MENUS
**************/



/**************
SCROLLING IMAGE LIST
**************/
div#imageBox_wrapper { display: inline; float: left;} 
div#imageBox  { margin: auto; width: 620px; height: 120px; overflow: hidden;} 
div#imageBox img { float: left; padding: 0px; margin: 0px; border: 0; height: 120px;} 
div#imageBox br { clear: both; }
div#imageBoxInside { float: left; display: inline; width: 10000px;}
div#controls_left {  display: inline; float: left; padding-top: 3em;}
div#controls_right {  display: inline; float: right; padding-top: 3em;}
div#controls_left img {  border: 0;}
div#controls_right img {  border: 0;}


div#album_imageBox_wrapper { display: inline;} 
div#album_imageBox  { margin: auto; width: 200px; height: 150px; overflow: hidden;} 
div#album_imageBox img { float: left; padding: 0px; margin: 0px; border: 0; height: 150px;} 
div#album_imageBox br { clear: both; }
div#album_imageBoxInside { width: 10000px; }  

/**************
END SCROLLING IMAGE LIST
**************/

div#album_right {
 float: right;
 width: 210px;
 padding: 1em, 0, 0, 0;
}

div#album_left {
 float: left;
 text-align: left;
 width: 90px; 
 padding: 1em, 0, 0, 0;
}

/*************
END FAMILY ALBUM
**************/

/*ICON LEGEND*/

div#icon_legend_left{
 float: left;
 width: 90px;
}
div#icon_legend_right{
 float: right;
}

.gallerycontainer{
position: relative;
float: right;
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 65;
left: -75px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* End of 'TRIPLET_CSS' */