/* ================================== General Style ======================================= */
body { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #333333; background-image: url(image/background.gif); background-repeat: repeat-y; background-position: center; background-color: #D4D4D5; text-align: center; }
h1		{ font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; }
h2		{ font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; margin:0; padding:0; font-size:10pt; }
a		{ color:red; text-decoration:none; }
a:hover { color:white; background-color:red; }

/* ================================== Header ======================================= */
.header { background-image: url(image/DavidEckstein.jpg); background-repeat: no-repeat; height: 385px; width: 636px; margin:auto; position: relative; top: 0px; text-align: left; z-index:0;}
.headertext { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; text-align: left; position: relative; width: 306px; height: 250px; top: 75px; left: 51px; overflow: auto; margin: 0px;   }
.headertext a { color:white; text-decoration:underline; }
.headertext a:hover { color: #FFFFFF; background-color:black;}
.header h1 { position: relative; left: 20px; top: 40px; margin: 0px; padding: 0px; width: 380px; height: 40px; font-size: 28px; }
.haveheart		{ height: 20px; width: 100px; position: relative; color: #D3D4D6; top: 0px; left: -220px; margin: auto; }
.topPage		{ color: #D3D4D6; margin: auto; height: 10px; width: 700px; position: relative; background-position: center; left: 20px; }
.topPage01		{ color: #CCCCCC; left:20px; position:relative; width:680px; height:25px; margin:auto; top:0px; z-index:1;}
.topPage a		{ color:white; }
.home			{ background-image: url(image/home.gif); height:25px; width:25px; background-repeat: no-repeat; background-position:center top; font-weight:bold; position:relative; top:-30px; right:-280px;  margin:auto; padding-left:45px; z-index: 2; }
html>body .home	{ top:-20px; }
.home a			{ color:white;}
.home a:hover	{ color:white; background-color:black; }

/* ================================== Nav Area ======================================= */
.navarea { height:69px; width:627px; position:relative; margin:auto; padding:10px; text-align:center;  }
html>body .navarea { height: 49px; width: 607px; }
.navarea ul { list-style-type: none; margin: 0px; padding: 0px; }
.navarea li { display: inline; height: 49px; }
.navarea .aboutme a { background-image: url(image/About-Me.gif); height: 49px; width: 146px; display: list-item; float: left; }
.navarea .aboutme a:hover { border: thin none #FFFFFF; background-image: url(image/About-me_rollover.gif); }
.navarea .baseball a { background-image: url(image/baseball.gif); height: 49px; width: 157px; display: list-item; float: left; }
.navarea .baseball a:hover { border: thin none #FFFFFF; background-image: url(image/baseball_rollover.gif); }
.navarea .personal a{ background-image: url(image/personal.gif); float: left; height: 49px; width: 162px; }
.navarea .personal a:hover { border: thin none #FFFFFF; background-image: url(image/personal_rollover.gif); }
.navarea .links a{ background-image: url(image/Links.gif); float: left; height: 49px; width: 142px; }
.navarea .links a:hover { border: thin none #FFFFFF; background-image: url(image/Links_rollover.gif); }
.navarea p { display:none }


/* ================================== Content Area ======================================= */
.content		{ background-image: url(image/content.gif); margin: auto; height: 386px; width: 645px; top: 0px; position: relative; }
.contentArea	{ font-size: 9pt; margin: auto; height: 290px; width: 565px; overflow: auto; top: 50px; position: relative; font-weight: normal; color: #666666;  text-align:left; }