/**
 * Sectional Stylesheet: About
 *
 * Contents:
 *   - Screen
 *     - Overrides
 *     - Intro
 *     - Features
 *  - Print
 *
 * CSS 2.0
 *
 * @author      Dave Robertson <drobertson@jplprod.com>
 * @copyright   Copyright 2007 JPL Productions
 */

/* ========================================================================== */
@media screen {
/* ========================================================================== */

/* --------------------------------------------------------------------------
   INTERIOR PAGE HEADERS */
   
#content h2 {
	background: url(../img/people/ourpeople.gif) no-repeat;
	height: 26px;
	margin-top: 60px;
}

#content h2 span { visibility: hidden; }

#photos { padding-top: 15px; }
#photos a { height: 616px; display: block; margin: 0px auto; }	    
#photos a:hover { border: 2px solid #92BA3F; }


#photos div { margin: 0px 3px 0px 0px; float: left; }

div.abrandt    { background: url(../img/people/employees/abrandt.gif) no-repeat; width: 66px; }	   
div.tgliserman { background: url(../img/people/employees/tgliserman.gif) no-repeat; width: 63px; }	    
div.arobinson  { background: url(../img/people/employees/arobinson.gif) no-repeat; width: 70px; }	    
div.sumlauf    { background: url(../img/people/employees/sumlauf.gif) no-repeat; width: 61px; }	    
div.mlacijan   { background: url(../img/people/employees/mlacijan.gif) no-repeat; width: 67px; }	   
div.spruitt    { background: url(../img/people/employees/spruitt.gif) no-repeat; width: 57px; }	    
div.jnelson    { background: url(../img/people/employees/jnelson.gif) no-repeat; width: 58px; }	    
div.mcastle    { background: url(../img/people/employees/mcastle.gif) no-repeat; width: 70px; }	   
div.tgonyeau   { background: url(../img/people/employees/tgonyeau.gif) no-repeat; width: 67px; }	    
div.jthiessen  { background: url(../img/people/employees/jthiessen.gif) no-repeat; width: 70px; }	   
div.mgordon    { background: url(../img/people/employees/mgordon.gif) no-repeat; width: 66px; }	   
div.mbradley   { background: url(../img/people/employees/mbradley.gif) no-repeat; width: 66px; }	   
div.adeihl	   { background: url(../img/people/employees/adeihl.gif) no-repeat; width: 74px; }   
div.jdowd	   { background: url(../img/people/employees/jdowd.gif) no-repeat; width: 74px; }   


/* --------------------------------------------------------------------------
   PEOPLE MODAL STYLES */

#html0 { padding: 10px 0px 0px 0px; visibility: hidden; }

.html0 {
	width: 710px; 
	display: none; 
	position: absolute;
	top: 50%;  
	left: 50%;  
	padding: 2px;
	text-align: left;  
	z-index: 1001;
	background-color: #53505B;
	border: 2px solid #363636;
	margin: 0px;
}

#overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 500;
	background-color: #333;
	-moz-opacity: 0.3;
	opacity:.30;
	filter: alpha(opacity=80);
}

/* [id] is used keep modal positioning static, IE doesn't use this and the scrollbars are hidden */
#overlay[id], .flash0[id], .flash1[id], .html0[id] { position: fixed; } 

.modalheader 
{
    background: url(../img/people/modalheaderBG.jpg) repeat-x;
    border: 1px solid #FFFFFF;
    border-bottom: none;
    color: #FFFFFF;
    height: 50px;
    padding: 40px 0px 0px 20px;
    display: block;
}

.modalheader a 
{
    background: url(../img/people/modalcloseBTN.png) no-repeat;
    width: 38px;
    height: 24px;
    display: block;
    float: right;
    padding-right: 20px;
    text-decoration: none;
    margin-top: -25px;
}

.modalheader a span { visibility: hidden; }


#jdowd
{
    background: url(../img/people/modalbg/jdowdBG.jpg) no-repeat;
    border: 1px solid #FFFFFF;
    border-top: none;
    height: 440px;
    margin: -10px 0px 0px 0px;
    padding: 10px 0px 0px 20px;
    
}


