/* Model Popup Control, used when user clicks on employee name and a popup dialog with user info comes up */
.modalBackground
{
	background-color: #000000;
	filter: alpha(opacity=85);
	opacity: 0.85;
}
.modalPopup
{
	background-image: url(  '../../../images/contact/contactsback4.gif' );
	padding: 0px;
	Width:704px;
	Height:240px;
}

.closeDiv
{
    height:70px; 
    width:198px;
    text-align:right;
}


.employeeInfoBox
{
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: x-small;
	line-height: 20px;
	letter-spacing: 2px;
	text-align: center;
	height: 230px;
	width: 694px;
	margin: 5px;
}

.title
{
    font-size:medium;
    color: #ffcc00;
    text-align:center;
}

.leftPanel
{
    float:left;
    width:350px;
}
.rightPanel
{
    float:right;
    width:350px;
}

.links
{
    margin: 0px 100px 0px 100px;
}

.links a
{
    display:block;
    text-align:center;
    text-decoration:none;
}
.links a:hover
{
    color:Red;
}

.educationItems
{
    margin-left:2px;
    margin-right:2px;
}


/* Are these used? */
.floatright
{
    position:absolute; 
}
.topHead
{
	font-size: large;
	color: black;
	text-align: center;	
	height: 25px;
	width: 370px;
}
.middleHead
{
	font-size: medium;
	color: #990000;
	font-weight: bold;
}

.pageFont
{
	font-family: Arial, Helvetica, sans-serif;
	color: black;	
	font-size: medium;
	line-height: 20px;
	letter-spacing: 1px;
}
/*******/

/* List of Names Styles */
h1
{
    font-size:large;
    margin-bottom:4px; 
    text-align:center;   
}



/* Non-JavaScript styles */
.info2
{
    text-align: left;
    width: 400px;
    height: 195px;
    z-index: 2;
    font-size: 12px;
    position: relative;
    color: #ffffff;
    background-image: url('../../../images/contact/contactsback2.png');
    padding: 5px;
}