/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 0.8em;
	}
	
#home {
	background-color: #000000;
	margin:0;
	padding:0;
	background-image: url(images/bg_home.jpg);
	background-repeat: no-repeat;
}

#who {
	background-color: #000000;
	margin:0;
	padding:0;
	background-image: url(images/bg_who.jpg);
	background-repeat: no-repeat;
}


#people {
	background-color: #000000;
	margin:0;
	padding:0;
	background-image: url(images/bg_people2.jpg);
	background-repeat: no-repeat;
}

#life {
	background-color: #000000;
	margin:0;
	padding:0;
	background-image: url(images/bg_life.jpg);
	background-repeat: no-repeat;
}

#careers {
	background-color: #000000;
	margin:0;
	padding:0;
	background-image: url(images/bg_careers.jpg);
	background-repeat: no-repeat;
}

#jobs {
	background-color: #000000;
	margin:0;
	padding:0;
	background-image: url(images/bg_jobs.jpg);
	background-repeat: no-repeat;
}

img {
	border: 0;
	}

	
#top {
	float:left;
	width:950px;
	height:80px;
	margin:0;
	padding:0;
}

ul#nav {
	float:left;
	list-style:none;
	width:700px;
	height:40px;
	margin:0;
	padding:34px 0 0 30px;
	font-size:.9em;
	font-weight:bold;
	clear:none;
}

ul#nav li {display:inline; padding:0; margin: 0 0 0 27px;}

ul#nav li a {text-decoration:none; color:#ffffff}
ul#nav li a:hover,
ul#nav li a.on {text-decoration:none; color:#ec008c;}

#logo {
float:left;
margin-left:30px;
margin-top:7px;
}

ul#subnav {
	float:left;
	clear:left;
	list-style-type:none;
	width:340px;
	height:20px;
	margin:0;	
	padding:0 0 0 20px;
	font-size:.9em;
}

ul#subnav li {
	display:inline; 
	margin:0; 
}

ul#subnav li a {
	text-decoration:none; 
	color:#094fa3;
	background-image:url(images/arrow_blue_right.gif); 
	background-repeat:no-repeat;
	padding:0 2em 0 .8em;  
	background-position: 0 .35em;
}

ul#subnav li a:hover,
ul#subnav li a.on {
	text-decoration:underline; 
	color:#ec008c;
	background-image:url(images/arrow_pink_right.gif); 
	background-repeat:no-repeat;
	padding:0 2em 0 .8em;  
	background-position: 0 .15em;
}

#content_area {
	clear:left;
	float:left;
	width:930px;
	height:620px;
	margin:0;
	padding:0;
}

#graphic_area {
	width:500px;
	height:620px;
	float:left;
}

#text_area {
	width:428px;
	height:620px;
	float:left;
	clear:none;
}

h1 {
	float:left; 
	font-size:1.2em; 
	font-weight:bold;
	padding:10px 25px 10px 30px; 
	margin:90px 0 25px 32px;
	_margin:90px 0 25px 15px;
	color:#FFFFFF;
	background:#ff0099;
}

h2 {
	float:left; 
	font-size:1em; 
	margin:0; 
	padding:20px 0 0px 26px;
}

h3 {
	float:left; 
	clear:left;
	font-size:1em; 
	margin:0; 
	padding:10px 0 0px 45px;
}

.pinkheader{
	float:left; 
	clear:left;
	font-size:1em; 
	width:300px;
	margin:0; 
	padding:0 0 0px 25px;
	color:#ec008c;
}

.blueheader {
	float:left; 
	clear:left;
	font-size:1em; 
	margin:0; 
	padding:10px 0 0px 25px;
	color:#4444b4;
}

p {
	clear:left; 
	float:left; 
	line-height:1.4em; 
	width:300px; 
	margin:0; 
	padding:20px 0 10px 25px; 
	font-size:.9em;
	text-align:justify;
}

p.small { 
	font-size:.8em;
}

