﻿body {background-color: white; color: #939393; font-family: arial, helvetica, sans-serif; font-size: 11px; margin: 5px 0 0 10px; padding: 0;}

p	{line-height: 15px; margin-top: 0;}
ul  {list-style-type: square;}

h1 {font-size: 15px; color: red; font-weight: bold; text-transform: uppercase; margin-top: 0;}
h2 {font-size: 13px; color: red; font-weight: normal; text-transform: uppercase; margin-top: 0;}
h3 {font-size: 11px; color: #939393; font-weight: bold; margin-top: 0;}

.top	{margin-top: 0;}
.bottom	{margin-bottom: 0;}
.topbot {margin: 0;}

/* Layout */
.mainTable {
	width: 770px;
	height: 630px;
	margin-left: auto;
	margin-right: auto;
}
.header {
	padding-bottom: 20px;
}
#logo {
	background: url(../images/divider.gif) no-repeat right bottom;
	vertical-align: bottom;
	padding: 0 10px 0 110px;
}
.content {
	height: 495px;
	vertical-align: top;
}
#leftcolumn {
	width: 220px;
	padding-top: 33px;
	vertical-align: top;
}
#rightcolumn {
	width: 535px;
	padding-top: 33px;
	padding-left: 15px;
	vertical-align: top;
}
#submenu {
	width: 205px;
	padding-right: 15px;
	vertical-align: top;
}
	#submenu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#submenu li {
		margin-left: 20px;
		font-size: 12px;
		padding-bottom: 5px;
	}
		#submenu a{color: #939393;}
		#submenu a:hover {color: red;}
		#submenu h1 {color: #939393; text-transform: none;}
#copy {
	width: 205px;
	padding-right: 15px;
	vertical-align: top;
}
	#copy ol li {margin-left: -20px; *margin-left: -13px; margin-bottom: 10px;}
#project {
	width: 205px;
	padding-right: 15px;
	vertical-align: top;
}
	#project h1 {color: #939393; text-transform: none; margin-bottom: 15px;}
	#project h2 {color: #939393;}
	#project li {margin-left: -20px;}
#category-menu {
	width: 205px;
	padding-top: 33px;
	padding-right: 15px;
	vertical-align: top;
}
#gallery {
	width: 550px;
	padding-top: 33px;
	vertical-align: top;
}
	#thumbnails {margin-top: 30px; margin-right: -12px;}
	.thumbnail {
		margin-right: 3px;
		/*opacity: 0.75;
    	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
    	filter: alpha(opacity=75);
    	zoom: 1;*/
    	display: inline-block;
	}
	.thumbnail:hover { /* fully opaque */
    	/*opacity: 1;
    	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
    	filter: alpha(opacity=100);
    	zoom: 1;*/
	}
.footer {
	padding-top: 14px;
	vertical-align: bottom;
}
#address {
	font-size: 11px;
	text-align: left;
	text-align: right;
}
#copyright {
	width: 205px;
	padding-right: 15px;
	font-size: 10px;
	vertical-align: bottom;
	text-align: right;
	font-style: italic;
}

/* Links */
a:link 		{color: red; text-decoration: none;}
a:active 	{color: red; text-decoration: none;}
a:visited 	{color: red; text-decoration: none;}
a:hover 	{color: red; text-decoration: underline;}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	vertical-align: bottom;
}
	
#menu {
	margin: 0;
	padding: 0;
	list-style: none;
	vertical-align: bottom;
}
	#menu li {
		display: inline-block;
		float: left;
		position: relative;
		text-align: center;
		font-size: 15px;
		font-weight: normal;
		color: #939393;
		background: url(../images/divider.gif) no-repeat right bottom;
		z-index: 100;
	}
	#menu a {
		display: block;
		width: 109px;
		color: #939393;
		text-decoration: none;
		padding-right: 1px;
	}
	#menu ul ul a:hover {
		color: red;
	}
	#menu a:hover {
		color: red;
	}
	#menu ul ul :hover > a {
		color: red;
	}
		#menu :hover > a {
		color: red;
	}
		#menu ul ul {
			visibility: hidden;
			position: absolute;
			top: 16px;
			left: -2px;
		}
		#menu ul ul li {
			background: none;
		}
		#menu ul ul a{
			padding: 3px;
			background-color: white;
			filter: alpha(opacity=90);
			opacity: 0.90;
			width: 104px;
			color: #636363;
			font-size: 11px;
			font-weight: normal;
			text-decoration: none;
		}		#menu ul ul ul a:hover {
			color: red;
			filter: alpha(opacity=100);
			opacity: 1;
		}
		#menu ul ul a:hover {
			color: red;
			filter: alpha(opacity=100);
			opacity: 1;
		}
		#menu ul ul ul :hover > a {
			color: red;
			filter: alpha(opacity=100);
			opacity: 1;
		}
			#menu ul ul :hover > a {
			color: red;
			filter: alpha(opacity=100);
			opacity: 1;
		}
			#menu ul ul ul {
				left: 110px;
				top: 0;
			}
			#menu ul ul ul a{
				width: 104px;
			}
