/* =============== GENERAL =============== */ 

body{
	margin:50px 0 0 50px;
	color:#999}
html{
	padding:0}
a:link, a:visited{
	color:#999;
	text-decoration:none}
a:hover{
	color:#000;
	text-decoration:none}
a:focus {outline:none}
p {
	margin:0;}
p + p {
  	text-indent:1.5em;
  	margin-top:0}

/* =============== HEADINGS =============== */ 

h1, h1 a:link, h1 a:visited{ 	/* Contact page name */
	color:#000; 		
	font-size:16px;
	font-weight:normal;
	margin: 0}
h2{
	font-family:"Times New Roman", Times, serif;
	font-size:30px;
	font-weight:lighter;
	color:#000;
	margin:0}
h3{
	font-family:"Courier New", Courier, monospace;
	font-size:10px;
	color:#000;
	border-top:#000;
	border-top-style:dashed;
	border-top-width:thin;
	padding-top:5px;
	}
h4, h4 a:link, h4 a:visited{
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	color:#000}
h5, h5 a:link, h5 a:visited{
	font-family:"Times New Roman", Times, serif;
	font-size:30px;
	font-weight:lighter;
	color:#999;
	margin:0}
h5 a:hover{
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-weight:lighter;
	color:#000;
	margin:0}
h9{						/* Biographies menu title */
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	font-weight:lighter;
	color:#999;}
h7{ color:#999; 		/* Contact page title */
	font-size:16px;
	font-weight:normal;
	font-family:"Arial", helvetica, serif;
	margin: 0}
	
h8 {font-family:Arial, Helvetica, sans-serif; /* Contact page e-mail */
	font-size:10px;
	font-weight:lighter;
	color:#000}

/* =============== CONTENT =============== */

.sidebar{
	float:left;
	width:120px;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:lighter;
	color:#000}
#wrapper{}
#header{
	width:100%;
	height:50px}
#footer{}
.content{
	float:left;
	width:605px;
	padding: 0 0 0 60px;}
.portfolio{
	float:left;
	width:605px;
	padding: 0 0 0 153px;}
.information{
	float:left;
	width:222px;
	position:absolute;
	margin:70px 0 0 0}
	.information a:link{
	color:#000}
	.information a:visited{
	color:#000}
	.information a:hover{
	color:#CCC} 
.biographymenu{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	float:left;
	width:222px;
	position:absolute;}
	.biographymenu a:link{
	color:#000}
	.biographymenu a:hover{
	color:#CCC}
	.biographymenu a:visited{
	color:#000}
.address{
	float:left;}
.staff{
	float:left;
	margin: 0 0 0 28px;}
.director{
	float:left;
	margin: 0 38px 24px 0;}
.director2{
	float:left;
	margin: 0 38px 24px 0;}
.video{
	padding: 37px 0 0 0;}
/* =============== HEADER =============== */

#menu{
	float:left}
.menuitem{
	float:left;
	width:100px;
	text-align:center;
	padding: 8px 0 0 0}
#logo{
	width:150px;
	height:30px;
	float:left;
	background-image:url(img/logo.jpg);
	background-repeat:no-repeat}

/* =============== PORTFOLIO MENU =============== */	

.arrowlistmenu{
width: 280px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font-family:"Times New Roman", Times, serif;
	font-size:30px;
	font-weight:lighter;
	color:#999;
	margin:0;
	padding:0;
	cursor: hand;
	cursor: pointer;
	border: 0
	}
.arrowlistmenu .menuheader a:hover{
	color:#000;}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
	color:#000;
	}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	list-style-type: none;
	margin: 3px 0 0 0;
	padding: 0;
	margin-bottom: 10px; /*bottom spacing between each UL and rest of content*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:light;
	color:#999}
	}
.arrowlistmenu ul li{
	padding-bottom: 2px; /*bottom spacing between menu items*/
	color: #000;
	}
.arrowlistmenu ul li a{
color: #999;
display: block;
padding: 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 100%;
}
.arrowlistmenu ul li a:visited{
color: #999;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #000;
}

</style>