﻿@charset "utf-8";
/* CSS Document */

body {
	text-align: center;
	background-color:#000000;
	color:#FFFFFF;
	font-family:'Agency FB';
	font-size:12px;
	margin:0px;
	padding:0px;
	height:100%;
	width:100%;
	cursor:default;
}
/* Define Layout Styles */
#top {
/*	height:150px;*/
	/*border-bottom:1px #585858 solid;*/
	padding-left:30px;
	padding-right:30px;
	width:900px;
	margin:auto;
	display:block;
}
#wrap {
	clear:both;
	background-color:#585858;
	background-image:url('../images/backgrounds/menu_divide_black03.png');
	background-repeat:repeat;
	width:100%;
	height:470px;
	margin:0px;
	padding:0px;
	display:block;
	border-top:1px #585858 solid;
	border-bottom:1px #585858 solid;
}
#footer {
	padding:10px;
	display:block;
	clear:both;
	width:900px;
	font-size:14px;
	text-align:center;
	margin:auto;
}
#footer #left {
	float:left;
}
#footer #right {
	float:right;
}
/* Menu Styles */
#topMenu {
	display:block;
	float:right;
	margin-top:110px;
	padding-bottom:5px;
}
.menuItem {
	display:block;
	float:left;
	list-style-type:none;
	padding-right:5px;
	height:30px;
}
.menuItemImg {
	display:block;
	float:left;
	height:30px;
}
.menuItem a {
	display:block;
	float:left;
	text-align:center;
	text-decoration:none;
	font-size:18px;
	color:#FFFFFF;
	text-align:center;
}
.menuItem a:hover {
	color:#EC0202;
}

/* Homepage Styles */
div#homepage {
	display:block;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width:852px;
	clear:both;
}
#homepage #mainImage {
	display:block;
	width:600px;
	height:450px;
	float:left;
}
#homepage #separator {
	width:2px;
	height:450px;
	background-color:#000;
	float:left;
}
#homepage #homeContent {
	display:block;
	float:left;
	width: 250px;
	height: 450px;
	overflow:hidden;
}
#galleryContainer{
	width:900px; 
	margin:auto;
	white-space:nowrap;
	text-align:center;
}
#publicationsContainer{
	width:900px;
	height:470px;
	margin:auto;
	text-align:center;
	background-color:#000000;
	background-image:url('../images/photos/Biola_100_3760.jpg');
}	
.right{
	float:right;
}
.left{
	float:left;
}
#transparentDiv{
	width:273px; 
	height:470px; 
	display:block;
	background-image:url('../images/backgrounds/black_transparent.png');
	background-repeat:repeat-y;
	white-space:normal;
	text-align:left;
	padding:0px;
	overflow:auto;
	scrollbar-face-color:#666666; 
	scrollbar-arrow-color:#000000; 
	scrollbar-track-color:#666666; 
	scrollbar-shadow-color:#000000; 
	scrollbar-highlight-color:#000000; 
	scrollbar-3dlight-color:''; 
	scrollbar-darkshadow-Color:#000000;
}
#transparentDiv span{
	font-size:18px;
	padding-left:10px;
	font-weight:bold;
}
#transparentDiv p{
	font-size:16px;
	padding:0px 10px 0px 10px;
	margin:10px 0px 0px 0px;
}
#transparentDiv ul{
	list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; text-align:left;}
#transparentDiv li{
	font-size:14px;
	margin:0px;
	padding:0px;}
#transparentDiv a{
	color:#FFFFFF;
	text-decoration:none;}
#transparentDiv a:hover{
	color:#EC0202;
	text-decoration:underline;}
#transparentDiv .label{
	font-weight:bold;
	font-size:16px;
	margin:0px;
	padding:0px;}
#contactContainer{
	width:900px;
	height:470px;
	margin:auto;
	white-space:nowrap;
	text-align:center;
	background-image:url('../images/photos/Bridge-Dusk_900.jpg');
	overflow:auto;
}
#contactTable{
	margin-top:110px;
}
.contactInfoLabel{
	text-align:left;
	font-size:18px;
	color:#000000;
	font-weight:bold;
	width:70px;
	vertical-align:top;
	margin-left:3px;
}
.contactInfo{
	text-align:left;
}
.contactInfoInput{
	width:180px;
	background-color:#FFFFFF;
	border:none;
}
#contactTextarea{
	width:180px; 
	height:90px; 
	overflow:hidden;
	background-color:#FFFFFF;
	border:none;
}
#contactButton{
	background-color:#000000; 
	color:#FFFFFF; 
	border:#ffffff 1px solid;
	font-size:14px;
	font-family:'Agency FB';
	cursor:pointer;
}
#staffContainer{
	width:900px; 
	margin:auto;
	white-space:nowrap;
	text-align:center;
}
#staffMenuContent{
	/*background-color:#999999;*/
	/*background-color:#B7B7B7;*/
	background-color:#585858;
	width:627px;
	height:470px;
	display:block;
	float:left;
}
.staffHeading{
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:20px;
	color:#999999;
	list-style-type:none;
	font-weight:bold;
	text-decoration:underline;
	text-decoration:none;
	cursor:pointer;
}
#staffName{
	text-align:left; 
	font-size:30px; 
	color:#000000; 
	/*font:Arial, Helvetica, sans-serif; */
	font-weight:bold;
}
#staffTitle{
	text-align:left;
	font-size:20px;
	color:#000000;
	font-weight:bold;
}
.staffInfoLabel{
	text-align:left;
	font-size:18px;
	color:#999999;
	font-weight:bold;
	width:60px;
}
.staffInfo{
	text-align:left;
	font-size:18px;
	color:#CCCCCC;
}
#sideMenuContainer{
	display:block;
	float:left; 
	/*width:150px;*/
	width:273px;
	height:470px;
	/*background-color:#333;*/
	text-align:left;
	margin:0px;
	padding:0px;
	background-image:url('../images/backgrounds/black_transparent.png');
	background-repeat:repeat-y;
}
#sideMenuContainer ul{
	margin:15px 0px 0px 25px;
	padding:0px;
	font-size:16px;
}
.sideMenu{
	display:block;
	color:#FFFFFF;
	cursor:pointer;
	list-style-type:none;
	margin-left:5px;
}
.sideMenuSelected{
	display:block;
	color:#EC0202;
	cursor:pointer;
	list-style-type:none;
	margin-left:5px;
}
.sideMenu:hover{
	color:#EC0202;
}
#awardsContainer{
	width:900px;
	height:470px;
	margin:auto;
	text-align:center;
}
.imageName{font-size:22px; font-weight:bold; margin:10px 0px 0px 10px;}
#footer span{cursor:pointer;}
#award1{background-image:url('../images/photos/6464_900.jpg'); width:900px; height:470px;}
#award2{background-image:url('../images/photos/100_2086_900.jpg'); width:900px; height:470px;}
#award3{background-image:url('../images/photos/0045_900.jpg'); width:900px; height:470px;}
#award4{background-image:url('../images/photos/0586_900.jpg'); width:900px; height:470px;}
#award5{background-image:url('../images/photos/Bridge-Dusk_900.jpg'); width:900px; height:470px;}
