/* Global Styles */

body, td, th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-align: justify; margin: 0px 0px 0px; }
a { color: #003333; text-decoration: none; }
a:hover { text-decoration: underline; }

.statbar { font-size: 9px; }
.leftnav { color: #006666; }

.january { color: #6600FF; }
.february { color: #FF6666; }
.march { color: #33CC33; }
.april { color: #FF6600; }
.may { color: #FF9999; }
.june { color: #FF9900; }
.july { color: #CC0000; }
.august { color: #3333CC; }
.september { color: #CC3333; }
.october { color: #CC6633; }
.november { color: #999900; }
.december { color: #009900; }

.winter { color: #00CCCC; }
.spring { color: #00CC00; }
.summer { color: #FF0000; }
.fall { color: #FF9900; }

.fullheight { height: 100%; }

/* Section Styles */

/* SPLASH */
a.splash { color: #99CCCC; }
.tophead { font-size: 9px; color: #009999; }
.splashJH { color: #99CCCC; background-image: url(/images/00splash/31jhlogotop.gif); background-repeat: no-repeat; background-color: #175563; }
.northsouth { background-image: url(/images/00splash/16northsouthbg.gif); background-repeat: repeat-y; }
.eastwest { background-image: url(/images/00splash/17eastwestbg.gif); background-repeat: repeat-x; }
.hnt { color: #C9E6ED; text-align: left; background-image: url(/images/00splash/41hnt.gif); background-repeat: no-repeat; }
.ph { color: #C9E6FD; text-align: left; background-image: url(/images/00splash/42ph.gif); background-repeat: no-repeat; }
.hsc { color: #E9E6ED; text-align: left; background-image: url(/images/00splash/43hsc.gif); background-repeat: no-repeat; }
.mmc { color: #C9E6FD; text-align: left; background-image: url(/images/00splash/51mmc.gif); background-repeat: no-repeat; }
.aa { color: #C9E6ED; text-align: right; background-image: url(/images/00splash/52aa.gif); background-repeat: no-repeat; }
.feature { color: #DDDDDD; text-align: left; }

/* JOEY'S HOMEPAGE */
a.index { color: #4CBFC0; }
.homepageCallout { color: #C7E3E3; }
.homepageCalloutdate { color: #4CBFC0; font-size: 10px; }
.homepageFooter { color: #FFFFFF; font-size: 10px; }

.homepageLeftnavBg { background-image: url(/images/01homepage/08leftnavbg.gif); background-repeat: repeat-y; }
.homepageFooterBg { background-image: url(/images/01homepage/12footerbg.gif); background-repeat: repeat-x; }

.homepageBg { background-color: #003344; }

/* ABOUT JOEY */
a.personal { color: #CCBB99; }
.personalBody { color: #333300; text-align: justify; }

.personalFact {color: #000000;}
.aboutFact { font-size: 9px; color: #FFFFDD; }
.aboutNav { color: #FFFFEE; font-size: 10px; text-decoration: none; }
.aboutNav:hover { color: #CCBB99; text-decoration: none; }

.personalCallout { color: #FFFFEE; }
.archiveCallout { color: #EEEEDD; font-size: 10px; text-decoration: none; }
.archiveCallout:hover { text-decoration: underline; }
.personalCalloutdate { color: #000000; font-size: 10px; }
.personalFooter { color: #FFFFEE; font-size: 10px; }

.personalTopnavBg { background-image: url(/images/02about/04topnavbg.gif); background-repeat: repeat-x; }
.personalLeftnavBg { background-image: url(/images/02about/08leftnavbg.gif); background-repeat: repeat-y; }
.personalFooterBg { background-image: url(/images/02about/12footerbg.gif); background-repeat: repeat-x; }

.personalCalloutTopBg { background-image: url(/images/02about/21topbar.gif); background-repeat: repeat-x; }
.personalCalloutBodyBg { background-image: url(/images/02about/22bg.gif); background-repeat: repeat-y; }
.personalCalloutFootBg { background-image: url(/images/02about/23bottombar.gif); background-repeat: repeat-x; }

.personalMenuDownOff { background-image: url(/images/02about/32bodynavdownoff.gif); background-repeat: no-repeat; }
.personalMenuDownOn { background-image: url(/images/02about/33bodynavdownon.gif); background-repeat: no-repeat; }
.personalMenuUpOff { background-image: url(/images/02about/34bodynavupoff.gif); background-repeat: no-repeat; }
.personalMenuUpOn { background-image: url(/images/02about/35bodynavupon.gif); background-repeat: no-repeat; }

.personalBg { background-color: #332200; }

/* RESUME SOURCE */
.resumeCallout { color: #FFD7A3; }
.resumeCalloutdate { color: #FFFFFF; font-size: 10px; }
.resumeFooter { color: #FFEEDD; font-size: 10px; }

.resumeTopnavBg { background-image: url(/images/03resume/04topnavbg.gif); background-repeat: repeat-x; }
.resumeLeftnavBg { background-image: url(/images/03resume/08leftnavbg.gif); background-repeat: repeat-y; }
.resumeFooterBg { background-image: url(/images/03resume/12footerbg.gif); background-repeat: repeat-x; }

.resumeCalloutBg { background-image: url(/images/03resume/22bg.jpg); background-repeat: no-repeat; }

.resumeBg { background-color: #552200; }

/* DREAM TEAM */
.dreamteam { color: #CC99CC; }
.dreamteamBody { color: #EEBBEE; }
.dreamteamCallout { color: #FFDDFF; }
.dreamteamCalloutAuto { color: #FFFFFF; font-size: 10px; }
.dreamteamFooter { color: #FFEEFF; font-size: 10px; }

.dreamBg1 { background-image: url(/images/04dreamteam/fade2right.gif); background-color: #CCFFFF; }
.dreamBg2 { background-image: url(/images/04dreamteam/fade2left.gif); background-color: #CCFFFF; }

.dreamteamTopnavBg { background-image: url(/images/04dreamteam/04topnavbg.gif); background-repeat: repeat-x; }
.dreamteamLeftnavBg { background-image: url(/images/04dreamteam/08leftnavbg.gif); background-repeat: repeat-y; }
.dreamteamFooterBg { background-image: url(/images/04dreamteam/12footerbg.gif); background-repeat: repeat-x; }

.dreamteamBg { background-color: #440044; }

#daisy { position: relative; width: 145px; height: 80px; z-index: 1; left: 30px; top: 0px; }
#alicia { position: relative; width: 145px; height: 80px; z-index: 2; left: 10px; top: 0px; }
#tiffani { position: relative; width: 145px; height: 80px; z-index: 3; left: -10px; top: 0px; }
#christina { position: relative; width: 145px; height: 80px; z-index: 4; left: -30px; top: 0px; }
#mariah { position: relative; width: 145px; height: 80px; z-index: 1; left: 30px; top: 0px; }
#emma { position: relative; width: 145px; height: 80px; z-index:2; left: 10px; top: 0px; }
#britney { position: relative; width: 145px; height: 80px; z-index:3; left: -10px; top: 0px; }
#hilary { position: relative; width: 145px; height: 80px; z-index:4; left: -30px; top: 0px; }

/* VIDEO GAMES */
.gamelist { color: #77AADD; }
.gamelistBody { color: #99CCFF; }
.gamelistStats { font-size: 12px; color: #9999FF; font-weight: bold; line-height: 18px; }
.gamelistCallout { color: #99CCFF; }
.gamelistCalloutdate { color: #000000; font-size: 10px; }
.gamelistFooter { color: #FFFFFF; font-size: 10px; }

.gamelistTopnavBg { background-image: url(/images/05videogames/04topnavbg.gif); background-repeat: repeat-x; }
.gamelistLeftnavBg { background-image: url(/images/05videogames/08leftnavbg.gif); background-repeat: repeat-y; }
.gamelistFooterBg { background-image: url(/images/05videogames/12footerbg.gif); background-repeat: repeat-x; }

.gamelistCenterBg { background-image: url(/images/05videogames/21gamecenterbg.gif); background-repeat: no-repeat; }
.gamelistCenter { background-image: url(/images/05videogames/22gamecenter.gif); background-repeat: no-repeat; }
.gameRightBar { background-image: url(/images/05videogames/56rightbar.gif); }

.gamelistBg { background-color: #330066; }

.gameData {font-size: 9px; color: #000000; }
.gameDataWhite { font-size: 9px; color: #FFFFFF; }

.nes {font-size: 9px; font-weight: bold; color: #FF0000;}
.gba {font-size: 9px; font-weight: bold; color: #FF00FF;}
.snes {font-size: 9px;  font-weight: bold; color: #009900;}
.vb {font-size: 9px; font-weight: bold; color: #CC0000;}
.n64 {font-size: 9px; font-weight: bold; color: #0000FF;}
.gcn {font-size: 9px; font-weight: bold; color: #9900FF;}
.ds {font-size: 9px; font-weight: bold; color: #CC00FF;}

.cdx {font-size: 9px; font-weight: bold; color: #3333CC;}
.gg {font-size: 9px; font-weight: bold; color: #FF9900;}
.ss {font-size: 9px; font-weight: bold; color: #CCCC00;}
.dc {font-size: 9px; font-weight: bold; color: #00CCCC;}

.ps2 {font-size: 9px; font-weight: bold; color: #006699;}
.xbox {font-size: 9px; font-weight: bold; color: #99FF00;}

.s01 {font-size: 9px; font-weight: bold; color: #0099CC;}
.s02 {font-size: 9px; font-weight: bold; color: #009900;}
.s03 {font-size: 9px; font-weight: bold; color: #FF0000;}
.s04 {font-size: 9px; font-weight: bold; color: #FF9900;}

.gWinter {font-size: 9px; font-weight: bold; color: #0099CC;}
.gSpring {font-size: 9px; font-weight: bold; color: #009900;}
.gSummer {font-size: 9px; font-weight: bold; color: #FF0000;}
.gFall {font-size: 9px; font-weight: bold; color: #FF9900;}

.bgRow1 { background-image: url(/images/05videogames/60rowOne.gif); background-color: #E3E3FF; }
.bgRow2 { background-image: url(/images/05videogames/61rowTwo.gif); background-color: #DDDDFF; }

/* HELP CENTER */
.help { color: #99BBDD; }
.helpBody { color: #CCEEEE; }
.helpCallout { color: #000000; }
.helpCalloutdate { color: #000000; font-size: 10px; }
.helpFooter { color: #EEEEFF; font-size: 10px; }

.helpTopnavBg { background-image: url(/images/06help/04topnavbg.gif); background-repeat: repeat-x; }
.helpLeftnavBg { background-image: url(/images/06help/08leftnavbg.gif); background-repeat: repeat-y; }
.helpFooterBg { background-image: url(/images/06help/12footerbg.gif); background-repeat: repeat-x; }

.helpSubBg { background-image: url(/images/06help/23subbg.gif); background-color: #000055; }
.helpBg { background-color: #000055; }

/* CONTACT */
.contactCallout { color: #000000; }
.contactCalloutdate { color: #000000; font-size: 10px; }
.contactFooter { color: #CCCCCC; font-size: 10px; }

.contactBg { background-color: #441100; }

/* ROADTRIP */
.roadtripFooter { color: #FFFFFF; font-size: 10px; }
.roadtripBg { background-color: #6699CC; }
.roadtripLink { color: #000099; }