*
{
	margin: 0;
	padding: 0;
}

#pictures img{ 
	margin-right:6px;
	margin-top:5px;
	border:1px solid #A4B6C8; 
	padding:5px;
}

#workshop_photos{
	margin-right:6px;
	margin-top:5px;
	border:1px solid #A4B6C8; 
	padding:5px;
}

#names span{
	padding: 5px;
}

input{
	padding: 2px;
	margin: 5px 5px 0 20px;
}

textarea{ 
	width:700px;
	height:150px;
	margin: 5px 10px 10px 5px;
}

#subm{
	background-color : #A4B6C8;
	color : #FFF;
	font : bold 14px/14px verdana, geneva, helvetica;
	border : 2px solid #ccc;
	padding: 2px 2px 2px 2px;
}

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-size: 0.65em;
	line-height: 2;
	overflow-x: hidden;
	background: url("/workshops/2008/images/background.png") repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
}

.gradient_background
{
	background: url("/workshops/2008/images/background_gradient.png") repeat-x;
	height: 920px;
	width: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	
}
.page_wrapper
{
	padding: 10px;
}

a
{
	color: #4687d3;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

img
{
	border: none;

}

.offsite
{
	background: url("/files/workshops/2008/images/offsite.png") no-repeat right;
	padding-right: 15px;
}
* html .offsite
{
	/* don't even bother if it's IE 6 since it's breaking anyways */
	background: none;
	padding: 0;
}

.hr
{
	height: 1px;
	background-color: white;
	margin: 5px 0;
	opacity: 0.5;

	/* for IE 6 */
	color: white;
	filter: alpha(opacity=50);
	overflow: hidden;
}

.tophr
{
	margin-top:1em;
	margin-bottom:2em;
}

h1
{
	color: #333333;
	font-size: 1.8em;
	line-height: 1.1em;
	margin-bottom: 8px;
}
h2
{
	font-size: 1.5em;
	color: #000080;
	line-height: 1.4em;
	margin-top: 13px;
	margin-bottom: 5px;
}
h3
{
	font-size: 1em;
	margin-bottom: 3px;
}
h4
{
	font-size: .9em;
}

p
{
	margin-bottom: 10px;
}

li
{
	list-style-image: url("/workshops/2008/images/bullet.png");
	margin-left: 13px;
}
	* html li
	{
		list-style-image: url("/workshops/2008/images/bullet-ie6.png");
	}

form select option
{
	padding-left: 0.3em;
}

.clear
{
	content: ".";
	display: block;
	clear: both;
	height: 1px;
	visibility: hidden;
}

table.ajax_info {
	border-collapse: collapse;
}

table.ajax_info td, th {
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	padding-top: 0.2em;
	border: 1px solid #CCC;
}

/* Main Page Wrappers which show proper backgrounds */
.page
{
	width: 819px;
	margin: auto;
}
	.page .top
	{
		padding: 0 6px;
		height: 13px;
		font-size: 1px; /* fix for IE 6 */
		background: url("/workshops/2008/images/page_top.png") no-repeat;
	}
	.page .middle
	{
		padding: 0 6px;
		background: url("/workshops/2008/images/page_middle.png") repeat-y;
	}
	/* hack it so that IE 6 can display the repeating background transparently */
	* html .page .middle
	{
		background: none; /* cancel out the background above */
		width: 807px; /* 819 - 6 - 6 */
		/* the DX filter needs to be relative to the html document you're calling it from */ /* TODO: make absolute path */
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/workshops/2008/images/page_middle.png', sizingMethod='scale');
	}
		.page .middle .hr
		{
			color: #333;
			background-color: #333;
			margin-top: 10px;
		}
	.page .bottom
	{
		padding: 0 6px;
		height: 19px;
		font-size: 1px; /* fix for IE 6 */
		background: url("/workshops/2008/images/page_bottom.png") no-repeat;
	}
	
	/* Footer */
	.footer
	{
		color: #545454;
	}
		.footer .middle
		{
			text-align: right;
			padding: 0 50px;
			background: url("/workshops/2008/images/footer_middle.png") repeat-y;
		}
		/* hack it so that IE 6 can display the repeating background transparently */
		* html .footer .middle
		{
			background: none; /* cancel out the background above */
			width: 719px; /* 819 - 50 - 50 */
			/* the DX filter needs to be relative to the html document you're calling it from */ /* TODO: make absolute path */
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/workshops/2008/images/footer_middle.png', sizingMethod='scale');
		}
		.footer .middle .content
		{
			float: right;
			text-align: right;
		}
		.footer .bottom
		{
			padding: 0 20px;
			height: 17px;
			font-size: 1px; /* fix for IE 6 */
			background: url("/workshops/2008/images/footer_bottom.png") no-repeat;
		}

/* Header */
.header
{
	padding: 0 30px 15px 30px;
}

.top_callout
{
	background: url("/workshops/2008/images/top_callout.png") no-repeat;
	margin-top: 20px;
	float: right;
	display: block;
	width: 273px;
	height: 30px;
	font-size: 9px;
	text-align: center;
	line-height: 28px;
	color: black;
	text-decoration: underline;
	font-weight: bold;

}
	/* hack it so that IE 6 will display the text in the middle */
	* html .top_callout
	{
		padding-top: 5px;
	}
	.top_callout img
	{
		vertical-align: middle;
	}
/*	.top_callout:after
	{
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		height: 0;
	}*/

/* Navigation */
.navbar
{
	height: 26px;
	background: url("/workshops/2008/images/navbar.png") repeat-x;
	text-align: left;
	line-height: 1.8;
	font-weight: bold;
	font-size: 1em;
	text-transform: uppercase;
	color: #c6c6c6; /* for separators */
	padding: 3px;
}
	.navbar a
	{
		color: black;
		padding: 5px 15px 8px;
		text-decoration: none;
	}
	.navbar a:hover
	{
		color: #509bde;
	}

/* transMenu drop-down navigation */
/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu
{
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
}
	
	/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
	.transMenu .content
	{
		position:absolute;
	}
	
	/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
	.transMenu .items
	{
		position:relative;
		left:0px; top:0px;
		z-index:2;
	}
	.transMenu.top
	{
		background: none;
		behavior: none;
	}
	* html .page .middle .top
	{
		/* fix for IE 6 bad specificity overwriting */
		background: none;
		behavior: none;
	}
	
	.transMenu.top .items
	{
		border: 1px solid #6591e8;
		border-top: 1px solid #19498b;
	}
	
	/* each TR.item is one menu item */
	.transMenu .item
	{
		color: white;
		font-size: 12px;
		font-weight: bold;
		font-family: sans-serif;
		text-decoration: none;
		/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
		border:none;
		cursor:pointer;
		cursor:hand;
	}
	
	/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
	/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
	.transMenu .background
	{
		position:absolute;
		left:0px; top:0px;
		z-index:1;
		opacity: 0.95;
		filter:alpha(opacity=95);
	}
	
	/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
	.transMenu .shadowRight
	{
		position:absolute;
		z-index:3;
		top:3px; width:2px;
		opacity: 0.4;
		filter:alpha(opacity=40);
	}
	
	/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
	.transMenu .shadowBottom
	{
		position:absolute;
		z-index:1;
		left:3px; height:2px;
		opacity: 0.4;
		filter:alpha(opacity=40);
	}
	
	/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
	.transMenu .item.hover
	{
		background-color: #3062c6;
	}
	
	/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
	.transMenu .item img
	{
		margin-left:10px;
	}
		
.dropdown
{
	border: 1px solid #70a2eb;
	border-top: 1px solid #19498b;
	background-color: #1653a3;
	color: white;
}
.dropdown:hover
{
	background-color: #347ad2;
	border-left: 1px solid #347ad2;
	border-right: 1px solid #347ad2;
}

.spacer
{
	height: 10px;
}

.inset
{
	margin-right: 100px;
}

/* to float images properly */
.right
{
	float: right;
}

/* Homepage Boxes */

.hero_wrapper h2, .subnav h2
{
	font-size: 1.1em;
	line-height: 1.5em;
	/* cancel out default H2 styling */
	margin-top: 0;
	font-style: normal;
}

.hero_wrapper
{
	padding: 15px 32px;
	line-height: 1.1;
	text-align: justify;
}
	.hero_wrapper h2
	{
		text-transform: uppercase;
	}

	/* homepage blueboxes */
	.blueboxes
	{
		float: right;
	}
	
		.bluebox
		{
			text-transform: uppercase;
			background: url("/workshops/2008/images/bluebox.png") no-repeat;
			height: 62px;
			width: 142px;
			margin-bottom: 9px;
			padding: 5px 10px 5px 10px;
		}
			.bluebox a
			{
				color: white;
			}
			.bluebox h2
			{
				color: white;
				font-weight: normal;
			}
			
			.search h2 img
			{
				margin-right: 5px;
				vertical-align: -2px;
			}
			.search input
			{
				font-size: 1em;
				width: 100%;
			}
			
			.page_formats h2 img
			{
				margin-right: 5px;
				vertical-align: -1px;
			}
			.page_formats .help
			{
				float: right;
				padding: 0;
				margin: 2px 3px 0 0;
			}
			* html .page_formats .help
			{
				/* IE6 tweak */
				margin-top: 0;
			}
			.page_formats hr
			{
				margin-bottom: 0px;
			}
			.page_formats div a img
			{
				margin: 0 3px;
				margin-top: 4px;
				vertical-align: top;
			}
			
			.contact
			{
				padding: 15px 8px 5px 8px;
				width: 146px;
			}
			.contact img
			{
				margin-right: 5px;
			}
		
	/* NEWS Box */
	.graybox
	{
		float: right;
		width: 209px;
		margin-right: 18px;
	}
		.graybox a
		{
			color: black;
		}
		.graybox .hr
		{
			margin: 10px 0;
		}
		.page .middle .graybox .top
		{
			background: #e4e4e4 url("/workshops/2008/images/graybox_top.png") no-repeat top center;
			height: 8px;
		}
		.graybox .rss
		{
			float: left;
			padding-top: 3px;
		}
		.graybox h2
		{
			padding-left: 15px;
		}
		.graybox .content
		{
			background: #e4e4e4 url("/workshops/2008/images/graybox_bottom.png") no-repeat bottom center;
			padding: 0 10px 5px 10px;
			height: 222px;
		}
	

.subpage_left
{
	clear: both;
	float: left;
	width: 162px;
}

/* main content area */
.content_wrapper
{
	margin-top: 9px;
	padding: 0 15px 0 20px;
}
	* html .content_wrapper
	{
		/* fix IE weirdness */
		margin-top: 0px;
	}
	
	.content_wrapper h2{
		color:black;
		padding-top:20px;
	}
	
	.content_wrapper h3{
		padding-left: 30px;
		padding-bottom: 5px;
	}
	
	.content_wrapper img{
		padding-right:10px;
	}
	
	.content_wrapper ul{
		padding-left: 30px;
		padding-right:20px;
	}

	.content_wrapper ol{
		padding-left: 40px;
		padding-right:20px;
	}
	
	.content_wrapper li{
		padding:5px 0 5px 0;
	}
	
	.numbered{
		list-style:decimal;
	}
		
	.content_wrapper hr{
		margin-bottom: 10px; 
		color:#262626; 
		height:1px; 
		margin-left:30px;
		margin-right:20px;
	}
	
	/* subnav blueboxes */
	.subnav
	{
		width: 162px;
		margin-top: 30px;
	}
		.page .middle .subnav .top
		{
			height: 6px;
			font-size: 1px; /* fix for IE 6 */
			background: url("/workshops/2008/images/bluebox_top.png") no-repeat;
		}
		
		.subnav a
		{
			padding: 5px 5px 5px 15px;
			color: white;
			text-decoration: none;
		}
		.subnav a:hover
		{
			text-decoration: underline;
		}

		.subnav h2
		{
			margin-left: 1px;
			background: url("/workshops/2008/images/subnav_header.png") no-repeat;
			padding-left: 23px;
			line-height: 1.5;
			font-size: 1.5em;
			font-weight: normal;
			height: 24px;
		
			/* for IE 6 */
			color: white;
		}
		.subnav h2 a
		{
			padding: 0; /* cancel out a and use h2 styling */
		}

		.subnav .middle
		{
			background: #2e589d url("/workshops/2008/images/bluebox_middle.png") no-repeat bottom center;
			padding: 0; /* cancel out .page .middle */
			padding-top: 10px;
		}
		* html .subnav .middle
		{
			/* IE 6 fixes */
			width: 162px;
			filter: none;
			background: #2e589d url("/workshops/2008/images/bluebox_middle.png") no-repeat bottom center;
		}
		
		.subnav .content
		{
			padding: 12px;
			color: white;
			font-size: .9em; /* fix for firefox PC */
		}
		.subnav .content .hr
		{
			margin: 0;
		}
		.subnav .content span
		{
			/* fix radic to be closer to link */
			margin-left: -10px;
		}
		
		.subnav .middle .expander
		{
			height: 169px;
			width: 1px;
			float: left;
			visibility: hidden;
		}
		* html .subnav .middle .expander
		{
			/* hack to remove extra space before H2 */
			margin-left: -5px;
		}
		
		.subnav .bottom
		{
			height: 6px;
			font-size: 1px; /* fix for IE 6 */
			background: url("/workshops/2008/images/bluebox_bottom.png") no-repeat;
		}
	
	.smallsearch
	{
		text-transform: uppercase;
		color: white;
		font-size: 0.8em;
		padding-top: 9px;
	}
		.smallsearch input
		{
			font-size: 1.3em;
			width: 92px;
			margin-right: 5px;
		}
		.smallsearch div a img
		{
			margin: 3.8px;
			vertical-align: top;
		}
		.smallsearch div a.help img
		{
			margin-top: 6px;
		}

	.subpage
	{
		margin-left: 200px;
	}
	
	.index a h1
	{
		color: #4687d3;
	}
	
	/* breadcrumbs */
	.breadcrumbs
	{
		margin-bottom: 10px;
	}
		.breadcrumbs li
		{
			margin-left: 0; /* zero out default LI style */
			display: inline;
		}
		.breadcrumbs li:before
		{
			content: "> ";
		}
		.breadcrumbs li.l1:before
		{
			content: "";
		}
	
	a.readmore
	{
	}
	
	

form label
{
	display: inline-block;
	margin-top: 5px;
	color: gray;
	font-weight: bold;
}

.features
{
}
	.features li div
	{
		color: dimgray;
		float: right;
		border: 3px solid #70a2eb;
		background-color: #1653a3;
		color: white;
		padding: 10px;
		width: 300px;
		margin-top: -15px;

		display: none;
		visibility: hidden;
	}
	.features li:hover div
	{
		display: block;
		visibility: visible;
	}

.partners img
{
	float: left;
}
	.partners h2, .partners p
	{
		padding-left: 260px;
	}

.comments h3, .comments h4
{
	color: #666;
}
	.comments h4
	{
		float: right;
		font-style: italic;
		font-weight: normal;
	}

input#spmtrap
{
	display: none;
}
 
/*================== schedule ==================*/
#mytable{	
	width: 100%;
	padding: 0;
	margin: 0;}
	
