@charset "UTF-8";
/* CSS Document */

body {text-align:center}

div#page {
margin-top:10px;
margin-left: auto;
margin-right:auto;
padding:0;
width:800px;
}

div#header {
position:relative;
margin:0;
padding:0;
width:784px;
height:90px;
background-color:#FFF;
}

p#pagetitle {
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	position:absolute;
	margin:0;
	left:0px;
	bottom:5px;
	color: #000000;
}

p#pagetitle span {
	color: #000;
}

img#zone {
width:90px;
height:90px;
border:none;
position:absolute;
left:220px;
bottom:0px;
margin:0;
}

p#zoneselect {
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	color:#CCCCCC;
	text-align:left;
	position:absolute;
	margin:0;
	right:0px;
	bottom:7px;
}

p#zoneselect a {
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Geneva, sans-serif;
	text-decoration:none;
	color:#CCCCCC;
}

p#zoneselect a:hover {
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Geneva, sans-serif;
	text-decoration:none;
	color:#000000;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #000000;
}
p#zoneselect span {
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Geneva, sans-serif;
	text-decoration:none;
	color:#000000;
}

div#content {
margin:0;
padding:0;
position:relative;
height:425px;
background-color:#FFF;
}

dl#photo {
position:absolute;
left:0px;
top:0px;
width:400px;
height:425px;
margin:0;
padding:0;
}

dl#photo dd {
margin:0;
border:none;
}

dl#photo dt {
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Geneva, sans-serif;
	font-size: 0.6em;
	text-align:left;
	width:400px;
	line-height:1.4em;
	background-color:#FFFFFF;
	color: #999999;
	text-decoration: none;
	padding-top:5px;
}

dl#photo dt a{
	color: #999999;
	text-decoration: none;
	padding-top:5px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #999999;	
}

dl#photo dt a:hover{
	color: #000000;
	text-decoration: none;
	padding-top:5px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #000000;
}

ul#tableau {
position:absolute;
left:400px;
top:0px;
width:400px;
height:400px;
margin:0;
padding:2px;
}

ul#tableau li {
	display:inline;
	width: 33px;
	height:33px;
	float: left;
    border:none;
    padding:0;
	margin:0;

}

ul#tableau li a img {
border:none;
}

a.point { 
    background-image: url('im/point33.gif');
	display:inline;
	width: 33px;
	height:33px;
	float: left;
    border:none;
    padding:0px;
}

a.point:hover {
    background: url('im/point33.gif') 0 -33px;
	display:inline;
	width: 33px;
	height:33px;
	float: left;
    border:none;
    padding:0px;
}

a.pointbomb { 
    background-image: url('im/pointbomb.gif');
	display:inline;
	width: 33px;
	height:33px;
	float: left;
    border:none;
    padding:0px;
}

a.pointbomb:hover {
    background: url('im/pointbomb.gif') 0 -33px;
	display:inline;
	width: 33px;
	height:33px;
	float: left;
    border:none;
    padding:0px;
}