/* general.css: styles for Maxim Dlugy web site */

#body { margin: 0px;  padding: 0px; }

#page { position: absolute;  left: 50%; width: 760px; margin-left: -380px; }

#banner { position: absolute; width: 760px;  height: 173px;  top: 0px;  border-bottom: 0px;
	background-image: url(../images/md-banner.jpg); }

#left_panel { position: absolute;  top: 175px;  left: 0px;  width: 144px; height: 100%; min-height: 326px; }

#center_panel { position: relative; top: 175px; left: 149px; width: 462px; margin: 0; padding: 0;
background-color: #ddeeff; min-height: 510px; }
/* IE 5/6 hacks: * html hack, box model hack */
/*\*/* html #center_panel { padding-bottom: 200px; }
/* end IE 5/6 hacks */

#right_panel { position: absolute;  top: 175px; right: 0px;  width: 144px; height: 100%; overflow: hidden; }

#main_menu { left: 0px;  width: 144px; height: 100%; min-height: 480px; overflow: hidden; }

#games_menu { left: 0px; width: 144px; height: 100%; min-height: 490px; overflow: hidden; }

#games_title { left: 0px; width: 144px; height: 32px; overflow: hidden; padding-top: 5px; color: white;
	background-image: url(../images/t_game_center.jpg); background-color: blue; }

#games_pic { left: 0px; width: 144px; height: 140px; overflow: hidden;
	background-image: url(../images/2006-US-Championship.png); }

#m_filler { width: 144px; height: 100%; background-image: url(../images/menu_filler.jpg); 
	background-repeat: repeat; }

#g_filler { width: 144px; height: 100%; background-image: url(../images/game_filler.jpg);
background-repeat: repeat; }

.m_item { width: 144px; height: 36px; border-bottom: white solid 1px; }

.m_item a {display: block; width: 144px; height: 36px; }

#b_Main { width: 144px; height: 36px; border-top: white solid 1px; }
#b_Main a { background-image: url(../images/b_Main.jpg); }
#b_Main a:hover {background-image: url(../images/b_Main_over.jpg); }

#b_Background { width: 144px; height: 36px; border-top: white solid 1px; }
#b_Background a { background-image: url(../images/b_Background.jpg); }
#b_Background a:hover { background-image: url(../images/b_Background_over.jpg); }

#b_Tournaments { width: 144px; height: 36px; border-top: white solid 1px; }
#b_Tournaments a { background-image: url(../images/b_Tournaments.jpg); }
#b_Tournaments a:hover { background-image: url(../images/b_Tournaments_over.jpg); }

#b_Blitz_Chess { width: 144px; height: 36px; border-top: white solid 1px; }
#b_Blitz_Chess a { background-image: url(../images/b_Blitz_Chess.jpg); }
#b_Blitz_Chess a:hover { background-image: url(../images/b_Blitz_Chess_over.jpg); }

#b_USCF_President { width: 144px; height: 36px; border-top: white solid 1px; }
#b_USCF_President a { background-image: url(../images/b_USCF_President.jpg); }
#b_USCF_President a:hover { background-image: url(../images/b_USCF_President_over.jpg); }

#b_Career { width: 144px; height: 36px; border-top: white solid 1px; }
#b_Career a { background-image: url(../images/b_Career.jpg); }
#b_Career a:hover { background-image: url(../images/b_Career_over.jpg); }

#b_Photos { width: 144px; height: 36px; border-top: white solid 1px; }
#b_Photos a { background-image: url(../images/b_Photos.jpg); }
#b_Photos a:hover { background-image: url(../images/b_Photos_over.jpg); }

#b_Videos { width: 144px; height: 36px; border-top: white solid 1px; }
#b_Videos a { background-image: url(../images/b_Videos.jpg); }
#b_Videos a:hover { background-image: url(../images/b_Videos_over.jpg); }

#g_Nina { width: 144px; height: 36px; border-top: white solid 1px; }
#g_Nina a { background-image: url(../images/g_Nina.jpg); }
#g_Nina a:hover { background-image: url(../images/g_Nina_over.jpg); }


