body
{
background-image:url('images/xmasbg.png');
background-repeat:repeat-x;
}
.debug
{
font-size: 8pt; 
font-family: arial;
background-color: #ffffff;
text-align:center;
position:absolute;
float:left;
left:10px;
top:550px;
color:#006b84;
display:none;
} 
.msg
{

font-size: 8pt; 
font-family: arial;

text-align:center;
float:left;
position:absolute;
left:900px;
top:40px;

} 
.display
{
height:550px;
width:850px;
font-size: 10pt; 
font-family: arial;
background-color: #ffffff;
text-align:center;
float:left;
position:absolute;
left:20px;
top:20px;
color:#006b84;
}
.draw
{
height:500px;
width:800px;
font-size: 10pt; 
font-family: arial;
background-color: #ffffff;
text-align:center;
float:left;
position:absolute;
left:20px;
top:20px;
color:#006b84;
}
.main
{
width:800px;
height:600px;
font-size: 10pt; 
font-family: arial;
background-color: #ffffff;
text-align:left;
float:left;
position:absolute;
left:20px;
top:130px;
color:#006b84;
display:block;

}
.eotrmsg
{
width:460px;
font-size: 10pt; 
font-family: arial;
background-color: #ffffff;
text-align:left;
float:left;
position:absolute;
left:20px;
top:10px;
color:#006b84;
display:block;
}
.eotrmenu
{
width:300px;
font-size: 10pt; 
font-family: arial;
background-color: #ffffff;
text-align:left;
float:left;
position:absolute;
left:500px;
top:10px;
color:#006b84;
display:block;
}
.titlebarWide
{
display:block;
height:120px;
width:100%;
background-image: url("./images/bgTopbar.jpg");
background-repeat:  repeat-x;
position:relative;
left:0px;
top:0px;
}
.fullwrapWide
{
 margin: 0 auto;
 width:100%;
  /*border: medium double rgb(255,255,255);*/
 
}
.titlebg
{
height:115px;
width:220px;
background-image: url("./images/RS_Title_Background_100.gif");
background-repeat:  no-repeat;
position:relative;
left:3px;
top:-115px;
}

