@charset "utf-8";
/* CSS Document */

 
html { 
  padding:0px;
  margin:0px;
}
 
body {
  background-image:url(../images/background-left.gif);
  background-repeat: repeat-y;  
  background-color: #efe3ce;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#564b47;  
  padding:0px;
  margin:0px;
  text-align:center;
}
 
p, h2 {
margin: 0px; 
padding: 5px 20px 5px 20px; 
}

a { 
color: #900;
font-size: 11px;
background-color:transparent;
text-decoration: none; 
}
 
h1 {
font-size: 11px;
text-transform:uppercase;
text-align: right;
color: #fff;
background-color:#006;
padding:5px 15px;
margin:0px;
}
 
 
h2 {
font-size:14px;
padding-top:10px;
text-transform:uppercase;
color: #006;
background-color: transparent;
}
 
 
 
#header {
	height:144px;
	background-color: #fff;
	background-image: url(../images/JoeDimaggioHeader.gif);
	background-repeat:no-repeat;
	margin: 0px; 
	padding: 0px;
}

#header2 {
	background-repeat:no-repeat;
	background-image:url(../images/cs_img01.gif);
	background-position: right top; 
	height: 144px;
	margin: 0px; 
	padding: 0px;
}

#siteheading {
	position:relative; 
	top:40px; 
	float:top; 
	font-size:36px; 
	color:#900; 
	font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; 
	font-weight:bold; 
	z-index: 100; 
	white-space:nowrap;
}
 
#pageheading {
	font-size:24px; 
	color:#900; 
	font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif; 
	font-weight:bold; 
	z-index: 100; 
	white-space:nowrap;
}
 
#left {
	position: fixed;
	left: 0px;
	width: 190px;
	color: #564b47;
	margin: 0px; 
	padding: 0px;
	text-align:left;
}

#left LI {
	background-color:#D0B288;
	border: solid 1px #D0B288;
	display:block;
}

#left li a {
	color:#006;
	DISPLAY: block; 
	padding: 5px;
	padding-left: 10px;
}

#left li a:hover {
	color:#900;
}

#left li:hover{
	color:#900;
	BACKGROUND-COLOR: #efe3ce;
	border-color:#900;
}

#left ul {
	position: relative;
	LIST-STYLE-POSITION: outside; 
	LIST-STYLE-TYPE: none;
	TEXT-TRANSFORM: uppercase; 
	TEXT-DECORATION: none;
	padding:5px;
	background-color:#D0B288;
	margin:0px;
	width:180px;
} 

#content {
	margin: 0px 190px 0px 190px;
	border-left: 2px solid #006;
	border-right: 2px solid #006;
	border-bottom: 2px solid #006;
	padding: 0px;
	background-color: #ffffff;
	text-align:center;   
	overflow:hidden;
	position:relative;
}
 
#right {
	position: fixed;
	right: 0px;        
	width: 190px;
	color: #564b47;
	margin: 0px; 
	padding: 0px;
}


.thumb {
margin:3px;
border: 1px solid #A0ACC0;
height: 300px;
text-align: center;
width: 220px;
float: left;
} 

.thumbimg {
	width: 208px;
/*	border: 1px solid #A0ACC0;  */
	border: 1px solid #FFF;
	margin: 5px;
}
.thumbimg img {margin: 2px;}
.thumbimg a img {border: 1px solid black;}
.thumbimg a:hover img {border: 1px solid #900;}
.phototitle {
	text-align: left;
	font-weight: normal;
	width: 208px;
	margin: 0 5px 5px 5px;
	overflow:auto;
} 


.ballbutton {
	margin:10px;
	height: 50px;
	width: 400px;
	text-align:center;
	background: url(../images/BallButtonRedline.png) bottom center no-repeat;
	display:block;
	position:relative;
	top:10px;
}

.ballbutton a {
    display: block;
	height: 50px;
	width: 400px;
	position: relative;
	font-size:13px;
	color:rgb(51, 0, 153);
}

.ballbutton a:hover {
	background: url(../images/BallButtonBlueline.png) bottom center no-repeat;
}