body {
	font-family: "andale mono", Arial, sans-serif;
	font-size:10pt;
	color:#FFFFCC;
	background-color:#333333;
}

form {margin-bottom:0pt;}

.mainbground {
	background-color:#666666;
}

.framebground {
	background-color:#666666;
}

.gobutton {
	background-color:#CCCC99;
	color:#333333;
}

.largepicture {margin-right:10pt;}

.pagethru {margin-right:10pt;}

.bioheader {
	font-size:12pt;
	font-weight:bold;
}

a {
	text-decoration:none;
	color:#333333;
}

.listHeader {
	color:#FFFFCC;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:5px;
}
.listElement {
	margin-top:10px;
}

.listElementText {
	text-decoration:none;
	color:#FFFFCC;
}

.navigation{
	font-size:10pt;
	text-align:center;
	vertical-align:middle;
	background-color:#CCCC99;
	color:#333333;
}

.topnavigation{
	font-size:8pt;
	background-color:#CCCC99;
	color:#333333;
}

.listlevel1{
	font-size:14pt;
	font-weight:bold;
}
.listlevel2{
	font-size:12pt;
	font-weight:bold;
}
.photodetail{
	font-size:11pt;
	font-weight:normal;
}

.footer{
	font-size:8pt;
	background-color:#666666;
}

.searchResultHeader{
	font-size:10pt;
	font-weight:bold;
}
.searchResultLevel1{
	font-size:10pt;
	font-weight:bold;
}
.pictureTitle{
	font-size:10pt;
	font-weight:normal;
}
.pictureDescription{
	font-size:8pt;
	font-weight:normal;
}
.breadCrumbs{
	font-size:10pt;
	font-weight:bold;
}

.breadCrumbs-ref{
	font-size:10pt;
	font-weight:bold;
	color:#FFFFCC;
	text-decoration: none;
}
.photoDetailLabel{
	font-size:10pt;
	font-weight:bold;
}
.photoDetailData{
	font-size:10pt;
	font-weight:normal;
}

.foot-ref {
	color:#FFFFCC;
	text-decoration: none;
}
.indexMusician {
	margin-top:10px;
	margin-bottom:5px;
	font-size:10pt;
	font-weight:bold;
	color:#FFFFCC;
	text-decoration: none;
}
.indexPic {
	margin-left:10pt;
}
.indexPicDate {
	font-size:10pt;
	font-weight:normal;
}
.indexPicTitle {
	font-size:10pt;
	font-weight:normal;
}
/* drop shadows */

.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1 {
	float:left;
	background:url(images/shadows/foj-shadow.gif) right bottom no-repeat;
	}
.wrap2 {background:url(images/shadows/foj-corner_bl.gif) left bottom no-repeat;
}
.wrap3 {
	padding:0 10px 10px 0;
	background:url(images/shadows/foj-corner_tr.gif) right top no-repeat;
}
.wrap3 img {
	display:block;
	border:0px solid #ccc;
	border-color:#efefef  #ccc #efefef;
	}