/* Basics CSS*/

body {
 margin: 40px 0;
 color: #333;
background-color: #ffcece;
background-image: url("purplemist.jpg");
 padding:0;
 font-size: 101.1%; 
font-family: "Comic Sans MS", arial, sans-serif;
 }



#outer {
 width: 650px;
 margin: 0 auto;
border-style: ridge;
border-width:  1px; 

border-color: #ff80c0;
background-image: url("lavendar.gif");
 }





#nav h2 {

}

#cont {
 float: left;
 width:600px;
 padding: 1.5em;
    min-height: 100%;
    height: auto;
border-width:  2px; 
/* Hack for IE */
* html #Content 
    height: 100%;
}




#ftr {
 clear: both;
 color: #fff;
 background:#ff80ff;
 font-size: 0.8em;
 text-align: center;
 border-top: 1px solid #000;
 margin: 1em 0 0 0;
 }


#floatright {
float: right;
margin-top: 0px;
margin-bottom: 2px;
margin-left: 2px;
margin-right: 0px;
padding-left: 10px;
padding-bottom: 0px;
padding-top: 0px;
padding-right: 0px; 
}

ul.front
{
list-style-type: round;
padding: 0;
margin-top: 10px;
margin-bottom:9px;
margin-left: 52px;
margin-right: 52px;
text-align: left;
line-height:25px;
font-family: "Comic Sans MS",arial,sans-serif; font-size: 120%; color: #b000b0; text-align: left; 
}
#navlist
{
padding-top: 10px; 
padding-bottom: 10px;
padding-left: 2px;
padding-right: 2px; 
margin-left: 1.0em;
margin-right: 1.0em; 
font-weight: bold;
color: #000000;
font-family: Tahoma,arial,serif; font-size: .75em;
background-image: url("lavendar.gif");
}

#navlist li
{
list-style: none;
margin: 0;
border: 1px solid #000000;
margin-left: 1px; 
display: inline;

}

#navlist li a
{
padding: .2em;
border: 1px solid #ffffff;
background: #ffc6e2;


color: #ffffff;
text-decoration: none; 
}

#navlist li a:link { color: #000000;
 }
#navlist li a:visited { color: #800080; }

#navlist li a:hover
{
border-color: #000000;
color: #FfffFF;
text-decoration: underline; 
background: #ff80c0; }

ul#navlist li#active a
{
background-image: none;
background-color: #800040;
color: #ffffff;
}