body {
background-color:#000;
color:#fff;
font-family:times, serif;
}


/* this next DIV is encasing the whole page, as to make it centered.
Everything is nested within this DIV. */

div.main {position:relative;
margin-left:auto; margin-right:auto;
margin-bottom:20px; width:750px; border-style:none;
}


div.title {
position:relative; margin-left:auto; margin-right:auto;
 height:242px; width:562px;
background-image:url('gr/title.gif');
border-style:none; color:#fff;
}

div.title h1 {visibility:hidden;}
div.title p {visibility:hidden;}


div.links {position:relative; top:-40px; margin-bottom:-70px;}

a {
 position:relative; display:block; border-style:none;
 height:286px;  width:350px; z-index:100; margin:0px;
}


a span {display:none;}

a.cards {background:url('gr/link_game.jpg') 0 0 no-repeat;}
a.cards:hover {background-position: -350px 0;}

a.doctrine {background:url('gr/link_doctrine.gif') 0 0 no-repeat; float:right; top:-306px; left:-20px; margin-bottom:-300px;}
a.doctrine:hover {background-position: -350px 0;}


p {text-align:center;}


div.title_inside {
position:relative; margin-left:auto; margin-right:auto;
 height:86px; width:562px;
background-image:url('gr/title_inside.gif');
border-style:none; color:#fff; margin-bottom:20px;
}
div.title_inside h1 {visibility:hidden;}

div.content {padding:10px; background-color:#d7d2d6; color:#000; text-align:center;}