/* Stylesheet by JM (www.iseeyou-designs.com) */

html{
	padding:0;
	margin:0;
        position:relative;
}

body{
	background:#FFF;
	margin:0;
	padding:0;
        color:#000;
	font-size:62.5%;
	text-align:center;
}

body p {
        font-family:"Trebuchet MS",arial,sans-serif;
}

strong {
        color:#666;
}

h1{
	font-family:"Trebuchet MS",arial,sans-serif;
	font-size:2.6em;
	font-weight:normal;
	padding:0 0 10px 50px;
	margin:20px 5px 5px 0;
        color:#555;
}

h2{
	color:#999;
	font-family:geneva,arial,sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:0.8em;
	font-weight:bold;
	padding:0 20px;
	margin:0;
}

h3{
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	font-size:1.4em;
	margin:0 0 0 10px;
        color:#555;
}

p{
	line-height:1.6em;
}

a{
	text-decoration:none;
	color:#0022ff;
}

a:hover{
	color:#3355ff;
        text-decoration:underline;
}

#border{
	width:900px;
	padding:0;
	margin:0 auto;
	border-color:#EEEEFF;
	border-style:solid;
	border-width:0 5px;
}

#sidebar {
        float:left;
}

#sidebar p {
        margin:0;
        line-height:1.2em;
        font-size:100%;
}

#sidebar a {
        margin:0 0 0 4px;
        line-height:1.2em;
        font-size:100%;
        display:block;
}

#container{
	font-size:1.2em;
	text-align:left;
	margin:0 auto;
	padding:10px;
	background-color:#fff;
	border-color:#663;
	border-style:solid;
	border-width:0 1px;
}

#header{
        position:relative;
	width:90%;
	border-bottom:1px solid #EEEEFF;
	margin:0 0 30px 0;
}

#header h2 {
	position:relative;
	top:-15px;
	left:30px;
        margin-bottom:6px;
}


#footer{
	text-align:center;
	margin:50px auto 0 auto;
	padding:0;
	color:#669;
	font-size:0.8em;
	letter-spacing:2px;
}
#footer span{
	background-color:#fff;
	padding:1px 5px;
	border-color:#9aba11;
	border-style:solid;
	border-width:1px;
}


#b { position:relative;width:370px;height:370px;border:solid 2px #666;background-color:#FFF;margin:0 6px 0 20px;float:left }
.bb { width:122px;height:122px;border:solid 2px #666;float:left }
.bbb { width:40px;height:37px;padding-top:3px;border:solid 1px #999;float:left;font-size:28px;text-align:center; }
#pb { display:none;position:absolute;z-index:4;left:20px;top:20px;width:62px;height:62px;border:solid 2px #666;background-color:#FFF }
.pbb { width:20px;height:18px;padding-top:2px;border:solid 1px #999;float:left;font-size:14px;text-align:center }
#pb:hover { cursor:pointer }
.pbb:hover { background-color:#E0EEEE }
.puu { position:absolute;left:0px;top:0px;z-index:3;display:none }
.ppaw { opacity:1.0;position:absolute;left:0px;top:0px;display:none;z-index:5;width:18px;height:18px;background-image:url(catpawprints.gif) }

#y { float:right;clear:right;position:relative;width:190px;height:190px;border:solid 2px #999;background-color:#FFF;margin:0 28px 16px 20px;color:#999 }
.yy { width:62px;height:62px;border:solid 2px #999;float:left }
.yyy { width:20px;height:17px;padding-top:3px;border:solid 1px #CCC;float:left;font-size:11px;text-align:center; }
#y:hover { cursor:default; }

.sudcontrol {
  padding-left: 8px;
  background-image: url(arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 -7px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height:18px;
}

.sudcontrol:hover {
  text-decoration:underline;
  cursor:pointer;
}

#gad {
  width:200px;
  height:200px;
  float:right;
  margin:0 60px 30px 0;
}

#bstatus {
  margin:0 0 0 22px;
  padding:0;
  color:#333;
  font-size:110%;
}

#ystatus {
  float:right;
  clear:right;
  width:200px;
  text-align:right;
  margin:0 28px 0 0;
  color:#999;
}