@charset "UTF-8";
/* CSS Document */

body{

background:url(images/bg.jpg) repeat;
width:100%;
padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


#container{

width:750px;
margin: -10px auto -10px;
background:url(images/topbannerj.jpg) top center no-repeat;
border-left:1px solid #666666;
border-right:1px solid #666666;
}

#menu{

text-align:center;
font-size:14px;
font-weight:bold;

}

#menu a{
color:#FFFFFF;
text-decoration:none;
}

#menu a:hover{


color: #9FD4FF;
font-weight:bold;


}

#footer{

background:url(eyestrans.png) center bottom no-repeat;
width:750px;
height:678px;
margin-top:-150px;



}


#contributor{

margin:40px auto 20px;

}

.headshot{
border:2px solid #000000;
z-index:400;
position:relative;

}


.headshot:hover{
border:2px solid #FFFFDD;
}


.text{
margin:5px auto 5px;
text-align:justify;
font-size:14px;
color:#DDDDDD;
padding:25px;
}

.quote{

text-align:center;
margin:10px auto 0px;
font-size:18px;
font-weight:bold;
color:#FFFFFF;


}

.text a{

color:#DDDDDD;
font-size:12px;


}


.by{
text-align:right;
font-size:12px;
font-style:italic;
margin:10px 90px 15px;
color:#FFFFFF;
}


.label{
font-size:18px;
color: #9FD4FF;
font-weight:bold;
}

a .label{
color: #9FD4FF;
}


.movieholder{
width:400px; 
height:320px; 
margin:10px auto 10px;


}


/*TOOL TIPS*/

.tip {
	color: #fff;
	width: 150px;
	z-index: 13000;
	position:relative;
}
 
.tip-title {
	font-weight: bold;
	font-size: 13px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
 .smalltip{
 font-size: 11px;
 font-weight:normal;
 color:#FFFFFF;
 }
 
.tip-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}