* {
padding: 0;
margin: 0;
}

body {
	background-color:#9d8350;  /* Controls background color */
	background-image:url(images/page_background.jpg);
	background-repeat:no-repeat;
	font-size:10pt; /*Controls font size for website */
	text-align: left;
	padding-top:0px;
	margin-top:0px;
	height:500px; /* this is the key! */
	color:#FFFFFF; /*Controls font color */
	font-family:Verdana, Arial Narrow, Tahoma, Arial;
	}

a img{
	border:0px;
	}

p { margin-right:10px;font-size:10pt; margin-left:5px;}

a { color:#FFFFFF; cursor:url(images/hair_dryer.cur); } /* Controls link color */

.text_center { text-align:center; }

h1 {
	color:#c78341;
	font-weight:bold;
	text-transform:uppercase;
	font-size:14pt;
	padding-bottom:20px;
	}
h2{
color:#c78341;
font-weight:bold;
font-size:12pt;
padding-bottom:12px;
}
	
#internal_pad {
	padding-top:100px;
	padding-left:50px;
		}

#internal_pad2 {
	padding-top:10px;
	padding-left:50px;
		}

#container { /*Controls main container cell of content */
	width: 1020px;
	text-align: left;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
}

* html #container {
height: 400px;
}

#logo {
	position:absolute;
	margin-left:90px;
	width:240px;
	height:180px;
	z-index:100;
	}
	
#click_for {
	position:absolute;
	margin-left:820px;
	margin-top:30px;
	width:230px;
	height:85px;
	z-index:95;
	}
	
#click_profile {
	position:absolute;
	margin-left:820px;
	margin-top:50px;
	width:230px;
	height:85px;
	z-index:95;
	}

#header {
	position:relative;
	width:100%;
	height:60px;
	background-color:#252525;
	}

#header img {
	margin-top:25px;
	margin-left:325px;
	}

td {vertical-align:top;}

#left {
	width:238px;
	}

#left p {
	margin-left:120px;
	margin-top:180px;
	}
	
#right {
	background-image:url(images/right_section_background.jpg);
	background-repeat:no-repeat;
	border-bottom:15px solid #000000;
	padding-left:12px;
	padding-right:18px;
	padding-bottom:20px;
}

#right_about {
	background-image:url(images/right_section_background.jpg);
	background-repeat:no-repeat;
	border-bottom:15px solid #000000;
	padding-left:12px;
	padding-right:18px;
}

.spotlightWrapper ul {
	list-style-type: none; /* remove the default style for list items (the circles) */
	margin:0px; /* remove default margin */
	padding:0px; /* remove default padding */
}
.spotlightWrapper ul li {
	float:left; /* important: left float */
}
.spotlightWrapper ul li a img {
	height:395px; /* you don't need this, i just rescaled the images they are bigger then i want them to be ' */
	position:relative; /* so we can use top and left positioning */
	border:none; /* remove the default blue border */
}
.spotlightWrapper ul li a img.active {
	border:0px solid white; /* choose whatever you like */
	z-index:1; /* show it on top of the other images (they have z-index 0) */
	left: -0px; /* same as border width but negative */
	top: -0px; /* same as border width but negative */
}

.clear { clear:both; } /* to clear the float after the last item */

		#map {
			position:relative;
			margin:0;
			padding:0;
			width:753px;
			height:362px;
			background:url('images/about.jpg') top left no-repeat;
			font-family:arial, helvetica, sans-serif;
			font-size:8pt;
		}
		body.karen #map{
			background:url('images/karen.jpg') top left no-repeat;
			}
		body.julie #map{
			background:url('images/julie.jpg') top left no-repeat;
			}
		body.amberly #map{
			background:url('images/amberly.jpg') top left no-repeat;
			}
		body.alison #map{
			background:url('images/alison.jpg') top left no-repeat;
			}
		body.katie #map{
			background:url('images/katie.jpg') top left no-repeat;
			}
		body.kristy #map{
			background:url('images/kristy.jpg') top left no-repeat;
			}	
		body.laurie #map{
			background:url('images/laurie.jpg') top left no-repeat;
			}
		body.bianca #map{
			background:url('images/bianca.jpg') top left no-repeat;
			}
		body.lauren #map{
			background:url('images/lauren.jpg') top left no-repeat;
			}
		body.anna #map{
			background:url('images/anna.jpg') top left no-repeat;
			}
		body.jennifer #map{
			background:url('images/jennifer.jpg') top left no-repeat;
			}
		
		#map li {
			margin:0;
			padding:0;
			list-style:none;
		}
		
		#map li a {
			position:absolute;
			display:block;
			/*
			   Specifying a background image
			   (a 1px by 1px transparent gif)
			   fixes a bug in older versions of
			   IE that causeses the block to not
			   render at its full dimensions.
			*/
   			background:url(blank.gif);
   			text-decoration:none;
			color:#000;
		}
		
		#map li a span { display:none; }
		
		#map li a:hover span {
			position:relative;
			display:block;
			width:100px;
			left:0px;
			top:0px;
			padding:5px;
 			filter:alpha(opacity=80);
			opacity:0.8;
  		}
	
		#map a.karen {
			top:75px;
			left:25px;
			width:60px;
			height:238px;
		}
		
		#map a.julie {
			top:75px;
			left:80px;
			width:60px;
			height:238px;
		}
		
		#map a.amberly {
			top:80px;
			left:140px;
			width:60px;
			height:238px;
		}
		
		#map a.alison {
			top:85px;
			left:209px;
			width:62px;
			height:238px;
		}
		
		#map a.katie {
			top:90px;
			left:271px;
			width:66px;
			height:238px;
		}
		
		#map a.kristy {
			top:100px;
			left:337px;
			width:67px;
			height:238px;
		}
		
		#map a.laurie {
			top:95px;
			left:404px;
			width:61px;
			height:238px;
		}

		#map a.bianca {
			top:61px;
			left:470px;
			width:60px;
			height:232px;
		}
		
		#map a.lauren {
			height:232px;
			left:531px;
			top:61px;
			width:56px;
			}

		#map a.anna {
			top:61px;
			left:587px;
			width:59px;
			height:232px;
		}
		
		#map a.jennifer {
			top:51px;
			left:646px;
			width:91px;
			height:232px;
		}

.about_header {
			text-transform:uppercase;
			color:#c8833e;
			margin-left:5px;
		}
		
.about_text {
			color:#FFFFFF;
			margin-left:15px;
			}