/* CSS Document */

html {margin: 0; padding: 0;}
body {
   margin: 0; padding: 0;
   background: url(http://www.shiffrar.com/images/gp-greyribbon.gif) top left repeat-x;
   text-align: center;}
h1 {font-size: 200%;}
h3 {font-size: 133%; margin: 0; padding: 0;}
h1, h3, h4 {line-height: 1em;}

div#container {text-align: left; width: 720px; height: 480px; margin-left: auto; margin-right: auto;  margin-top: 15px; border: 4px #FD9 dotted; padding-bottom: 20px;}


div#banner {padding: 0; border: 0; height: 145px; }
div#banner img.sitename { margin-top: 18px;  margin-bottom: 25px; margin-left: 30px; }
div#banner img.sitename-subcat { margin-top: 18px; margin-bottom: 25px; }
div#banner p {text-align: right; font: 11px Arial, Helvetica, sans-serif;  margin-right: 20px;  margin-top: -70px; }
div#banner a.navlink { text-decoration: none; color: #228; margin-right: .3em;}
div#banner a.navlink:hover {
	background: #fec;
	text-decoration: none;
	border-bottom: 5px;
	border-bottom-style: solid;
	border-bottom-color: #789;
}

div#grid {padding: 0; border: 0; width: 300px; }
div#grid table {margin: 10px 5px 0px 26px; border:1px #ccc solid; } 
div.arrowsnumbers  {margin-left: 73px; }
div.arrows  {width: 50px; margin-left: 105px; }

div#forselected {padding:0; border: 0; margin: -360px 0px 0px 315px;}
div#forselected table {table-layout: fixed; width: 350px; height: 350px; }
div#forselected td {text-align: center; vertical-align: middle;}
div#forselected img#selected {border: 5px solid #ccc;}

div#footer {
text-align: left;
	width: 700px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	font: 12px Arial, Helvetica, sans-serif;
	color: #c95;
}

div#footer a { text-decoration: none; color:#c95; }
div#footer a:hover {text-decoration:underline; color:#853; }