/* ++++++++++++++++++++ RESET TAGS +++++++++++++++++++++ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
}
ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align: left; font-weight: normal; }
th, td { vertical-align:top; }
img { display:block; border:none; }
input, textarea, select { font-family:Verdana, Arial, Helvetica, sans-serif; }
a { text-decoration:none; }
/* ++++++++++++++++++++ End RESET TAGS ++++++++++++++++++++ */

/* ++++++++++++++++++++ GLOBAL LAYOUT +++++++++++++++++++++ */
.screen-readers, 
.home h1 { display:block; visibility:hidden; position:absolute; left:-9999em; }
body { 
	font-family:Arial, Helvetica, Verdana, sans-serif; 
	font-size:62.5%;
	color:#000;
}
#global-nav {
	width:100%;
	overflow:hidden;
	margin-bottom:30px;
	background:url(../img/tabs-bg.gif) 0 0 repeat-x;
}
	#global-nav ul { 
		margin-left:10px;
	}
		#global-nav li { 
			display:inline; 
			float:left;
			background:url(../img/tabs-right.gif) 100% -200px no-repeat;
		}
			#global-nav li.current { background-position:100% 0; }
			#global-nav li a, 
			#global-nav li.current span { 
				float:left;
				display:block;
				padding:18px 32px 10px 30px;
				font-size:1.1em;
				font-weight:bold;
				color:#666;
				background:url(../img/tabs-left.gif) 0 -200px no-repeat;
			}
			#global-nav li.current span { 
				padding:16px 32px 12px 30px;
				background-position:0 0;
				color:#999;
			}
				#global-nav li a:hover {
					color:#333;
					text-decoration:underline;
				}

#header {
	width:90%;
	overflow:hidden;
	margin:0 0 50px 40px;
}
#main-content {
	width:100%;
	overflow:hidden;
	margin-bottom:40px;
}
.site-nav {
	float:left;
	width:300px;
	margin:0 10px 10px 0;
}
.intro {
	float:left;
	width:290px;
	font-size:1.1em;
}
	.intro p a {
		font-weight:bold;
	}
		#header .intro p a:hover {
			color:#000;
		}
	#header a.logo {
		display:block;
		float:left;
		text-indent:-9999px;
		width:232px;
		height:67px;
		background:url(../img/logo2.gif) 0 0 no-repeat;
	}
	#header .site-nav ul {
		float:right;
	}
		#header .site-nav li {
			margin-bottom:1px;
			font-size:1.1em;
		}
			#header .site-nav li a {
				display:block;
				padding:2px 5px;
				font-weight:bold;
				letter-spacing:1px;
				color:#fff;
				background:#9c3;
			}
				#header .site-nav li a:hover {
					color:#000;				
				}

h1, 
h2, 
h3 {
	margin:0 0 0.2em 40px;
	font-size:3em;
	color:#9c3;
}
#main-content p {
	margin-bottom:1em;
	font-size:1.2em;
	line-height:1.4;
}
	#main-content p a {
		text-decoration:underline;
	}
		#main-content p a:hover {
			color:#000;
		}
	
	#main-content code {
		font-family:courier;
	}

#main-content ol {
	margin-left:22px;
}
#main-content ol, 
#main-content ul {
	margin-bottom:1em;
}
	#main-content ol li, 
	#main-content ul li {
		font-size:1.2em;
		line-height:1.4;
	}
	
div.item {
	margin:0 0 60px 40px;
}
	div.item h1, 
	div.item h2, 
	div.item h3, 
	div.item p, 
	div.item ol, 
	div.item ul {
		width:50%;
	}
	div.item h1 {
		clear:left;
		margin:0 0 0.2em 0;
	}
	div.item h2 {
		margin:0 0 0.4em 0;
		padding:0.4em 0 0 0;
		font-size:2em;
	}
	div.item h3 {
		margin:0 0 0.4em 0;
		padding:0.4em 0 0 0;
		font-size:1.4em;
		font-weight:bold;
	}
	div.item ul.breadcrumbs {
		list-style:none;
		padding:0;
	}
		div.item ul.breadcrumbs li {
			float:left;
			padding-right:0.5em;
			margin-bottom:10px;
		}
			div.item ul.breadcrumbs li a {
			}
				div.item ul.breadcrumbs li a:hover {
					color:#000;
				}
		
	div.item li strong, 
	div.item p strong {
		font-weight:bold;
	}
	div.item li em, 
	div.item p em {
		font-style:italic;
	}
		div.item li a {
			text-decoration:underline;
		}
			div.item li a:hover {
				color:#000;
			}
		
	div.item img {
		border:1px solid #9c3;
	}
	div.item ul {
		list-style:square;
		padding-left:20px;
	}
		div.item ul.image-list {
			width:100%;
			overflow:hidden;
			margin:0;
			padding:0 0 1px;
			list-style:none;
		}
			div.item ul.image-list li {
				display:inline;
				float:left;
				margin-right:-1px;
				margin-bottom:-1px;
				background:#9c3;
			}
				div.item ul.image-list li strong { 
					display:block;
					float:left;
					min-height:22px;
					padding:8px 8px 0;
					font-weight:bold;
					letter-spacing:1px;
					line-height:1.2;
					color:#fff;
				}
		
	div.item a.more {
		padding:1px 4px;
		font-weight:bold;
		font-size:1.1em;
		color:#fff;
		letter-spacing:1px;
	}
		div.item a.more:hover {
			color:#000;
		}
		
	div.item label.date {
		width:50%; 
		display:block;
		margin:3em 0 1em;
		padding:1px 4px;
		background:#9c3;
		font-size:1.1em;
		color:#fff;
	}
		
