/* 
    Document   : style
    Created on : Jan 2, 2003, 4:47:20 AM
    Author     : musty
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*body{
color: #333;
font-size: 11px;
font-family: verdana;
}
a{
color:navy;
text-decoration: none;
}
a:hover{
color: #c7dbe9;
}
p{
margin: 0;
padding: 5px;
line-height: 1.5em;
text-align: justify;
border-bottom: 1px solid #c7dbe9;
}*/
#wrapper{
width: 640px;
margin: 0 auto;
}
.box{
background: #fff;
}

.boxholder{
clear: both;
padding: 1px;
background: #6ca079;
}

.tab{
float: left;
height: 32px;
width: 110px;
margin: 0 1px 0 0;
text-align: center;
background: #6ca079; /*#0970bd url(../media/bluetab1.gif) no-repeat;*/
}

.tabtxt a, .tabtxt a:hover, .tabtxt a:visited, .tabtxt a:link{
    color: white;
    text-decoration: none;
    font-style: normal;
}

.tabtxt{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 9px 0 0 0;
}

.imageThumb{
    margin:10px;
}

.tdPadding{
    padding:5px;
}

.fileUploadLink{
    color:#0970bd;
    margin:10px;
}

.miniTable{
	width:300px;
	margin-left:0px;
	border:1px solid #6ca079;
}

.miniTable th{
	text-align:left;
	vertical-align:top;
}

/********************************************************************/
/*****************Gallery begins here********************/

.photo {width:635px; text-align:left; position:relative; margin:0 auto; height:450px;}

.photo ul {padding:0; margin:0; list-style:none; width:635px; height:auto; position:relative; z-index:10;}

.photo ul li {display:block; width:120px; height:31px; float:left; padding:0px 20px 10px 20px}

.photo li a ul, 
.photo li ul 
{display:none;}


.photo ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul li a:hover, 
.photo ul li a:hover 
{white-space:normal; position:absolute; border:1px solid #888;}

.photo ul li a:hover img, 
.photo ul li a:hover img 
{position:absolute; left:-30px; top:-200px; width:375px; height:525px; border-color:#6ba7d4;}