/* CSS Document */


/*  BACKGROUND AND LAYOUT    */
#pageWrapper{
width:870px;
background:#FFFFFF;
background-image:url(images/shadow_body.gif);
margin-left: auto;
margin-right: auto;
clear:both;
}

#bkshadowTop{
width:870px;
height:10px;
background-image:url(images/shadow_top.gif);
}

#bkshadowBody{
background-image:url(images/outlineShadow_bodyBK.gif);
}

#bkshadowBottom{
width:870px;
height:10px;
background-image:url(images/shadow_bottom.gif);
clear:both;
}
h1{
font-size: 12px;
}

body{

background:#452c0e;
text-align: center;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/*  BODY CONSTRUC    */
#header1{
text-align:center;
height:172px;
width:850px;
margin: 0 10px;
}

#menuButtons{
background-image:url(images/navMenu_bk.gif);
/* text-indent:10px; */
width:850px;
height:38px;
text-align:left;
margin:auto;
}

#header2{
width:800px;
height:250px;
margin:auto;
}

#bodyWith{
margin: 0 10px;
clear:both;
 /* height:400px; */
}

/*  SPLIT DIVISION FOR BODY ---- */
    #boxLeft{
		float: left;
		position: relative;
		margin: 0;
		width:235px;
		padding:10px;
		text-align:left;
		font-size:12px;
        font-family:Geneva, Arial, Helvetica, sans-serif;
		}
	
	#box1Right{
	position: relative;
	/* margin: 0 0 0 255px; */
	 margin-left:255px;
	/* width: 540;  */
		 /* height:170; */
	padding:10px;
	text-align:left;
	vertical-align: top;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
    }
	
		#box2Right{
	/* position: relative; */
      /* margin: 0 0 0 255px; */
	 margin-left:255px;
		/* width: 540;  */
		padding:10px;
		text-align:left;
		font-size:12px;
font-family:Geneva, Arial, Helvetica, sans-serif;
    }
	#boxLeftFloat

/*  FOOTER    */	
#copyFooter{
text-align:center;
font-size:10px;
top:auto;
clear:both;
}

.style1 {color: #FFFFFF}
	
/* SPACER TO SEPARETE DIVS  */
#bodySpacer5{
width:5px;
}

#bodySpacer10{
width:5px;
}

/* ---------  */

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
right: -300px;
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 on hover*/
visibility: visible;
bottom: -250px;
right: 100px; /*position where enlarged image should offset horizontally */

}