html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin: 0;
 font-size: 76%;
 font-weight: bold;
 background:url(images/starscolored.jpg) #f9e4ae;color: #FFFFFF
 }
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background:url(images/starsfalling.gif)  #EEE;color: #79B30B}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:url(images/stars-farout.gif)#B9CAFF}
div#extra{background:url(images/stars-farout.gif) #4F55A1}
div#footer{background: #4F55A1;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

div#container{width:700px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin-left: 300px}
div#navigation{float:left;width:150px;margin-left:-550px}
div#extra{float:left;width:150px;margin-left:-700px}
div#footer{clear:left;width:100%}


#links ul {
        list-style-type: none;
        width: 100px;
} 

#links li {
        border: 1px dotted #999;
        border-width: 1px 0;
        margin: 5px 0;
}

#links li a { 
        color: #990000;
        display: block;
        font: bold 120% Arial, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */
 width: 400px;
}

#links li a:hover {
        background: #ffffcc;
}

#links a em { 
        color: #333;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}

#links a span {
        color: #125F15;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}