body {
	margin: 0;
	padding: 0;
 background-image: url(background_ss.png); /** Link to the image you created **/
        background-repeat: repeat-y; /** Repeats the image vertically **/
        background-position: center; /** Centers the Background image **/
        background-color: #e1e2e3; /** Website BG colour (matches canvas colour in Step 1) **/

}

#logo {
background-image: url(banner.png);
 background-repeat: no-repeat;
 background-position: top right;
 padding: 0;
 width: 810px;
 height: 160px;
}
#wrapper {
 width: 810px;
 margin-left: auto;
 margin-right: auto;
 background-color: #FFFFFF;
 color: #000000;
 padding: 0;
}
#content {
padding: 0;
text-align: left;
}
p, td {
font: 0.8em Verdana, Arial, Helvetica, sans-serif;
 margin: 20px;
}
a:link {
text-decoration: none;
 font:  Verdana, Geneva, sans-serif;
  font-weight: bold;
color: #00C;
}
a:hover {
text-decoration: none;
background-color: #FF9 ;
font:  Verdana, Geneva, sans-serif;
color: #00C;
}
a:visited {
text-decoration: none;
font-weight: bold;
color: #900;
}
a img{
	border: none;
	}
h1{
margin: 20px;
font: 20px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #0000AB;
}
h2{
    margin: 20px;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #0000AB;
}
h3{
    margin: 20px;
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
}
h4 {
    margin: 20px;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #000099;
	border-bottom: 1px dotted #000000;
	}
td img {
	display: block;
}

#bar
{
	position:relative;
	width: 810px;
	height:57px;

	background: url(barSS.png) no-repeat;
}

.menuLink
{
	height:37px;
	width: 100px;
	text-align:center;
	float:left;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #FFF;
	padding-top:18px;
}

.menuLink a
{
text-decoration: none;
 font:  Verdana, Geneva, sans-serif;
  font-weight: bold;
color: white;
}

.menuLink a:hover
{
text-decoration: none;
background-color: transparent;
font:  Verdana, Geneva, sans-serif;
color: #fff11f;
}


.menuLink:hover
{
	background: url(barSS1.png) repeat-x;
}

	

/* set millions of background images */
.rbroundbox { background: url(nt1.gif) repeat; }
.rbtop div { background: url(tl1.gif) no-repeat top left; }
.rbtop { background: url(tr2.gif) no-repeat top right; }
.rbbot div { background: url(bl1.gif) no-repeat bottom left; }
.rbbot { background: url(br1.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 80%; margin: 25px; }
	
.rightimg {
  float: right;
  padding-left: 10px;
} 
.leftimg {
  float: left;
  padding-right: 10px;
}
.first {
	font-size: 16px;
	font-weight: bold;
	color: #0000AB;
	background-color: #fff691;
}
.clear {
  clear: both;
} 
.new {
font-weight: bold; 
color: #660000; 
font-size: 1.0em;
background-color: #b7dca0;
}
.picture { background-color: #F9F9F9;
border: 1px solid #CCCCCC; padding: 3px;
font: 11px/1.4em Arial, sans-serif; }
.picture img { border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 3px; }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 
#footer {
	width: 810px;
    height: 30px;
	background-image: url(footer1.png);
	background-repeat:no-repeat;
   
text-align:center;
font-size:9px;
color:#386172;
padding-top:26px;
}
.sound  {
 background-color: #9DD8D4;
}
.frame {
	width: 95%;
	margin: 10px;
	background-color: transparent;
	border: 1px solid #360;
	
}
.frame h1 {
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	background-color: #529a26;
	margin: 0;
	padding: 10px;
}