#menu ul a:hover ul {visibility: visible;}
#menu ul li:hover ul {visibility: visible;}
#menu ul :hover ul ul {visibility: hidden;}
#menu ul :hover ul :hover ul {visibility: visible;}

#category-menu {
	width: 205px;
	padding-top: 33px;
	padding-right: 15px;
	vertical-align: top;
	text-align: right;
}
	#category-menu h1 {
		margin: 0;
		padding-bottom: 7px;
		font: 13px;
		font-weight: bold;
		color: #939393;
		text-transform: none;
		cursor: hand;
		cursor: pointer;
	}
		#category-menu h1 a:hover {
			color: red;
		}
		#category-menu h1 a {
			color: #939393;
			text-decoration: none;
		}
	#category-menu .openheader {color: red;}
	#category-menu ul { /*CSS for UL of each sub menu*/
		list-style: none;
		margin: 0;
		padding: 0;
		margin-bottom: 6px; /*bottom spacing between each UL and rest of content*/
	}
	#category-menu ul li {padding-bottom: 3px;}
	#category-menu ul li a:active {
		font-size: 12px;
		color: #939393;
		margin-right: 15px;
		color: #939393;
	}
	#category-menu ul li a:visited {
		font-size: 12px;
		color: #939393;
		margin-right: 15px;
		color: #939393;
	}
	#category-menu ul li a:link {
		font-size: 12px;
		color: #939393;
		margin-right: 15px;
		color: #939393;
	}
	#category-menu ul li a:hover {color: red;}

.projectlink {
	/*opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
    filter: alpha(opacity=75);
    zoom: 1;*/
}
	.projectlink:hover { /* fully opaque */
    	/*opacity: 1;
    	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
    	filter: alpha(opacity=100);
    	zoom: 1;*/
	}
	
#imageContainer {
	position: relative;
	margin: auto;
	width: 770px;
}


/* Leadership Styles */
#leadership {
	width: 310px;
	padding: 33px 0 0 20px;
	vertical-align: top;
}
	#leadership h1 {
		margin: 0;
		padding-bottom: 10px;
		font-size: 13px;
		font-weight: bold;
		color: red;
		text-transform: uppercase;
	}
	#leadership .title {
		color: #939393;
		font-family: arial, helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
		text-transform: none;
		margin-left: 5px;
	}
#leadership-gallery {
	width: 220px;
	padding-top: 33px;
	vertical-align: top;
}
#leadership-menu {
	width: 205px;
	padding-right: 15px;
	vertical-align: top;
}
	#leadership-menu h1 {
		margin: 0;
		padding-bottom: 6px;
		font-size: 15px;
		font-weight: bold;
		color: red;
		text-transform: uppercase;
		cursor: hand;
		cursor: pointer;
	}
		#leadership-menu h1 a:hover {
			color: red;
			text-decoration: none;
		}
		#leadership-menu h1 a:visited {
			color: red;
			text-decoration: none;
		}
		#leadership-menu h1 a:active {
			color: red;
			text-decoration: none;
		}
		#leadership-menu h1 a:link {
			color: red;
			text-decoration: none;
		}
	#leadership-menu h2 {
		margin: 0;
		padding: 0;
		font-size: 13px;
		font-weight: bold;
		color: red;
		text-transform: uppercase;
		cursor: hand;
		cursor: pointer;
	}
		#leadership-menu h2 a:hover {
			color: red;
			text-decoration: none;
		}

		#leadership-menu h2 a:visited {
			color: red;
			text-decoration: none;
		}

		#leadership-menu h2 a:active {
			color: red;
			text-decoration: none;
		}

		#leadership-menu h2 a:link {
			color: red;
			text-decoration: none;
		}

	#leadership-menu .openheader {color: red;}
	#leadership-menu ul { /*CSS for UL of each sub menu*/
		list-style: none;
		margin: 13px 0 0 0;
		padding: 0;
		margin-bottom: 50px; /*bottom spacing between each UL and rest of content*/
	}
	#leadership-menu ul li {padding-bottom: 3px;}
	#leadership-menu ul li a:visited {
		color: #939393;
	}
	#leadership-menu ul li a:active {
		color: #939393;
	}
	#leadership-menu ul li a:link {
		color: #939393;
	}
	#leadership-menu ul li a:hover {color: red;}

/* Press Styles */
#press {
	width: 213px;
	/*height: 495px;*/
	padding-right: 7px;
	vertical-align: top;
}
	#press h1 {margin-bottom: 15px;}
	#press ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#press ul li {padding-bottom: 15px; font-size: 11px;}
	#press ul li a:visited {
		color: #939393;
		font-weight: bold;
	}
	#press ul li a:active {
		color: #939393;
		font-weight: bold;
	}
	#press ul li a:link {
		color: #939393;
		font-weight: bold;
	}
	#press ul li a:hover {color: red;}
#pressScroll {
	width: 205px;
	height: 385px;
	padding: 0 8px 0 0;
	vertical-align: top;
	overflow: auto;
	position: relative;
}

#accolade {
	position: relative;
	max-width: 770px;
	margin-top: -345px;
	font-size: 90px;
	line-height: 110px;
	font-weight: bold;
	text-align: center;
	color: white;
	opacity: 0.85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
    filter: alpha(opacity=75);
	z-index: 0;
}