.scroller {
	background-color:#FDFDFD;
	margin-left:30px;
	color:#333333;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	height:385px;
	max-height:385px;
	overflow:auto;
	padding-top:25px;
	margin-bottom:5px;
	width:390px;
	float:right;
	padding-left:6px;
}

ul.generic {clear:left;  padding:10px 0 0 0; margin:0 40px 0 45px;}
ul.generic li { clear:left; font-size:.9em; padding:0 0 10px 0; margin:0;}

a.nextpage,
a.prevpage {text-decoration:none; color:#094fa3; font-weight:bold;}

a.nextpage:hover,
a.prevpage:hover {text-decoration:none; color:#ec008c; font-weight:bold;}

a.nextpage {float:right;}
a.prevpage {float:left; padding:0; margin:0 0 0 60px;}

/*------------------------People Page--------------------------*/
ul#rollovers {list-style:none; padding:0; margin:30px 0 0 0; float:left; width:500px; height:600px; }
ul#rollovers li {float:left; list-style:none; padding:0; margin:0;}
	ul#rollovers li a,
	ul#rollovers li a:hover {text-decoration:none;}

ul#rollovers li#charlie a { clear:left; padding:0; margin:17px 0 0 0px; width:128px; height:131px; position:absolute;}
	ul#rollovers li#charlie a:hover,
	ul#rollovers li#charlie a.on  {float:left; clear:left; padding:0; margin:17px 0 0 0px; background-image:url(images/charlie_on.jpg); background-repeat:no-repeat; }

ul#rollovers li#helen a {padding:0; margin:142px 0 0 0px; width:135px; height:131px; position:absolute;}
	ul#rollovers li#helen a:hover,
	ul#rollovers li#helen a.on {float:left; padding:0; margin:142px 0 0 0px; background-image:url(images/helen_on.jpg); background-repeat:no-repeat; }

ul#rollovers li#paul a {padding:0; margin:273px 0 0 0px; width:133px; height:133px; position:absolute;}
	ul#rollovers li#paul a:hover,
	ul#rollovers li#paul a.on {float:left; margin:273px 0 0 0px; background-image:url(images/paul_on.jpg); background-repeat:no-repeat; }
		
ul#rollovers li#ellie a {padding:0; margin:409px 0 0 0px; width:133px; height:129px; position:absolute;}
	ul#rollovers li#ellie a:hover,
	ul#rollovers li#ellie a.on {float:left; padding:0; margin:409px 0 0 0px; background-image:url(images/ellie_on.jpg); background-repeat:no-repeat;}

ul#rollovers li#kresh a {padding:0;  margin:68px 0 0 134px; width:128px; height:131px; position:absolute;}
	ul#rollovers li#kresh a:hover,
	ul#rollovers li#kresh a.on {float:left; padding:0; margin:68px 0 0 134px; background-image:url(images/kresh_on.jpg); background-repeat:no-repeat; }
		
ul#rollovers li#hayley a { padding:0;  margin:198px 0 0 139px; width:120px; height:126px; position:absolute;}
	ul#rollovers li#hayley a:hover,
	ul#rollovers li#hayley a.on {float:left; padding:0;  margin:198px 0 0 139px; background-image:url(images/hayley_on.jpg); background-repeat:no-repeat; }
	
ul#rollovers li#suki a {padding:0;  margin:325px 0 0 134px; width:131px; height:141px; position:absolute;}
	ul#rollovers li#suki a:hover,
	ul#rollovers li#suki a.on {float:left; padding:0;  margin:325px 0 0 134px; background-image:url(images/suki_on.jpg); background-repeat:no-repeat;  }

ul#rollovers li#jenny a {padding:0;  margin:132px 0 0 266px; width:131px; height:128px; position:absolute; }
	ul#rollovers li#jenny a:hover,
	ul#rollovers li#jenny a.on {float:left; padding:0; margin:132px 0 0 266px; background-image:url(images/jenny_on.jpg); background-repeat:no-repeat;}
	
ul#rollovers li#john a { padding:0;  margin:266px 0 0 266px; width:123px; height:128px; position:absolute;}
	ul#rollovers li#john a:hover,
	ul#rollovers li#john a.on {float:left; padding:0;  margin:266px 0 0 266px; background-image:url(images/john_on.jpg); background-repeat:no-repeat;}

ul#rollovers li a span,
ul#rollovers li a:visited span,
ul#rollovers li a.on span {display:none;}
ul#rollovers li a:hover span {position:absolute; display:block;}

span#brackets_charlie {width:161px; height:47px; padding:10px 0 0 6px; margin:40px 0 0 300px; color:#ffffff; font-size:.85em; text-align:center; background-image:url(images/brackets.gif); background-repeat:no-repeat;}
	
span#brackets_helen {width:161px; height:47px; padding:10px 0 0 6px; margin:-85px 0 0 299px; color:#ffffff; font-size:.85em; text-align:center; background-image:url(images/brackets.gif); background-repeat:no-repeat;}
	
span#brackets_paul {width:161px; height:47px; padding:10px 0 0 6px; margin:-216px 0 0 299px;  background-image:url(images/brackets.gif); background-repeat:no-repeat;}
	span#brackets_paul .textinfo {margin-top:-5px; margin-left: 20px; color:#ffffff; font-size:.85em; text-align:center;}
	
span#brackets_ellie {width:161px; height:47px; padding:10px 0 0 6px; margin:-352px 0 0 299px; background-image:url(images/brackets.gif); background-repeat:no-repeat;}
	span#brackets_ellie .textinfo {margin-top:-5px; margin-left: 20px; color:#ffffff; font-size:.85em; text-align:center;}
	
span#brackets_kresh {width:161px; height:47px; padding:10px 0 0 6px; margin:-11px 0 0 165px; color:#ffffff; font-size:.85em; text-align:center; background-image:url(images/brackets.gif); background-repeat:no-repeat;}
	
span#brackets_hayley {width:161px; height:47px; padding:10px 0 0 6px; margin:-141px 0 0 160px; color:#ffffff; font-size:.85em; text-align:center; background-image:url(images/brackets.gif); background-repeat:no-repeat;}
	
span#brackets_suki {width:161px; height:47px; padding:10px 0 0 6px; margin:-268px 0 0 165px; background-image:url(images/brackets.gif); background-repeat:no-repeat;}
	span#brackets_suki .textinfo {margin-top:-5px; margin-left: 8px; color:#ffffff; font-size:.85em; text-align:center;}
	
span#brackets_jenny {width:161px; height:47px; padding:10px 0 0 6px; margin:-75px 0 0 33px; color:#ffffff; font-size:.85em; text-align:center; background-image:url(images/brackets.gif); background-repeat:no-repeat;}
	
span#brackets_john {width:161px; height:47px; padding:10px 0 0 6px; margin:-209px 0 0 33px; color:#ffffff; font-size:.85em; text-align:center; background-image:url(images/brackets.gif); background-repeat:no-repeat;}


img.profile {clear:left; float:left; padding:0; margin:18px 0 0 45px;}

/* ---------------------------------------------- */

/* skiplinks - accessibility stuff
--------------------------------------*/
#skiplinks UL {padding:0; margin:0;	list-style: none; display:block;}
	#skiplinks li {padding: 0; margin: 0; list-style: none; display: inline;}
	#skiplinks a {color: #DC2A1A; font-weight: bold; position:absolute;	top:10px; right: 0px; overflow: hidden; width: 0; height: 0; font-size: 0.8em !important; z-index: 1002;}
	#skiplinks a:active, .skiplinks a:focus { /* Only show skiplinks on focus */
	position: absolute; overflow: visible; width: auto; height: auto; font-size: 1em; border: 0; margin: 0; padding: 6px; font-size: .6em; background:#ffffff; z-index: 10000;}

.hide {display: none;}