* {
	margin: 0;
	padding: 0;
}

# @font-face {
   font-family: ScalaSans;
   src: url(‘ScalaSans.afm’);
 }

body {
	background: #ffffff url(images/BG.png) no-repeat;
	text-align: left;
	font-family: ScalaSans, New Gothic Std, Geneva, Tahoma, Verdana sans-serif;
	font-size: 0.9em;
	font-weight: light;
	color: #ffffff;
}

h1, h2, h3 {
	font-family: New Gothic Std, Geneva, Tahoma, Verdana sans-serif;
	font-weight: normal;
	color: #b2c43b;
}

h1 {
	letter-spacing: 1px;
	font-size: 1.3em;
}

h2 {
	letter-spacing: 1px;
}


p, ul {
	margin-bottom: 1em;
	line-height: 1.5em;
}

ul, {
	margin-left: 3.5em;
}


a:link {
	text-decoration: none;
	color: #3B3B3B;
}

a:hover, a:active {
	text-decoration: none;
	color: #3B3B3B;
}

a:visited {
	color: #3B3B3B;
}

img {
	border: none;
}


#header {
	width: 700px;
	height: 109px;
	margin: 0 auto;
	padding-top: 20px;
	background: url(images/header.gif);
	opacity:0.8;
	}

#header h1 {
	font-size: 1.5em;
	text-align: center;
	color:#cbe2e3;
	letter-spacing: 5px;
	margin-bottom:10px;
}

#header h2 {
	letter-spacing: 2px;
	color: #FFFFFF;
	text-align: center;
	font-size: 0.75em;
}

#header h2 a {
	color: #FFFFFF;
	text-decoration:none;
}

#header h2 a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}


#page {
	width: 700px;
	min-height:600px;
	margin: 0 auto;
	padding: 0;
	background: #ffffff url(images/content.gif) /*content.gif is a black bar that repeats vertically as needed for content area*/ repeat-y center top;
	opacity:0.8;
}

h1.index  {
	margin: 0 0 20px 0;
	padding: 5px 0 0 0;
	font-size: 1.5em;
	color: #b2c43b;
}

h1.biography  {
	margin: 0 0 20px 0;
	padding: 5px 0 0 0;
	font-size: 1.5em;
	color: #21e0d9;
}

h1.education  {
	margin: 0 0 20px 0;
	padding: 5px 0 0 0;
	font-size: 1.5em;
	color: #ff5bde;
}

h1.experience  {
	margin: 0 0 20px 0;
	padding: 5px 0 0 0;
	font-size: 1.5em;
	color: #eb9c21;
}

h1.expertise  {
	margin: 0 0 20px 0;
	padding: 5px 0 0 0;
	font-size: 1.5em;
	color: #fcde00;
}

h1.locations  {
	margin: 0 0 20px 0;
	padding: 5px 0 0 0;
	font-size: 1.5em;
	color: #bdd2d2;
}

#content {
	float: right;
	width: 480px;
	padding: 20px 30px 0 5px;
	opacity:1.0;
}



		#nav {
			float: left;
			width: 180px;
			padding: 20px 5px 0 0;
		}
		
					#approach, #biography, #education, #experience, #expertise, #locations  {
					  display: block;
					  width: 126px;
					  height: 33px;
					 }
					 
					 #approach:hover, #biography:hover, #education:hover, #experience:hover, #expertise:hover, #locations:hover { 
					  background-position: 0 -33px;
					}
					
					#approach span, #biography span, #education span, #experience span, #expertise span, #locations span {
					  display: none;
					}
					
					#approach  {
					  background: url(images/nav/approach.png) no-repeat 0 0;
					}
					
										
					#biography {
					  background: url(images/nav/biography.png) no-repeat 0 0;
					}
					
					
					#education {
					  background: url(images/nav/education.png) no-repeat 0 0;
					}
					
					
					#experience {
					  background: url(images/nav/experience.png) no-repeat 0 0;
					}
					
					
					#expertise {
					  background: url(images/nav/expertise.png) no-repeat 0 0;
					}
					
					
					#locations {
					  background: url(images/nav/locations.png) no-repeat 0 0;
					}
					
			
					
					

.box {
	width: 189px;
	padding-left: 1px;
}

.box .title {
	margin: 0 0 50px 0;
	padding: 5px 0 0 30px;
	font-size: 1.5em;
	color: #b2c43b;
}

.box ul {
	margin: 0;
	padding: 0;
	list-style: none;
}


.box p {
	margin: 0;
	font-size: 1em;
	padding: 0 5px 0 5px;
	color: #3B3B3B;
	font-family: New Gothic Std, Geneva, Tahoma, Verdana sans-serif;
}


.box a {
	padding-left: 10px;
}

#footer {
	width: 700px;
	height: 200px;
	margin: 0 auto;
	background:  url(images/footer.png);
	opacity:0.8;
}

#footer p {
	margin: 0;
	padding-top: 50px;
	line-height: normal;
	font-size: 75%;
	text-align:center;
	
}

#footer a {
	color: #BDD2D2;
	text-decoration:none;
}

#footer a:hover {
	text-decoration: underline;
}

#footnote {
	width: 700px;
	height: 15px;
	margin: 0 auto;
	float: right;
	font-size: 75%;
	text-align: center;
}