div.video {
	width:300px;
	height:270px;
	margin-bottom:2em;
	border:1px solid #9c3;
}
	div.large {
		width:600px;
		height:338px;
	}
	div.medium {
		width:540px;
		height:400px;
	}

	ul.items { 
		margin-left:40px;
		margin-right:160px;
	}
		ul.items li {
			float:left;
			display:inline;
			margin:0 0 0 -1px;
			width:300px;
			border:1px solid #9c3;
			background-color:#9c3;
			color:#fff;
		}
			ul.items li strong { 
				display:block;
				float:left;
				min-height:22px;
				padding:8px 8px 0;
				font-weight:bold;
				letter-spacing:1px;
				line-height:1.2;
			}
			ul.items li div.panel {
				position:relative;
			}
				ul.items li div.photo-nav {
					width:160px;
					overflow:hidden;
					margin:5px 0 15px;
				}
					ul.items li div.photo-nav .next {
						position:relative;
						float:left;
						font-size:4.2em;
						line-height:0.3;
					}
					ul.items li div.photo-nav ul li {
						width:auto;
						margin:0 2px 2px 0;
						border:2px solid #fff;
					}
						ul.items li div.photo-nav ul li.current{
							border-color:#9c3;
						}
				
					ul.items li div.more-info {
						z-index:222;
						position:absolute;
						top:-1px;
						left:300px;
						width:160px;
						height:292px;
						padding:5px 10px;
						background:#000;
					}
					#main-content ul.items li div.more-info p {
						font-size:1em;
						color:#fff;
					}
							
					#main-content ul.items li div.more-info a.more {
						padding:1px 4px;
						font-weight:bold;
						font-size:0.9em;
						color:#fff;
						letter-spacing:1px;
						border:2px solid #9c3;
					}
						#main-content ul.items li div.more-info a.more:hover {
							background-color:#9c3;			
							color:#000;
						}
					
					ul.items li.hover {
						cursor:pointer;
						color:#000;
					}
						ul.items li.selected.hover {
							color:#fff;
						}
					ul.items li.selected {
						border-color:#000;
						background:#000;
					}
					
table {
	margin-bottom:1em;
	font-size:1.2em;
	line-height:1.4;
}
	table tr {}
		table tr th, 
		table tr td {
			padding:5px;
			border:1px solid;
		}
		table tr th {
			font-weight:bold;
		}
		table tr td {
			padding:5px 0;
		}
			table thead tr th {
				background:#f00;
				color:#fff;				
			}
			table tr.workshop th, 
			table tr.workshop td {
				background:#f66 url(../img/dia.gif);
			}
			table tr.this-week th, 
			table tr.this-week td {
				background-color:#ad4;
			}
			table tr.last-week th, 
			table tr.last-week td {
				background:#daa;
				color:#fff;
			}
				#main-content table td ul {
					margin:0;
					width:85%;
					font-size:0.85em;				
				}
					table tr.workshop td ul li {
						background:#fff;
					}
		span.done {
			text-decoration:line-through;
		}
		

#header .site-nav li a,
ul.items li, 
div.item ul.image-list li, 
div.item a.more, 
div.item label.date, 
#main-content ul.items li div.more-info a.more:hover {
	background-color:#f00;
}
table,
#header .intro *, 
#main-content h1, 
#main-content h2, 
#main-content h3, 
#main-content p a, 
div.item li a, 
div.item p, 
div.item ol, 
div.item ul {
	color:#f00;
}
table,
ul.items li div.photo-nav ul li.current, 
ul.items li, 
div.item img, 
#main-content ul.items li div.more-info a.more, 
div.video {
	border-color:#f00;
}