a.title
{
display:block;
height:55px;
width:220px;
background-image: url("./images/randomsketches3.gif"); 
background-repeat:  no-repeat;
position:relative;
left:1px;
top:-200px;
}
a.title:hover
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
a.menuitem1
{
display: block;
height:50px;
width:300px;
font-size: 11px;
font-weight: bold;
text-align: left;
padding-top: 5px;
padding-left: 10px;
/*border: medium double rgb(0,0,0);*/
background-image: url("images/but_Chapter01.png");
position:relative;
left:0px;
margin:0px 0px 0px 0px;
background-repeat:no-repeat;
text-decoration: none;
}
a.menuitem1:hover
{
background-image: url("images/but_Chapter01_hov.png");
background-repeat:no-repeat;
text-decoration: none;
font-size: 13px;
color: #aaaaaa;
}
a.menuitem2
{
display: block;
height:50px;
width:300px;
font-size: 11px;
font-weight: bold;
text-align: left;
padding-top: 5px;
padding-left: 10px;
/*border: medium double rgb(0,0,0);*/
background-image: url("images/but_Chapter02.png");
position:relative;
left:0px;
margin:0px 0px 0px 0px;
background-repeat:no-repeat;
text-decoration: none;
}
a.menuitem2:hover
{
background-image: url("images/but_Chapter02_hov.png");
text-decoration: none;
font-size: 13px;
background-repeat:no-repeat;
color: #aaaaaa;
}
a.menuitem3
{
display: block;
height:50px;
width:300px;
font-size: 11px;
font-weight: bold;
text-align: left;
padding-top: 5px;
padding-left: 10px;
/*border: medium double rgb(0,0,0);*/
background-image: url("images/but_Chapter03.png");
position:relative;
left:0px;
margin:0px 0px 0px 0px;
background-repeat:no-repeat;
text-decoration: none;
}
a.menuitem3:hover
{
background-image: url("images/but_Chapter03_hov.png");
text-decoration: none;
font-size: 13px;
background-repeat:no-repeat;
color: #aaaaaa;
}
a.menuitem4
{
display: block;
height:50px;
width:300px;
font-size: 11px;
font-weight: bold;
text-align: left;
padding-top: 5px;
padding-left: 10px;
/*border: medium double rgb(0,0,0);*/
background-image: url("images/but_Chapter04.png");
position:relative;
left:0px;
margin:0px 0px 0px 0px;
background-repeat:no-repeat;
text-decoration: none;
}
a.menuitem4:hover
{
background-image: url("images/but_Chapter04_hov.png");
text-decoration: none;
font-size: 13px;
background-repeat:no-repeat;
color: #aaaaaa;
}
a.menuitem5
{
display: block;
height:50px;
width:300px;
font-size: 11px;
font-weight: bold;
text-align: left;
padding-top: 5px;
padding-left: 10px;
/*border: medium double rgb(0,0,0);*/
background-image: url("images/but_Chapter05.png");
position:relative;
left:0px;
margin:0px 0px 0px 0px;
background-repeat:no-repeat;
text-decoration: none;
}
a.menuitem5:hover
{
background-image: url("images/but_Chapter05_hov.png");
text-decoration: none;
font-size: 13px;
background-repeat:no-repeat;
color: #aaaaaa;
}
a.menuitem6
{
display: block;
height:50px;
width:300px;
font-size: 11px;
font-weight: bold;
text-align: left;
padding-top: 5px;
padding-left: 10px;
/*border: medium double rgb(0,0,0);*/
background-image: url("images/but_Chapter06.png");
position:relative;
left:0px;
margin:0px 0px 0px 0px;
background-repeat:no-repeat;
text-decoration: none;
}
a.menuitem6:hover
{
background-image: url("images/but_Chapter06_hov.png");
text-decoration: none;
font-size: 13px;
background-repeat:no-repeat;
color: #aaaaaa;
}
a.menuitem7
{
display: block;
height:50px;
width:300px;
font-size: 11px;
font-weight: bold;
text-align: left;
padding-top: 5px;
padding-left: 10px;
/*border: medium double rgb(0,0,0);*/
background-image: url("images/but_Chapter07.png");
position:relative;
left:0px;
margin:0px 0px 0px 0px;
background-repeat:no-repeat;
text-decoration: none;
}
a.menuitem7:hover
{
background-image: url("images/but_Chapter07_hov.png");
text-decoration: none;
font-size: 13px;
background-repeat:no-repeat;
color: #aaaaaa;
}
a.menumain
{
display: block;
height:50px;
width:300px;
font-size: 11px;
font-weight: bold;
text-align: left;
padding-top: 5px;
padding-left: 10px;
/*border: medium double rgb(0,0,0);*/
background-image: url("images/but_MainPage.png");
position:relative;
left:0px;
margin:0px 0px 0px 0px;
background-repeat:no-repeat;
text-decoration: none;
}
a.menumain:hover
{
background-image: url("images/but_MainPage_hov.png");
text-decoration: none;
font-size: 13px;
background-repeat:no-repeat;
color: #aaaaaa;
}
.myFontwrap
{
	background-image: none;
	padding:3px 3px 3px 3px;
	display:block;
	width:894px;
	border-width: 3px; 
	display:block;
 float: left;
}
.myCanvas
{
	display:block;
	border-style : outset; 
	border-width: 3px; 
 float: right;
}
.GameButton
{
font-size: 14pt; 
font-family: arial;
background-color: #ffffff;
text-align:center;
position:absolute;
left:280px;
top:140px;
color:#006b84;
display:block;
border-width: 3px;
border-style : outset;  
}