#b_Picks { width: 144px; height: 36px; border-top: white solid 1px; }
#b_Picks a { background-image: url(../images/b_Picks.png); }
#b_Picks a:hover { background-image: url(../images/b_Picks_over.png); }

#b_Contact { width: 144px; height: 36px; border-top: white solid 1px; }
#b_Contact a { background-image: url(../images/b_Contact.jpg); }
#b_Contact a:hover { background-image: url(../images/b_Contact_over.jpg); }

#b_games { width: 144px; height: 36px; border-top: white solid 1px; }
#b_games a { background-image: url(../images/b_games.jpg); }
#b_games a:hover { background-image: url(../images/b_games_hi.jpg); }

#g_De_Firmian { width: 144px; height: 36px; border-top: white solid 1px; }
#g_De_Firmian a { background-image: url(../images/g_de_Firmian.jpg); }
#g_De_Firmian a:hover { background-image: url(../images/g_de_Firmian_over.jpg); }

#g_Gulko { width: 144px; height: 36px; border-top: white solid 1px; }
#g_Gulko a { background-image: url(../images/g_Gulko.jpg); }
#g_Gulko a:hover { background-image: url(../images/g_Gulko_over.jpg); }

#g_Howell { width: 144px; height: 36px; border-top: white solid 1px; }
#g_Howell a { background-image: url(../images/g_Howell.jpg); }
#g_Howell a:hover { background-image: url(../images/g_Howell_over.jpg); }

#g_Kasparov { width: 144px; height: 36px; border-top: white solid 1px; }
#g_Kasparov a { background-image: url(../images/g_Kasparov.jpg); }
#g_Kasparov a:hover { background-image: url(../images/g_Kasparov_over.jpg); }

#g_Peters { width: 144px; height: 36px; border-top: white solid 1px; }
#g_Peters a { background-image: url(../images/g_Peters.jpg); }
#g_Peters a:hover { background-image: url(../images/g_Peters_over.jpg); }

#g_Rohde { width: 144px; height: 36px; border-top: white solid 1px; }
#g_Rohde a { background-image: url(../images/g_Rohde.jpg); }
#g_Rohde a:hover { background-image: url(../images/g_Rohde_over.jpg); }

#g_Short { width: 144px; height: 36px; border-top: white solid 1px; }
#g_Short a { background-image: url(../images/g_Short.jpg); }
#g_Short a:hover { background-image: url(../images/g_Short_over.jpg); }

#g_Zapata { width: 144px; height: 36px; border-top: white solid 1px; }
#g_Zapata a { background-image: url(../images/g_Zapata.jpg); }
#g_Zapata a:hover { background-image: url(../images/g_Zapata_over.jpg); }

#g_Kasparov { width: 144px; height: 36px; border-top: white solid 1px; }
#g_Kasparov a { background-image: url(../images/g_Kasparov.jpg); }
#g_Kasparov a:hover { background-image: url(../images/g_Kasparov_over.jpg); }

#g_Kasparov_2 { width: 144px; height: 36px; border-top: white solid 1px; }
#g_Kasparov_2 a { background-image: url(../images/g_Kasparov_2.jpg); }
#g_Kasparov_2 a:hover { background-image: url(../images/g_Kasparov_2_over.jpg); }

/* Image captions, to be italic sans-serif, size needs both experimentation & tweaking */
.caption { font-family: Arial, sans-serif;  font-style: italic;  font-size: small;  text-align: center;
	top: 0px;  margin-top: 0px; }

/* Titles & text */
h1 { margin-top: 0; padding-top: 5px; margin-left: 18px; margin-right: 18px; font-family: Arial, sans-serif; font-weight: bold; }
h2 { margin-left: 18px; margin-right: 18px; }
h3 { margin-left: 18px; margin-right: 18px; }
h4 { margin-left: 18px; margin-right: 18px; }
p { margin-left: 18px; margin-right: 18px;  font-family: Arial, sans-serif;}