body { 
	
	font-family: verdana, arial, helvetica, sans-serif;  
	font-size: 10px; 
	color: #291726; 
	margin-top:15px; 
	background:#C188AD;
	}


#container {
   	margin: 0 auto; 
	width:800px;
	background:#824F73;

	}
	
#border {
	
	border: 3px solid #291726;


	}

#padder {
   	
	padding-top:20px; 
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;

   	}

#outline {
	border: 3px solid #291726; 
	text-align: left;
	padding: 0px 0px 0px 0px;
	line-height: 150%;
	width:750px;
	height: 400px;
	background:#FFFFCC;

	}

#header {

   	position:relative;
   	width:800px;
   	background-color:#C188AD;
  	height:135px;
   	background: url(../images/serendipitystars7.gif)  no-repeat; 
    
	} 

#navigation  {

	position: relative;
	text-align:left;
	top: 100px;
	width: 750;
	height: 30;
	background: url(../images/nav.gif) no-repeat scroll left top;

	}

#navigation ul {

	margin: 0px;
	padding-left: 0px; 
	padding-top: 5px;
	padding-bottom: 5px;

	}

#navigation li { 

	list-style-type: none; 
	padding-left: 15px; 
	padding-right: 3px;
	display: inline;

	}


a {
	color: #291726;
	text-decoration: none; 
	border:none;
	font-weight:bold;
	font-size:10px;

	}

img {

	border: 2px solid #291726;

	}


#mainbody {
	
	text-align: left;
	padding: 5px 5px 5px 5px;

	}


#imagebox {

	float: left;
	width: 100px;
	height: 100px;
	margin-top: 10px;

	}

#statbox {

	float: left;
	width: 200px;
	height: 100px;
	margin-top: 10px;
	margin-left: 50px;

	}

#descbox {

	float: right;
	width: 40%;
	height: 100px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 15px;
	padding-right: 15px;

	}

#actionbox {

	width: 350px;
	height: 120px;
	margin-top: 100px;
	text-align: left;

	}



#slideshow {

	margin: 10px 50px 10px 50px;

	}

#imagepop {

	font: verdana;
	font-size: 10px;
	font-weight: bold;
	
	}


h1  {
	color: #824F73; 
	font-size:14px; 
	line-height:150%;
	text-align: center;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
	
	}

h2  {
	color: #824F73;
	font-size: 11px;
	text-align: left;

	}


h3  {
	color: #824F73;
	padding-top: 15px;
	font-size: 9px;
	text-align: center;

	}

#copyright { 

	width: 735px; 
	text-align: center
	padding-top: 10px; 
	padding-bottom: 10px;
	
	}


div.float {

  	float: left;
	padding-top: 12px;
	padding-right: 20px;
	padding-left: 20px;
 
	}
  
div.float p {

   text-align: center;

   }
