/* html { background:url(gui/spots.png) #63C top center fixed; } */

body
{
	display:block;
	margin:0px;
	padding:0px;
	width:100%;
    cursor:default;
    overflow-y:scroll;
}
#watermark { display:block; position:absolute; top:0px; left:0px; width:100%; }
img#top    { display:block; position:fixed;    top:0px; left:0px; width:100%; }
img#bottom { display:block; position:fixed; bottom:0px; left:0px; width:100%; }
address    { display:none; }
#column
{
	min-height:100%;
	display:block;
	position:relative;
	margin:0px auto;
  padding: 0px 0px 10px 0px;
	width:620px;
}
button
{
	float:right;
	font-size:15px;
	font-weight:900;
	z-index:10;
}
#content
{
	margin:0px auto;
	padding:0px;
	width:588px;
}

h1
{
        margin: 0px auto;
       padding: 0px;
     font-size: 2px;
         color: white;
}
h1#logo
{
         width: 612px;
        height: 140px;
    background: url(/gui/logo.png) transparent center bottom no-repeat;
}
p { margin:20px 0px; }

/* ************************************** */
h2
{
margin:0px; padding:2px;
}


h3
{
margin:0px; padding:0px; margin-top:20px;
}
h4
{
color:#999;
margin:0px; padding:0px; margin-top:20px;
}
ul
{
margin:0px; padding:20px;
}
li
{
margin:0px; padding:5px 0px;
}
/* ************************************** dictionary */
dl, dt, dd
{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	border:0px none;
}
dl
{
  margin: 0px  20px  30px 20px;
}
dt
{
	cursor:pointer;
	padding:2px;
	padding-left:20px;
	margin-top:15px;
    z-index:2;
}
dd
{
margin-top:-5px;
padding:20px;
padding-top:8px;
}
/* #################################################################### FONTS */
body
{
	font-family: Arial Rounded MT Bold, Helvetica, Arial, Verdana, Trebuchet MS, sans-serif;
	font-size:15px;
	color:black;
	font-weight:900;
}
dt, h3
{
	font-size:20px;
	font-weight:900;
}
dt.closed:hover, dt.opened
{
	color:white;
}
/* ############################################################## BACKGROUNDS */
body
{
	background:url(gui/largespots.png) #769 top center fixed;
}
#column
{
	background:url(gui/largespots.png) white top center fixed;
}
dt
{
  background:url(gui/largespots.png) #CCC top center fixed;
}
dt.closed:hover, dt.opened
{
	background:url(gui/largespots.png) #63C top center fixed;
}
.closed:hover, .opened, a:hover, hr.dot
{
	background-color: #63C;
}
dd
{
	background: url(gui/topblackarc.png) white top center no-repeat;
}
/* ################################################################## BORDERS */
#column
{
	border:18px double #CCC;
	border-top:0px none;
}
#content
{
	border:6px solid #000;
	border-top:0px solid;
}
dt, dd
{
  border-left: 6px solid #63C;
}
dt
{
	border: 0px solid black;
}
dt.closed:hover, dt.opened
{
	border-color: #63F;
}
dt.closed
{
		border-color: #666;
}
dt.opened
{
  border-bottom: 0px solid white;
}
dd
{
	border: 6px solid #63C;
border-top: 0px solid white;
}
h3
{
border-top:1px solid black;
}
/* ############################################################ ROUND CORNERS */
#column
{
	         border-bottom-left-radius: 100px;
       -moz-border-radius-bottomleft: 100px;
   -webkit-border-bottom-left-radius: 100px;
}
#content
{
           border-bottom-left-radius: 80px;
       -moz-border-radius-bottomleft: 80px;
   -webkit-border-bottom-left-radius: 80px;
}
dt
{
           border-top-right-radius: 25px;
       -moz-border-radius-topright: 25px;
   -webkit-border-top-right-radius: 25px;
}
dt.closed
{
              border-bottom-left-radius: 25px;
          -moz-border-radius-bottomleft: 25px;
      -webkit-border-bottom-left-radius: 25px;
}
dd
{
           border-bottom-left-radius: 100px;
       -moz-border-radius-bottomleft: 100px;
   -webkit-border-bottom-left-radius: 100px;
}
/* ################################################################## SHADOWS */
#column
{
  	           box-shadow: 5px 5px 20px #000;
	        -moz-box-shadow: 5px 5px 20px #000;
	     -webkit-box-shadow: 5px 5px 20px #000;
}
dt.closed
{
	             box-shadow: 5px 5px 20px #000;
          -moz-box-shadow: 5px 5px 20px #000;
       -webkit-box-shadow: 5px 5px 20px #000;
}
/* ########################################################################## */