#mytable caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#mytable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../images/bg_header.jpg) no-repeat;
}

#mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#mytable th.nobgu {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
	padding-top:2em;
}


#mytable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


#mytable td.alt {
	background: #F5FAFA;
	color: #797268;
}

#mytable td.none{
	border-right: 0px solid #C1DAD7;
	border-bottom: 0px solid #C1DAD7;
	color:#262626;
}

#mytable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(../images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#mytable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(../images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

.content_wrapper_two h1{border: 1px solid #ccc; background-color:#EEE; padding: 1em; color: #333333; font-size: 16px;}
.content_wrapper_two h1 span{font-size:18px;}
.content_wrapper_two h2{padding: .5em 1em .5em 2em; border: 1px solid #ccc; background: #DAE7E9 url(../images/icons/bullet_go.png) .5em 50% no-repeat; margin: 1em 0 1em 0; }
.content_wrapper_two p{padding: 0 1em 0 4em; font-size: 12px; font-weight:bold; background: url(../images/icons/bullet_black.png) 1.5em 5px no-repeat;}
.content_wrapper_two p.note{ color:#990000; background: url(../images/icons/exclamation.png) 1.5em .8em no-repeat; padding: .5em 1em .5em 4em;}
span.hint{ color:#009900; font-weight:normal; font-style:italic;}
.content_wrapper_two ol{ padding: 0 1em 2em 6em; font-size: 12px;}
.content_wrapper_two ol li textarea{ width:600px;}
a.ex-link p{ font-size: 10px; padding: .5em 1em .5em 3em; margin: 0;  background: url(../images/icons/page_gear.png) .5em 6px no-repeat;}
a.ex-link p:hover{ text-decoration:underline;}
a.movie-link p{ font-size: 10px; padding: .5em 1em .5em 3em; margin: 0;  background: url(../images/icons/movies.png) .5em 6px no-repeat;}
a.movie-link p:hover{ text-decoration:underline;}
.content_wrapper_two div img{ padding: 1.5em 0 1.5em 0;}