body { color:black; margin:0; padding:0; font-family:"Trebuchet MS",arial,sans; font-size:12px; width:840px; height:100%; background:url("../template/images/headerbg.gif") repeat-x; }
#stamp { background:url("../template/images/gopierslogo.gif") no-repeat; position:absolute; top:0; left:0; width:143px; height:124px; margin:0; padding:0; }

h1 span { display:none; }
h2 { color:red; font-family:verdana,sans; font-size:18px; font-weight:normal; letter-spacing:0px; margin:0; padding:0; }

#title { width:840px; margin:20px 0 50px 0; text-align:center; }
#title h1 { color:red; margin:0; font-size:30px; }
#title h2 { color:black; margin:0; font-family:"Trebuchet MS",arial,sans; font-size:14px; font-weight:bold; }
#title p {

}
#title b { color:blue; }

#content-left { float:left; display:inline; width:420px; }
#content-right { margin-left:450px; }
img { border:none; }
#imgContainer {position:relative; width:400px; height:471px; padding:0 10px 10px 10px; }

a.gallery, a.gallery:visited {display:inline; width:55px; height:77px; float:right; margin:0 0 0px 0; position:relative; clear:both; border:1px solid white;}
#pic1 { background:url("pics/fionabeam1smallbw.gif"); }
#pic1:hover, #pic1:focus, #pic1:active { background:url("pics/fionabeam1small.gif"); }
#pic2 { background:url("pics/fionabeam2smallbw.gif");}
#pic2:hover, #pic2:focus, #pic2:active { background:url("pics/fionabeam2small.gif"); }
#pic3 { background:url("pics/fionabeam3smallbw.gif"); }
#pic3:hover, #pic3:focus, #pic3:active { background:url("pics/fionabeam3small.gif"); }
#pic4 { background:url("pics/fionabars1smallbw.gif"); }
#pic4:hover,#pic4:focus, #pic4:active { background:url("pics/fionabars1small.gif"); }
#pic5 { background:url("pics/fionafloor1smallbw.gif"); }
#pic5:hover, #pic5:focus, #pic5:active { background:url("pics/fionafloor1small.gif"); }
#pic6 { background:url("pics/fionafloor2smallbw.gif"); }
#pic6:hover, #pic6:focus, #pic6:active { background:url("pics/fionafloor2small.gif"); }
a.gallery span {visibility:hidden; display:block; position:absolute; width:355px; height:482px; top:0px; left:10px; letter-spacing:1px; cursor:default;}
#pic1 span { left:-345px; top:0px; }
#pic2 span { left:-345px; top:-79px; }
#pic3 span { left:-345px; top:-158px; }
#pic4 span { left:-345px; top:-237px; }
#pic5 span { left:-345px; top:-316px;}
#pic6 span { left:-345px; top:-395px;}

a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}
a.gallery:hover span {visibility:visible; z-index:100;}
a.gallery:hover span img {position:relative; z-index:100;}
a.gallery:active, a.gallery:focus {border:1px solid black; z-index:10;}
a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}
a.gallery:active span img, a.gallery:focus span img {position:relative; z-index:10;}

#imgContainer p {
	position:absolute;
	top:1px;
	left:11px;
	display:block;
	width:331px;
	height:249px;
	margin:0;
	padding-top:220px;
	text-align:center;
	font-style:italic;
	/*color:#aaa;*/
	color:#222;
	border:1px solid #ccc;
	/*background:#efefef;*/
    background:url("pics/fionabeam1.gif") -3px -1px no-repeat;
}
#about {
	margin:0 0 0 10px;
	width:410px;
}
#about p {
	font-size:13px;
	margin:0;
	line-height:22px;
}
#videos {
	height:125px;
}
#videos a {
	display:inline;
	float:left;
	text-decoration:none;
	text-align:center;
	margin:5px 20px 0 0;
	color:#666;
}
#videos a:hover {
	color:red;
}
#videos a span {
	display:block;
	margin:5px 0 0 0;	
	font-family:verdana,sans;
	font-weight:bold;
	letter-spacing:2px;
	font-size:10px;
}
#highlights {
	margin:20px 0 0 0;
	width:99%;
}
#highlights ul {
	list-style:none;
	margin:5px 0 0 0;
	padding:0;
}
#highlights li {
	background:#ddd;
	padding:2px;
	margin-bottom:2px;
}
#highlights li span {
	font-weight:bold;
}
#results {
	margin:2px 0 0 0;
}
#results table {
	width:99%;
	text-align:left;
	background:#ddd;
	border-collapse:collapse;
}
#results th {
	background:white;
	border:2px solid white;
}
td.section {
	text-align:center;
	background-color:red;
	/*color:rgb(255,255,153);*/
    color:white;
	font-weight:normal;
	font-family:verdana,sans;
	font-size:14px;
	margin:0;
	padding:2px 0 2px 0;
	border:none;
}
#results td {
	border:2px solid white;
	padding:2px;
}
#results td.event {
	font-weight:bold;
	width:75px;
}
#skills {
	margin:20px 0 0 0;
	width:99%;
}
#skills .leftCol {
	width:48%;
	float:left;
	display:inline;
}
#skills .rightCol {
	width:48%;
	margin-left:50%;
}
#skills p {
	margin:5px 0 0 0;
	line-height:20px;
}
#skills p b {
	font-family:verdana,sans;
	font-weight:bold;
	letter-spacing:2px;
	color:#0099ff;
}
#skills p em {
	font-weight:bold;
}