#abrandt 
{
    background: url(../img/people/modalbg/abrandtBG.jpg) no-repeat;
    border: 1px solid #FFFFFF;
    border-top: none;
    height: 440px;
    margin: -10px 0px 0px 0px;
    padding: 10px 0px 0px 20px;
    
}

#mcastle
{
    background: url(../img/people/modalbg/mcastleBG.jpg) no-repeat;
    border: 1px solid #FFFFFF;
    border-top: none;
    height: 440px;
    margin: -10px 0px 0px 0px;
    padding: 10px 0px 0px 20px;
    
}

#spruitt
{
    background: url(../img/people/modalbg/spruittBG.jpg) no-repeat;
    border: 1px solid #FFFFFF;
    border-top: none;
    height: 440px;
    margin: -10px 0px 0px 0px;
    padding: 10px 0px 0px 20px;
    
}

#adeihl
{
    background: url(../img/people/modalbg/adeihlBG.jpg) no-repeat;
    border: 1px solid #FFFFFF;
    border-top: none;
    height: 440px;
    margin: -10px 0px 0px 0px;
    padding: 10px 0px 0px 20px;
    
}

#tgonyeau
{
    background: url(../img/people/modalbg/tgonyeauBG.jpg) no-repeat;
    border: 1px solid #FFFFFF;
    border-top: none;
    height: 440px;
    margin: -10px 0px 0px 0px;
    padding: 10px 0px 0px 20px;
    
}

#sumlauf
{
    background: url(../img/people/modalbg/sumlaufBG.jpg) no-repeat;
    border: 1px solid #FFFFFF;
    border-top: none;
    height: 440px;
    margin: -10px 0px 0px 0px;
    padding: 10px 0px 0px 20px;
    
}

#mgordon
{
    background: url(../img/people/modalbg/mgordonBG.jpg) no-repeat;
    border: 1px solid #FFFFFF;
    border-top: none;
    height: 440px;
    margin: -10px 0px 0px 0px;
    padding: 10px 0px 0px 20px;
    
}

#mlacijan
{
    background: url(../img/people/modalbg/mlacijanBG.jpg) no-repeat;
    border: 1px solid #FFFFFF;
    border-top: none;
    height: 440px;
    margin: -10px 0px 0px 0px;
    padding: 10px 0px 0px 20px;
    
}

#jnelson
{
    background: url(../img/people/modalbg/jnelsonBG.jpg) no-repeat;
    border: 1px solid #FFFFFF;
    border-top: none;
    height: 440px;
    margin: -10px 0px 0px 0px;
    padding: 10px 0px 0px 20px;
    
}

#tgliserman
{
    background: url(../img/people/modalbg/tglisermanBG.jpg) no-repeat;
    border: 1px solid #FFFFFF;
    border-top: none;
    height: 440px;
    margin: -10px 0px 0px 0px;
    padding: 10px 0px 0px 20px;
    
}

#arobinson
{
    background: url(../img/people/modalbg/arobinsonBG.jpg) no-repeat;
    border: 1px solid #FFFFFF;
    border-top: none;
    height: 440px;
    margin: -10px 0px 0px 0px;
    padding: 10px 0px 0px 20px;
    
}

#mbradley
{
    background: url(../img/people/modalbg/mbradleyBG.jpg) no-repeat;
    border: 1px solid #FFFFFF;
    border-top: none;
    height: 440px;
    margin: -10px 0px 0px 0px;
    padding: 10px 0px 0px 20px;
    
}

#jthiessen
{
    background: url(../img/people/modalbg/jthiessenBG.jpg) no-repeat;
    border: 1px solid #FFFFFF;
    border-top: none;
    height: 440px;
    margin: -10px 0px 0px 0px;
    padding: 10px 0px 0px 20px;
    
}


.html0 p 
{
    color: #FFFFFF;
    width: 300px;
}

/* ========================================================================== */
}  /* end: SCREEN */
/* ========================================================================== */