body {

	background-color:#A6E0E1;

	margin:0px; 

	padding:0px;

	} 



.maintext {

font-family:arial,verdana, georgia, sans-serif;

font-size:small;

font-style:normal;

text-align:left;

padding-bottom:15px;

padding-right:10px;

}



.textsmall {

font-family:arial,verdana, georgia, sans-serif;

font-size:10px;

font-style:normal;

color: #666666;

}



.question {

font-family:arial,verdana, georgia, sans-serif;

font-size:small;

font-style:normal;

color: #666666;

}



#main_layer {

  border:0px solid #000;

  font-family:arial,verdana, georgia, sans-serif;

  font-size:small;

  position: absolute;

  left: 40%;

  margin-left:-266px;

  text-align:left;

  top: 10px;

  width: 700px;

  z-index: 100;

}



#top_layer {

  font-family:arial,verdana, georgia, sans-serif;

  font-size:small;

  position: absolute;

  width: 700px;

  height: 200px;

  z-index: 200;

  left: 40%;

  margin-left:-267px;

  text-align:left;

}



/* Main sally kempton title */

#title{

		border:0px solid #000;

		position:absolute;

		top:25px;

		background:none;

		font-family:arial,verdana, georgia, sans-serif;

		text-align:left;

		font-size:large;

		font-weight: bold;

		color: #fff;

		letter-spacing: 1em;

		left: 20px;

		padding-bottom:0.3em;	

		width:100%; /* I have to specify a width for IE5 PC, or else it ignores the top-margin of the H1 element therein. But 100% is different in browsers without IE5x PC's broken box model, so I have to use the CSS2 selector trick to set the width to auto for those browsers*/

		voice-family: "\"}\"";

		voice-family: inherit;

		width:auto;

		}



/* main menu link*/

dl, dt, dd, ul, li {

margin: 0;

padding: 0;

list-style-type: none;

}

#maintext li {

margin-left: 3em;

list-style-position: outside;

list-style-type: disc;

text-align: left;

font-family:arial, time, sans-serif;

}

#menu {

  color: #000000;

  padding: 8px;

  position: absolute;

  left: 13px;

  top: 45px;

  width: 725px;

  height: 100px;

  z-index: 200;

}

#menu dl {

float: left;

width: 100px;

}

#menu dt {

cursor: pointer;

text-align: left;

font-family:arial, time, sans-serif;

font-weight: bold;

color: #fff;

margin: 0px;

}

#menu dd {

display: none;

}



#menu li {

text-align: left;

font-family:arial, time, sans-serif;

}

#menu li a, #menu dt a {

color: #fff;

text-decoration:none;

display: block;

height: 100%;

border:0;



}



#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {

color: #669900;

}









#titlesection { 

		position:relative;

		height:25px;

		width:684px;

		z-index:50;

		background:#99CC99;

		font-family:arial,verdana, georgia, sans-serif;

		font-size:small;

		font-style:normal;

		color:#ffffff;

		text-align:left;

		padding-top:10px;		

		padding-left:16px;		

		margin-top:-5px;



		}





#menusitelinks {

		font-size:12px;

		voice-family: "\"}\"";

		voice-family: inherit;

		}



#footer{

		

		position:relative;

		z-index:1;

		background:#A6E0E1;

		top: 20px;

		padding-left:19px;

		padding-bottom:20px;

		}



#footercdphoto {

		position:absolute;

		z-index:75;

		text-align:left;

		width:120px;

		padding-left:0px;

		margin-left:195px;

		padding-top:0px;

		margin-top:0px;

		}



#footercdinfo {

		position:absolute;

		z-index:150;

		text-align:left;

		width:200px;

		padding-left:0px;

		margin-left:295px;

		padding-top:0px;

		margin-top:20px;

		}



#footercontactinfo {

		position:absolute;

		z-index:150;

		text-align:left;

		width:175px;

		padding-left:0px;

		margin-left:535px;

		padding-top:0px;

		margin-top:20px;

		}



.line {

		position:relative;

		z-index:1;

		background:#99cccc;

		width: 700px;

		height:3px;

}



#credit{

		

		position:absolute;

		z-index:2;

		top: 100px;

		text-align: right;

		padding-right:19px;

		}



#back {

	position:relative;

    z-index:1;

	text-align: right;

	background:#A6E0E1;

	cursor:hand;

	width: 30px;

	padding-top:10px;

	margin-left: 625px;



	}