body {
	background:#fff url(../templates/js_voodoo_oo2/images/tile.gif) repeat-x;
	margin: 0px 0px 10px 0px;
	padding: 0;
	font: 76.1%/1.2em Georgia, serif;
	line_height: 1.3em;
}
#wrap{ margin: 0 auto; width:909px; background-color: #fff; }
p{font-size: 1.2em; margin:0 0 1em 0; color:#000; line-height: 1.5em; }
.important{ font-size: 1.4em;}

a:focus {-moz-outline:0;outline:0;outline-offset:0;}
h1 {font:  1.4em/1.4em Georgia ;margin: 0.5em 0;color:#ff9933; text-transform: uppercase;}
h2 {font:  1.2em/1.2em;margin: 1.5em 0;color:#000;}
h3 {font:  1.5em/1.2em Georgia;margin: 1.2em 0;color:#666;}
h4 {font:  1.2em/1.2em Georgia;margin: 0.5em 0 0.25em;color:#89b23b;}
h5 {font:  1em/1.3em Georgia;margin: 0;font-style: italic;color:#333;}
h6 {font:  1em/1.3em Georgia;margin: 0.5em 0;color:#333;}
dt{float: left; margin: 30px 15px -20px 50px;}
dd{width: 400px; clear: left; margin: 0 0 0 50px}
/*Architecture*/

/*Main Body for Payment page*/

#payment_body {width: 600px; margin: 0 auto;}

/*Begin Header and Logo*/

/*The main height of the header area. !changes to this will require changes to the source images!*/
#header {/*width:800px;margin:0;padding:0;background:#322d78 url(../templates/js_voodoo_oo2/images/sloganleft.gif) no-repeat left top;*/margin-bottom: 10px;}


/*CSS for logo. This is an image replaced link as an H1 tag*/

/*Controls logo hotspot width*/
#logo {height:124px;/*float:left;*/}
#logo h1 a{ width:800px; height: 124px; display:block;text-indent:-5000px;text-decoration:none;line-height:74px;}
#logo h1 {background: #322d78 url(../templates/js_voodoo_oo2/images/sloganleft.gif) top left no-repeat;}/*Set the line-height and width equal to your logo image here*/
#logo h1{margin:0;padding:0;}


#body-container { margin: 0; padding-bottom: 10px; width: 100%; }
#content { margin: 0 0 30px; width: 692px; float: right; }
#sidebar { margin: 0 25px 30px 0; width: 185px; float: right; }


/*Joomla Specific Display*/
.small,.modifydate,.createdate {color: #999;text-align: left;font: 9px/11px Tahoma, Verdana, Helvetica;text-transform: uppercase;}
.createdate {top:-3px;}
.inputbox {color:#ccc;background:#fff;border: 1px solid #999;color:#333;}
.button {background:#666;border: 1px solid #000;color:#ccc;line-height: 100%;font-size: 0.75em;padding: 3px;}
.article_seperator {width:100%;height:16px;}

/*Basic Links*/
a:link, a:visited {font: 12px; color:#000;text-decoration: underline; }
a:hover {color: #0066ff;text-decoration:none;}
img{border:0; padding: 0 0 30px 0;}



/*Some bonus custom styles*/
ol {margin-left:25px;}
blockquote { margin: 0; padding: 30px 0 0 35px; width: 80%; font-family: Verdana, Arial, Sans-serif; background: transparent url(../images/bg_blockquote.gif) 0 0 no-repeat; }
	blockquote p { margin: 0 0 1em; font-size: 1em; line-height: 1.7; }
cite { font-style: italic; }
ul#checklist {padding-left:5px; list-style:none;}
#checklist li {background:url(../templates/js_voodoo_oo2/images/checklist.png) no-repeat left center; padding-left:16px; margin: .25em 0 .25em 0;}

/*======================================================================
	CLEARFIX
----------------------------------------------------------------------*/
.clearfix:after 
{
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-table; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/*======================================================================
	PRIMARY NAVIGATION
----------------------------------------------------------------------*/
#primary-nav ul { margin: 0 0 30px; padding: 0; list-style: none; }
#primary-nav ul li { position: relative; margin: 0 0 8px; padding: 0; }
#primary-nav ul li a { display: block; margin: 0; padding: 0; width: 185px; height: 22px; font-size: 1px; text-indent: -9999px; background-color: transparent; background-image: url(../images/nav_primary.png); background-repeat: no-repeat; }

#primary-nav ul li.nav-events a { background-position: 0 0; }
#primary-nav ul li.nav-events a:hover,
#primary-nav ul li.nav-events-current a { background-position: -185px 0; } 

#primary-nav ul li.nav-classes a { background-position: 0 -30px; }
#primary-nav ul li.nav-classes a:hover,
#primary-nav ul li.nav-classes-current a { background-position: -185px -30px; }

#primary-nav ul li.nav-schedule a { background-position: 0 -60px; }
#primary-nav ul li.nav-schedule a:hover,
#primary-nav ul li.nav-schedule-current a { background-position: -185px -60px; }

#primary-nav ul li.nav-parties a { background-position: 0 -90px; }
#primary-nav ul li.nav-parties a:hover,
#primary-nav ul li.nav-parties-current a { background-position: -185px -90px; }

#primary-nav ul li.nav-troupe a { background-position: 0 -120px; }
#primary-nav ul li.nav-troupe a:hover,
#primary-nav ul li.nav-troupe-current a { background-position: -185px -120px; }

#primary-nav ul li.nav-camp a { background-position: 0 -330px; }
#primary-nav ul li.nav-camp a:hover,
#primary-nav ul li.nav-camp-current a { background-position: -185px -330px; }
#primary-nav ul li.nav-camp a span { position: absolute; top: 6px; width: 10px; height: 10px; background: transparent url(../images/icon_star.gif) 0 0 no-repeat; }
#primary-nav ul li.nav-camp a span.star-1 { left: -5px; }
#primary-nav ul li.nav-camp a span.star-2 { left: 131px; }

#primary-nav ul li.nav-school a { background-position: 0 -270px; }
#primary-nav ul li.nav-school a:hover,
#primary-nav ul li.nav-school-current a { background-position: -185px -270px; }

#primary-nav ul li.nav-staff a { background-position: 0 -300px; }
#primary-nav ul li.nav-staff a:hover,
#primary-nav ul li.nav-staff-current a { background-position: -185px -300px; }

#primary-nav ul li.nav-performers a { background-position: 0 -150px; }
#primary-nav ul li.nav-performers a:hover,
#primary-nav ul li.nav-performers-current a { background-position: -185px -150px; }

#primary-nav ul li.nav-facility a { background-position: 0 -180px; }
#primary-nav ul li.nav-facility a:hover,
#primary-nav ul li.nav-facility-current a { background-position: -185px -180px; }

#primary-nav ul li.nav-media a { background-position: 0 -210px; }
#primary-nav ul li.nav-media a:hover,
#primary-nav ul li.nav-media-current a { background-position: -185px -210px; }

#primary-nav ul li.nav-contact a { background-position: 0 -240px; }
#primary-nav ul li.nav-contact a:hover,
#primary-nav ul li.nav-contact-current a { background-position: -185px -240px; }

#primary-nav ul li.nav-lessons a { background-position: 0 -360px; }
#primary-nav ul li.nav-lessons a:hover,
#primary-nav ul li.nav-lessons-current a { background-position: -185px -360px; }

#primary-nav ul li.nav-gift-certificates a { background-position: 0 -390px; }
#primary-nav ul li.nav-gift-certificates a:hover,
#primary-nav ul li.nav-gift-certificates-current a { background-position: -186px -390px; } 

#primary-nav ul li.nav-jobs a { background-position: 0 -420px; }
#primary-nav ul li.nav-jobs a:hover,
#primary-nav ul li.nav-jobs-current a { background-position: -185px -420px; }  

/*======================================================================
	FOOTER
----------------------------------------------------------------------*/
#footer { padding: 20px 0 80px; clear: both; text-align: center; border-top: 1px solid #dadada; } 
#footer p { font: normal 0.917em Arial, Verdana, Helvetica, Sans-serif; color: #999; }
#footer a { color: #333; }
#footer p span { margin-left: 8px; padding-left: 8px; font-size: 1.1em; border-left: 1px solid #dadada; }

/*=====================================/
	NEWSLETTER
--------------------------------------*/
#newsletter
{
	margin-top: 30px;
	width: 185px;
	border-top: 1px solid #ccc;
}

	#newsletter h6
	{
		margin-bottom: 4px;
		font: bold 1em Arial, Verdana, Helvetica, Sans-serif;
		color: #757575;
	}

	#newsletter a.cover
	{
		display: block;
		margin-right: 4px;
		width: 63px;
		float: left;
		
	}

	#newsletter p
	{
		margin: 0;
		width: 118px;
		float: left;
		font: 0.917em Arial, Verdana, Helvetica, Sans-serif;
		line-height: 1.2;
		color: #757575;
	}
	
		#newsletter p a
		{
			display: block;
			margin-bottom: 5px;
			font-size: 0.833em;
			text-transform: uppercase;
			color: #757575;
		}

/*=====================================/
	TABLE BASE STYLES
--------------------------------------*/
table.base
{
	margin-bottom: 2em;
	width: 100%;
	border-collapse: collapse;
}

table.base th
{
	padding: 12px;
	font-size: 14px;
	font-style: italic;
	text-align: left;
	color: #333;
	border-top: 1px solid #999;
	border-bottom: 1px solid #666;
}
	
	table.base th.date-time
	{
		border-right: 1px dashed #dadada;
	}

table.base td
{
	padding: 12px;
	width: auto;
	text-align: left;
	vertical-align: top;
	color: #333;
	border-bottom: 1px solid #ccc;
}

table.base h3
{
	margin: 0 0 0.4em;
	line-height: 1em;
}

table.base p
{
	margin: 0 0 1em;
	width: auto;
	font-size: 1.1em;
}

table.base img
{
	padding: 0;
}	


/*=====================================/
	EVENTS TABLE
--------------------------------------*/
table.base td.date-time
{
	padding-top: 14px;
	width: 160px;
	font: 1.2em "Century Gothic", Verdana, Arial, Helvetica, Sans-serif;
	border-right: 1px dashed #dadada;
}
	
	td.date-time span
	{
		display: block;
	}
	
	table.base td.date-time span.intensives
	{
		margin-bottom: 3px;
		padding: 1px 2px 1px 4px;
		font: 10px Verdana, Arial, Helvetica, Sans-serif;
		text-transform: uppercase;
		color: #fff;
		background-color: #322D78;
	}
	
	table.base td.date-time span.valentine
	{
		margin-bottom: 3px;
		padding: 1px 2px 1px 4px;
		font: 10px Verdana, Arial, Helvetica, Sans-serif;
		text-transform: uppercase;
		color: #fff;
		background-color: #eb1d3f;
	}
	
	table.base td.date-time span.day
	{
		margin-bottom: 1em;
		font-size: 0.813em;
		font-style: italic;
		text-transform: lowercase;
	}

table.payment td
{
	font-size: 1.2em;
	vertical-align: middle;
}
	table.payment td span
	{
		margin-top: 3px;
		display: block;
		font-size: 0.813em;
		font-style: italic;
	}

	table.payment td img
	{
		position: absolute;
		left: -9999px;
	}

/*=====================================/
	TABLE BASE CONDENSED
--------------------------------------*/
table.condensed td
{
	padding: 6px;
}

table.condensed td.date-time
{
	padding-top: 6px;
	font-size: 1em;
}


/*=====================================/
	CLASS SCHEDULE
--------------------------------------*/
#class-schedule h1
{
	margin-bottom: 0.1em;
	font-size: 2em;
	text-transform: none;
	color: #333;
}

	#class-schedule h1 em
	{
		color: #999;
	}

#class-schedule h2
{
	margin-bottom: 0;
	padding: 0.2em 0 0.2em 12px;
	position: relative;
	font: bold 1.2em "Century Gothic", Verdana, Arial, Helvetica, Sans-serif;
	text-transform: uppercase;
	color: #fff;
	background-color: #322d78;
}
	
	#class-schedule h2 span
	{
		position: absolute;
		right: 12px;
		top: 0.2em;
		font-weight: normal;
		text-transform: none;
	}
	
#class-schedule p.intro 
{
	margin: 0;
	padding: 0;
	font: 1em Arial, Verdana, Helvetica, Sans-serif;
	color: #4a4a4a;
}

#class-schedule table.base
{
	margin-bottom: 0;
}

#class-schedule table.base thead
{
	display: none;
}

#class-schedule table.base td
{
	padding: 8px 12px;
}

#class-schedule table.base td.date-time
{
	padding-top: 8px;
	width: 110px;
	font-size: 1em;
}

#class-schedule table.base td.class,
#class-schedule table.base td.instructor
{
	border-right: 1px dashed #dadada;
}

#class-schedule table.base td.description,
#class-schedule table.base td.register
{
	font: 0.833em Verdana, Arial, Helvetica, Sans-serif;
	text-transform: lowercase;
}


/*=====================================/
	CLASS DESCRIPTIONS
--------------------------------------*/
#class-descriptions h1
{
	margin-bottom: 0.5em;
	font-size: 2em;
	text-transform: none;
	color: #333;
}

	#class-descriptions h1 em
	{
		font-size: 0.75em;
		color: #999;
	}

#class-descriptions p 
{
	margin-bottom: 1em;
}

#class-descriptions p.intro
{
	margin: 0 0 1em;
	padding: 0.5em 12px;
	width: auto;
	font-size: 1.1em;
	color: #333;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}

ol.anchors
{
	margin: 0 0 1em 24px; 
	padding: 0 0 1em;
	list-style-type: circle;
	color: #999;
}

ol.anchors li
{
	font-size: 1.1em;
	line-height: 1.4em;
}

	ol.anchors li a
	{
		font-family: Arial, Verdana, Helvetica, Sans-serif;
	}

ul.classes
{	
	margin: 0;
	padding: 0;
	list-style: none;
}

	ul.classes li
	{
		padding: 1em 12px;
		border-top: 1px solid #dadada;
	}
	
		ul.classes li h2 
		{
			margin: 0 0 0.6em;
			padding: 0;
			font-size: 1.4em;
			font-weight: normal;
			color: #333;
		}
		
		ul.classes li p
		{
			margin: 0 0 0.3em;
			padding: 0;
			width: auto;
			font: 1.1em Arial, Verdana, Helvetica, Sans-serif;
			color: #4a4a4a;
		}
			
			ul.classes li p.details
			{
				font-style: italic;
				color: #757575;
			}
			
		ul.classes li ul
		{
			margin: 0 0 0 24px;
		}
		
			ul.classes li ul li
			{
				padding: 0;
				border: none;				
			}

#overview,
#flex
{
	margin-bottom: 1em;
	padding: 0.5em 0 0;
	border-top: 1px solid #dadada;
}

	#overview ul
	{
		margin: 0;
		padding: 0 0 0 24px;
		list-style: disc;
	}
	
		#overview ul li
		{
			margin: 0 0 1em;
			padding: 0;
			font: 1.1em Arial, Verdana, Helvetica, Sans-serif;
			color: #4a4a4a;
		}

.extra-info
{
	margin-bottom: 4em;
}

	.extra-info h3
	{
		margin: 0 0 0.2em;
		padding: 0;
	}
	
	.extra-info p
	{
		margin: 0 0 1em;
		width: auto;
	}
	
ul.bullet
{
	margin: 0 0 1em 24px; 
	padding: 0 0 1em;
	list-style-type: circle;
	color: #999;
}

	ul.bullet li
	{
		font-size: 1.1em;
		line-height: 1.4em;
		color: #333;
	}
	
		ul.bullet li p
		{
			font-size: 1em;
		}
		
/*=====================================/
	MEDIA
--------------------------------------*/
.media h1
{
	margin: 0;
	padding: 3px;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	background-color: #322d78;
}

.media .col1,
.media .col2
{
	margin-right: 10px;
	width: 318px;
	float: left;
}

.media .col2
{
	margin: 0;
	padding-left: 9px;
	border-left: 1px solid #ccc;
}

.media ul.media-items
{
	margin: 0;
	padding: 5px;
	list-style: none;
}

	.media ul.media-items li
	{
		padding: 1em 0;
		width: 308px;
		clear: left;
		float: left;
		border-bottom: 1px solid #ccc;
	}

		.media ul.media-items li span.date
		{
			display: block;
			font: 10px Verdana, Arial, Helvetica, Sans-serif;
			color: #666;
		}
		
		.media ul.media-items li h2
		{
			margin: 0 0 10px;
			font-size: 14px;
			font-weight: normal;
		}
		
		.media ul.media-items li .image a
		{
			margin: 0 7px 5px 0;
			padding: 1px;
			display: block;
			float: left;
			background-color: #fff;
			border: 1px solid #ccc;
		}

		.media ul.media-items li .image a:hover
		{
			border-color: #0066FF;
		}
		
		.media ul.media-items li .image img
		{
			padding: 0;
			display: block;
		}
		
		.media ul.media-items li .info	
		{
			margin-left: 68px;
			padding-top: 5px;
			font: 11px Verdana, Arial, Helvetica, Sans-serif;
			color: #666;
		}
		
		.media ul.media-items li .info a.more
		{
			display: block;
		}

/*======================================================================
	SCHOOL PROGRAMS
----------------------------------------------------------------------*/
#school-programs h1 { margin-bottom: 0.5em; font-size: 2em; text-transform: none; color: #333; }
#school-programs h2 { font: 1.5em Georgia, Times, Serif; margin: 0.5em 0 0.25em; color: #89b23b; }
#school-programs p { margin: 0 0 1em; font-size: 1.1em; color: #333; }
#school-programs p.intro { margin-bottom: 1.5em; padding: 0.5em 12px; width: auto; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
#school-programs p.pdf { padding-left: 12px; font: 0.833em Arial, Verdana, Helvetica, Sans-serif; text-transform: uppercase; color: #666; border-left: 1px solid #ccc; }
#school-programs p.pdf a { display: block; margin-top: 3px; padding: 3px 3px 3px 21px; font-size: 1.2em; text-transform: none; background: transparent url(http://www.phillycircus.com/images/page_white_acrobat.png) 0 2px no-repeat; }
#school-programs ul { margin: 0 0 1em; padding: 0; list-style: none; }
#school-programs li { margin: 0 0 2em; }

/*======================================================================
	OUR NEIGHBORHOOD
----------------------------------------------------------------------*/
.neighborhood h1 { margin-bottom: 0.5em; font-size: 2em; text-transform: none; color: #333; }
.neighborhood h2 { margin-bottom: 0.5em; font-size: 1.8em; font-weight: normal; line-height: 1; color: #666666; }
.neighborhood h2 span { display: block; font-size: 0.666em; }
.neighborhood h3 { font: 1.5em Georgia, Times, Serif; margin: 0.5em 0 0.25em; color: #89b23b; }
.neighborhood p { margin: 0 0 1em; font-size: 1.1em; color: #333; }
.neighborhood p.intro { margin-bottom: 1.5em; padding: 0.5em 12px; width: auto; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
.neighborhood p.pdf { padding-left: 12px; font: 0.833em Arial, Verdana, Helvetica, Sans-serif; text-transform: uppercase; color: #666; border-left: 1px solid #ccc; }
.neighborhood p.pdf a { display: block; margin-top: 3px; padding: 3px 3px 3px 21px; font-size: 1.2em; text-transform: none; background: transparent url(http://www.phillycircus.com/images/page_white_acrobat.png) 0 2px no-repeat; }
.neighborhood ul { margin: 0 0 1em 10px; padding: 0 0 0 10px; list-style: none; border-left: 1px solid #e5e5e5; }
.neighborhood li { margin: 0 0 2em; }


/*======================================================================
	SUMMER CAMP
----------------------------------------------------------------------*/
.summer-camp h1 { margin-bottom: 0.5em; font-size: 2em; text-transform: none; color: #333; }
.summer-camp h1.camp-heading { position: relative; left: 20px; bottom: -10px; margin: 0; font: bold 1.4em "Century Gothic", Verdana, Arial, Helvetica, Sans-serif; text-transform: uppercase; color: #333; z-index: 2000; }
.summer-camp h1.camp-heading span { padding: 10px; background-color: #fff; }
.summer-camp h2 { font: 1.5em Georgia, Times, Serif; margin: 0.5em 0 0.25em; color: #89b23b; }
.summer-camp h3 { margin: 0 0 0.333em; }
.summer-camp p { margin: 0 0 1em; font-size: 1.1em; color: #333; }
.summer-camp p.intro { margin-bottom: 0.25em; padding: 0.5em 12px; width: auto; border-top: 1px solid #dadada; }
.summer-camp img { padding-bottom: 0; }

.summer-camp ul.bullet li ul { list-style: circle; }
.summer-camp ul.bullet li ul li { font-size: 1em; }

.summer-camp p.jump-to { margin-top: 0; padding: 1em 12px; font: 1em Arial, Verdana, Helvetica, Sans-serif; color: #4a4a4a; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
.summer-camp p.jump-to strong { margin-right: 8px; }
.summer-camp p.jump-to a { position: relative; margin-right: 12px;  padding: 0 12px 0 22px; text-decoration: none; border-right: 1px solid #dadada; *zoom: 1; }
.summer-camp p.jump-to a.last { border: none; }
.summer-camp p.jump-to a i { display: block; position: absolute; left: 0; top: -2px; width: 17px; height: 16px; background: transparent url(../images/sprite_stars.png) 0 -16px no-repeat; }
.summer-camp p.jump-to a.last i { background-position: 0 0; }

.summer-camp table.base th { font-size: 12px; text-transform: uppercase; letter-spacing: 0.125em; font-weight: normal; font-style: normal; text-align: center; padding-bottom: 0; border-bottom: none; }
.summer-camp table.base td { padding: 4px 10px 10px; font-size: 16px; text-align: center; }

.summer-camp .camp { margin-bottom: 10px; }

.summer-camp .corners { padding: 20px; border: 1px solid #cfe6aa; *zoom: 1; }
.summer-camp #kinder-camp .corners { border-color: #a3cfe9; }

/*======================================================================
	POLICIES
----------------------------------------------------------------------*/
#policies h1 { margin-bottom: 0.25em; font-size: 2em; text-transform: none; color: #333; }
#policies h2 { font: 1.2em Georgia, Times, Serif; margin: 0 0 0.25em; color: #89b23b; }
#policies h2 span { font-size: 1.2em; color: #a6a6a6; }
#policies h3 { margin: 1.5em 0 0.25em; font-size: 0.917em; text-transform: uppercase; letter-spacing: 0.05em; }
#policies p { margin: 0 0 1em; font: 1em Arial, Verdana, Helvetica, Sans-serif; color: #333; }
#policies ul { margin: 0 0 2em; padding: 0; list-style: none; }
#policies ul.bullet
{
	margin: 0 0 0 34px; 
	padding: 0;
	list-style-type: circle;
	color: #999;
}

	#policies ul.bullet li
	{
		margin-bottom: 0.5em;
		padding: 0;
		font: 1em Arial, Verdana, Helvetica, Sans-serif;
		line-height: 1.4em;
		color: #333;
		border: none;
	}

#policies li { margin: 0 0 1em; padding: 1em 12px 0; border-top: 1px solid #e5e5e5; }

/*======================================================================
	STAFF
----------------------------------------------------------------------*/
.staff h1 { margin-bottom: 0.25em; font-size: 2em; text-transform: none; color: #333; }

.staff #columns { float: left; background: transparent url(../../images/staff/divider.gif) 346px 0 repeat-y; }

.staff #members { position: relative; left: -10px; margin: 0 20px 0 0; padding: 3px 10px 0 0; width: 336px; float: left; }
.staff #members ul { margin: 0; padding: 0; list-style: none; }
.staff #members h3 { margin: 1em 0 0.5em 10px; padding: 4px; clear: both; font-size: 1.167em; font-style: italic; text-align: center; background-color: #f1f1f1; }

.staff #members .member { position: relative; margin: 0 0 10px 10px; padding: 1px; width: 98px; float: left; background-color: #ccc; border: 1px solid #ccc; cursor: pointer; }

.staff #members .member h2,
.staff #members .member img.full,
.staff #members .member .bio { display: none; }

.staff #members .member h2 { position: absolute; left: 10px; bottom: 4px; margin: 0; padding: 4px 8px; font: normal 10px Arial, Verdana, Helvetica, Sans-serif; text-transform: uppercase; white-space: nowrap; color: #333; background: #ccc url(../../images/staff/tooltip.gif) 0 0 repeat-x; border: 1px solid #666; border-top: none; border-left: none; z-index: 1001; }
.staff #members .member img.thumb { display: block; padding: 0; }

.staff #members .hover { border-color: #757575; }

.staff #members .current { border-color: #333; }

.staff #detail { position: relative; padding-top: 18px; float: left; width: 326px; }
.staff #detail h2 { margin: 0 0 1em; padding: 0; font: normal 14px Georgia, Times, "Times New Roman", Serif; text-transform: uppercase; text-align: center; color: #999; background: transparent url(../../images/staff/bg_name.gif) 0 50% repeat-x; }
.staff #detail h2 span { padding: 0 8px; background-color: #fff; }
.staff #detail img.thumb { display: none; }
.staff #detail img.full { display: block; margin: 0 auto 18px; padding: 2px; border: 3px solid #dadada; }
.staff #detail p { margin: 0 0 1em; padding: 0; font-size: 12px; line-height: 1.6; color: #555; }

/*======================================================================
	CONTACT
----------------------------------------------------------------------*/
.contact h1 { margin-bottom: 1em; font-size: 2em; text-transform: none; color: #333; }
.contact h2 { margin: 0 40px 1.5em 0; padding-bottom: 0.5em; float: left; font-size: 1.3em; font-weight: normal; color: #6a6a6a; }
.contact h2.last { margin-right: 0; }
.contact h2 span { display: block; margin-bottom: 3px; font-size: .667em; text-transform: uppercase; color: #8a8a8a; }
.contact p { font: italic 12px Arial, Verdana, Helvetica, sans-serif; color: #8a8a8a; }
.contact a { color: #6a6a6a; }
.contact a:hover { color: #333; }

.contact .info { width: 100%; float: left; }

.contact .pr { margin-bottom: 1em; padding: 0 0 1em; clear: both; border-bottom: 1px solid #dcdcdc; /*float: right; border-left: 1px solid #ccc;*/ }
.contact .pr p.pr-info { margin: 0; }

.contact .map { padding-top: 1em; clear: both; border-top: 1px solid #dcdcdc; *zoom: 1; }

/*======================================================================
	HOMEPAGE
----------------------------------------------------------------------*/
#homepage .columns
{
	width: 100%;
	float: left;
}

	#homepage .columns .col1
	{
		margin-right: 10px;
		width: 420px;
		float: left;
	}
		
		#homepage .columns .col1 .background
		{
			padding: 12px 0 10px;
			min-height: 102px;
			background: #fff url(../images/homepage/bg_section.jpg) 0 0 no-repeat;
		}
		
			#homepage .columns .col1 .background h2
			{
				margin: 0 0 6px 6px;
			}
			
			#homepage .columns .col1 .background a,
			#homepage .columns .col1 .background a:visited
			{
				color: #666;
			}
			
			#homepage .columns .col1 .background a:hover
			{
				color: #0066FF;
			}
			
		
		#homepage .columns .col1 .section
		{
			margin-bottom: 36px;
		}
	
			#homepage .columns .col1 .section .content
			{
				padding: 0 6px;
			}
	
	#homepage .columns .col2
	{
		width: 223px;
		float: left;
	}
	
		#homepage .columns .col2 .section .content
		{
			padding-left: 10px;
		}
	
#homepage h2
{
	margin: 0 0 10px;
}

#homepage h3
{
	margin: 0 0 10px;
	line-height: 1;
}

#homepage h4
{
	margin: 16px 0 8px;
	font: normal 12px Arial, Verdana, Helvetica, Sans-serif;
	text-transform: uppercase;
	color: #757575;
}

#homepage h5
{
	margin-bottom: 4px;
	font: bold 12px Arial, Verdana, Helvetica, Sans-serif;
	font-style: normal;
	color: #757575;
}

#homepage img
{
	padding: 0;
}

#homepage p
{
	margin: 0 0 1em;
	font: normal 12px Arial, Verdana, Helvetica, Sans-serif;
	line-height: 16px;
	color: #757575;
}

#homepage dl
{
	margin: 0;
	font: 12px Arial, Verdana, Helvetica, Sans-serif;
	color: #757575;
}

#homepage dt
{
	margin: 0 0 2px;
	width: auto;
	float: none;
	font-weight: bold;
}

#homepage dd
{
	margin: 0 0 10px;
	width: auto;
	float: none;
	font-weight: normal;
}

#homepage .section
{
	margin-bottom: 30px;
}

#homepage .email-signup dl
{
	margin-bottom: 5px;
}

#homepage .email-signup dt
{
	font-weight: normal;
}

#homepage .email-signup dd
{
	margin: 0;
}

#homepage .email-signup span,
#homepage .email-signup img
{
	display: block;
}

#homepage .email-signup form
{
	margin: 0; 
	padding: 0;
}

#homepage .email-signup input
{
	vertical-align: middle;
}

#homepage .email-signup input#ea
{
	width: 150px;
}

#homepage .email-signup .trust,
#homepage .email-signup .trust a
{
	font: normal 10px Arial, Verdana, Helvetica, Sans-serif;
	color: #999;
}

#homepage .email-signup .trust
{
	padding-left: 1px;
}

/*---------------------------------
	DIRECTIONS
---------------------------------*/
#directions .direction
{
	padding: 1em 0;
	border-top: 1px solid #dadada;
}

	#directions .direction ol
	{
		margin: 0.5em 0;
		padding-left: 30px;
	}
	
	#directions .direction p
	{
		font-size: 1em;
	}

/*---------------------------------
	UNIVERSOUL
---------------------------------*/
#universoul { padding: 14px 0; clear: both; }
#universoul h4 { margin: 0; padding: 0; }
#universoul img { margin: 0; padding: 0; display: block; }
#universoul ul { margin: 0; padding: 0; width: 185px; height: 250px; list-style: none; }
#universoul ul li { margin: 0; padding: 0; }
#universoul p { margin: 0; padding: 0; }

#homepage #universoul { padding: 0; }
#homepage #universoul ul { width: 420px; height: 407px; }
#homepage .universoul-events { padding-bottom: 30px; }
#homepage .universoul-events h5,
#homepage .universoul-events p { font-size: 0.917em; }

#homepage .universoul-events p { margin-bottom: 0; }