/* Layout: General */
/*===================================================================*/

body {
	background:      #000000;
	font-size:       12px;
	font-family:     Arial, Helvetica;
	color:			 white;
	line-height:     18px;
}

body.bat {
	background:      #000000;
	font-size:       12px;
	font-family:     Arial, Helvetica;
	color:			 white;
	height:          100%;
	line-height:     18px;
}

td.bio {
	padding: .5cm;
	color: #CCC;
}


td.maingallery {
	background-image: 	url(gallery/RightBlank.jpg);
	background-repeat:  no-repeat;
	width:              351px;
	height:             354px;
	text-align:         center;
}

td.main {
	background-image: 	url(images/list/list-background_2.jpg);
	background-repeat:  no-repeat;
	width:              351px;
	height:             354px;
	text-align:         center;
}


td.gallery {
	color:           #CCCCCC;
	font-size:       12px;
	line-height:     18px;
	font-family:     Arial, Helvetica;
	text-align:      left;
}

table.bat {
	background:      #000000;
	color:			 #CCCCCC;
	font-size:       12px;
	font-family:     Arial, Helvetica;
	height:          100%;
	line-height:     18px;
}

div.gallery {
	text-align: left;
	padding-left: 3cm;
	line-height:  30px;
}

div.list {
	text-align: left;
	padding-left: .5cm;
	padding-top:  .5cm;
}



/* Hyperlinks */


a {
	background:      transparent;
	font-size:       12px;
	font-family:     Arial, Helvetica;
	color:			 #CCCCCC;
	height:          100%;
	line-height:     18px;
	text-decoration: none;
	
}


a.link {
	background:      transparent;
	font-size:       12px;
	font-family:     Arial, Helvetica;
	color:			 #CCCCCC;
	height:          100%;
	line-height:     18px;
	text-decoration: none;
	
}

a.hover {
	background:      transparent;
	font-size:       12px;
	font-family:     Arial, Helvetica;
	color:			 #F2AC28;
	height:          100%;
	line-height:     18px;
	text-decoration: none; 
}


/* Hyperlinks LIST/INDEX */


a.list {
	background:      transparent;
	font-size:       12px;
	font-family:     Arial, Helvetica;
	color:			 #CCCCCC;
	height:          100%;
	line-height:     14px;
	text-decoration: none;	
}


a.list:link {
	background:      transparent;
	font-size:       12px;
	font-family:     Arial, Helvetica;
	color:			 #CCCCCC;
	height:          100%;
	line-height:     14px;
	text-decoration: none;
	
}

a.list:hover {
	background:      transparent;
	font-size:       12px;
	font-family:     Arial, Helvetica;
	color:			 #F2AC28;
	height:          100%;
	line-height:     14px;
	text-decoration: none; 
	
}	


/* Hyperlinks Gallery Nav */

a.gallerynav {
	background:      transparent;
	font-size:       12px;
	font-family:     Arial, Helvetica;
	color:			 #CCCCCC;
	height:          100%;
	line-height:     28px;
	text-decoration: none;
}

a.gallerynav:link {
	background:      transparent;
	font-size:       12px;
	font-family:     Arial, Helvetica;
	color:			 #CCCCCC;
	height:          100%;
	line-height:     28px;
	text-decoration: none;
}

a.gallerynav:hover {
	background:      transparent;
	font-size:       12px;
	font-family:     Arial, Helvetica;
	color:			 #F2AC28;
	height:          100%;
	line-height:     28px;
	text-decoration: none; 
	
}	
	

/* Hyperlinks Gallery */

a.gallery {
	background:      transparent;
	font-size:       12px;
	font-family:     Arial, Helvetica;
	color:			 #CCCCCC;
	height:          100%;
	line-height:     18px;
	text-decoration: none; 
	text-indent:	 62px;
}

a.gallery:link {
	background:      transparent;
	font-size:       12px;
	font-family:     Arial, Helvetica;
	color:			 #CCCCCC;
	height:          100%;
	line-height:     18px;
	text-decoration: none; 
	text-indent:	 62px;
}

a.gallery:hover {
	background:      #FFFFFF;
	font-size:       12px;
	font-family:     Arial, Helvetica;
	color:			 #F2AC28;
	height:          100%;
	line-height:     18px;
	text-decoration: none; 
	text-indent:	 62px;
}	



/* IMAGE HOVER -- BODY*/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: none;
left: 500px;
border: none;
visibility: hidden;
color: white;
font-size:12px;
text-decoration: none;
text-align: center;
}

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -365px;
left: -88px; /*position where enlarged image should offset horizontally */
z-index:100;
}