body
{
   font: 12pt;
   font-family: Comic Sans MS;
   color: #aaaa33;
   background-color: #aaaa33;
   text-align: center;
   padding:0px;
}

#wrapper
{
   width: 728px;	
   text-align: center;
   margin-left:auto;
   margin-right:auto;
   background-color: #000066;
}

#contentHolder
{
   text-align:justify;
   margin-left:auto;
   margin-right:auto;
   width: 708px;
   background-color: #000066;
}

div
{
   margin-bottom:0px;
   margin-top:0px;
   margin-left:0px;
   margin-right:0px;
   padding:0px;
}

#main
{
   float: right;
   width: 708px;	   	
}

#linksAndHostedBy
{
  width: 530px;
  height: 70px;
  background-color: #000066;
}

#mainlinks
{
  width: 410px;
  height: 54px;
  float: left;
}

#hostedBy
{
  width: 120px;
  height: 70px;
  float: right;
}

#mainlinks a	
{	 
  text-decoration: none;
  color: #00ffff; 
}

#footer
{
   clear:both;
   text-align:left;  
}

#news
{
   text-align:center;
}

#slideshow
{
   text-align: left;
}
.scratchProj
{
  margin: 5px;
  width: 708px;
  height: 400px;
}

.scratchDscrpt
{
  
}
.applet
{
  padding:10px;
}
.blck
{
   width: 100px;
   height: 170px;
   float: left;
   margin: 9px;
   background: #aa0000;
   font-size: 80%;
}
#blck2
{
   width: 112px;  
   float: left;
}
#blck3
{
   width: 570px;
   height: 170px;
   float: right;
}
#blck4
{
  width: 112px;
  float: left;
}

.indent { margin-left: 10px; }
h4 { margin-bottom: 0px; }

form 
{
   margin: 0px;
}


#contentHolder a:link		{color: #00ffff;}
#contentHolder a:visited	{color: #00ffff;}
#contentHolder a:active		{color: #ffffff;}
#contentHolder a:hover		{color: #0033ff;}



h1 	{font-size: 130%;}
h3	
{
   margin-top: 10px; 
   margin-bottom: 0px;  
   color:#aaaa33;
   clear: both;
}
hr { clear: both; margin-top: 10px; }
p  { clear: both; }


.style1 {font-size: large}
.style2 {font-size: 90px}
.style3 {font-size: xx-large}
.style4 {font-size: x-large}

.item {margin: 10px;}

b { color: ffffff; }