body{ 
margin:0; 
padding:0; 
background-color:#52527a; 
font-family:Arial, Helvetica, sans-serif;
}
 
/* Default font and size */ 

form, table, input, img { 
padding:0px; 
margin:0px; 
} 

/* IE adds unnecessary padding */

#skip_content {position:absolute; top:-2000px; left:-2000px;} 

/* Accessibility */

#wrapper {float :top; margin: auto; width : 850px; height: 100%;} 

/*HEADER ---------------------------------------------------------------- */
#header {
float:top; 
height:140px; 
width:850px; 
background-color:#52527a; 
background-repeat:  padding:0; 
margin:0; 
border-top:2px solid #fdad3a; 
border-left:2px solid #fdad3a; 
border-right:2px solid #fdad3a; 
} 

#nav_top {
background-color:#52527a; 
float:left; position:absolute; 
top:115px; 
width:645px; 
height: 20px; 
padding: 2px 0px 5px 0px; 
margin: 0px 0px 0px 200px; 
border-left:2px solid #fdad3a;
overflow:clip;
}

#nav_top a {
font-size:.9em; 
font-style: normal; 
text-decoration:none;  
color:#ffffff;
padding: 2px 2px 2px 2px;
border: 2px solid transparent; 
}

#nav_top a:hover {
background-color:#ec9001; 
color:#000000; 
border-color:#FFFFFF; 
border: 2px solid #ffffff; 	
}

#page {
	float:left;
	height:100%;
	width:850px;
	background-color:#edd8b9;
	border-left:2px solid #fdad3a;
	border-right:2px solid #fdad3a;
	border-top:2px solid #fdad3a;
	border-bottom:2px solid #fdad3a;
} 
	

#page h2 {
font-size:1.2em; 
color:#52527a; 
font-weight:bold; 
padding: 10px 10px 10px 10px; 
}

#page h2.home  {
font-size:1.6em;
}

#page p {
font-size:.8em; 
color:#000000; 
font-weight:normal; 
padding-left:200px;
}

#page h3 {
font-size:.8em; 
color:#000000; 
font-weight:normal; 
font-style: normal;
}




/*NAVIGATION - LEFT---------------------------------------------------------------- */

#nav_left {
width:200px; 
height:625px; 
background-color:#7f80ae; 
border-right:2px solid #fdad3a; 
float:left; 
font-size:1.0em; color:#000000; 
font-weight:bold; 
}

#nav_left ul, 

#nav_left li {
margin: 0; 
padding: 0; 
list-style-type: none; 
font-size:.9em; 
font-weight:normal;
line-height:20px;
}

#nav_left a { 
display: block; 
padding: 0px 10px; 
color: #edd8b9;  
text-decoration: none; 
border:2px solid #7f80ae; 
border-left:0; 
border-right:0; 
width: 180px;
}

#nav_left a:hover { 
color: #000000; 
background-color: #ec9001; 
text-decoration: none;
border-color: #FFFFFF; 
width:180px;
}

#nav_left > ul > li:first-child a:hover { 
border-top-color:#C3CDD5; 
} 

/* Fixes double border on hover state.  IE6- doesn't understand this. */


/*NAVIGATION - RIGHT---------------------------------------------------------------- */

#content   {
	width:648px;
	height:1020px;
	float:right;
}

#content h2 {
	font-size:1.2em;
	color:#000000;
	font-weight:bold;
	text-align: center;
}

#content h3 {
	font-size:.8em;
	color:#000000;
	font-weight:normal;
	font-style: normal;
	text-align: left;
}

#content h4 {
	color:#000000;
	font-weight:normal;
	font-style: normal;
	padding: 0px 25px 25px 25px;
}

#content p.copyright {
color:#000000; 
font-size:.7em; 
clear:both; 
text-align:center; 
width:200px; 
margin-left:30px;
}



#content table {
margin-top: 0px;
}

#content table.contacts {
font-size:.9em;
}

#content td.bord {
border:2px solid #52527a;
text-align: center;
}

#content a  {
color: #52527a; 
font-size:.8em; 
font-weight:bold; 
text-decoration:none;
}

#content a.menu {
font-size:1.0em; 
font-style: italic; 
text-decoration:none;  
color:#52527a;
padding: 2px;	
}

#content a.menu:hover {
background-color:#ec9001; 
color:#000000; 
border:2px solid #000000;
padding: 2px;	
}
	

/* holy grail - http://alistapart.com/articles/holygrail */

body {min-width: 750px;}

/*FOOTER---------------------------------------------------------------- */

#footer{ 
height:55px; 
width:850px; 
border-bottom:2px solid #fdad3a; 
background:#52527a;
border-left:2px solid #fdad3a; 
border-right:2px solid #fdad3a;
color:#ffffff; font-size:.7em;
}		

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

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

#foot_center a {
margin: 0px 15px 0px 15px;
}

/*BIOGRAPHY POPUP WINDOW---------------------------------------------------------------- */

#cssonclickswitch {
position:relative;
width: 200px;
margin: 0; 
padding: 0px;
}

 
#cssonclickswitch li {
width:200px;
list-style-type: none;
margin: 0; 
padding: 0;
}
 
#cssonclickswitch a {
width:200px;
text-decoration:none;
Font-weight: bold;
}
 
#cssonclickswitch a img {
border:0;
}
 
#cssonclickswitch a:hover,
#cssonclickswitch a:focus:hover {
color: #fff; 
background:black;
}
 
#cssonclickswitch a:active,
#cssonclickswitch a:focus {
color:#fff;
background-color:#606060;
}
 
#cssonclickswitch a span {display: none; text-decoration: none;}
#cssonclickswitch a:active span,
#cssonclickswitch a:focus span {
display: block;
position: absolute; 
top: -200px; 
left: -420px; 
width: 600px;
height: 1300px;
text-align:left;
color:white;
padding:10px;
background:#7f80ae;
border:2px solid #000000;
font : normal 80% "Trebuchet MS", Georgia, Verdana,  Arial, Helvetica, sans-serif;
Font-weight: normal;
}


#findButton { font:95% bold Verdana, Arial, Helvetica, sans-serif; text-align:center; 
	      background-color: #606E7F; color:#ffffff; padding:2px; text-transform:uppercase; 
	      letter-spacing:1px; border: 1px solid #999999; }

#searchBox{ border:1px solid #FFF; height: 19px; color: #000066; 
		background: #cccccc url(http://web.uconn.edu/webtools/global/images/google.jpg)      
		no-repeat -25px top; width:170px; margin-top:8px;}
		
		
.flashMp3Player 
{
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.bio 
{
    overflow: auto;
    height: 560px; 
    width: 600px; 
    padding: 0px 20px;
    text-align: left;
}