html, body {border: 0; margin: 0; padding: 0;}

			body{ background:#F6EADB; }
					
			a
			{
				text-decoration:none;
			}	
			a:hover
			{
				text-decoration:none;
			}
			.pagetitle
			{
				left:50px;
				position:absolute;
				color: #A0522D;
				font-family: helvetica, times;
				letter-spacing:-0.15em;
				font-size:5em;
			}
				.pagesubtitle
				{
					display:block;
					font-family: helvetica, times;
					font-size:3em;
					position:absolute;
					top:70px;
					left:0px;
					color:#DAA520;
					margin-left:100px;
				}
					.whatsimprov
					{
					font-family: helvetica, times;
					font-size:1.5em;
					position:absolute;
					top:130px;
					left:252px;
					color:#A0522D;
					margin-left:100px;
					}
				.pagetitle a
				{
					color: #A0522D;
					text-decoration:none;
				}
					.pagetitle a:hover
					{
						color: #A0522D;
						text-decoration:none;
					}
					
			#homebutton a
			{
				top:40px;
				right:40px;
				position:absolute;
				color: #A0522D;
				font-family: helvetica, times;
				letter-spacing:-0.09em;
				font-size:2em;
				font-weight:bold;
				z-index:99;
			}
					#homebutton a:hover
					{
						text-decoration:underline;
					}


		#workshopswrapper
		{
			width:800px;
			position:absolute;
			top:40%;
			left:20%;
		}
				.workshoptitle
 				{
				color: #A0522D;
				font-family: helvetica, times;
				letter-spacing:-0.11em;
				font-size:1.9em;
				font-weight: bold;
 				}
 					#thefirst
 					 {
 					 	position:absolute;
 					 	top:190px;
						left:110px;
 					 }
 					#thesecond
 					 {
 					 	position:absolute;
 					 	top:190px;
						left:460px;
 					  }
 					#thethird
 					 {
 					 	position:absolute;
						top:190px;
						left:800px;; 					 	 					 						}

			.boxgrid{ 
				width: 325px; 
				height: 260px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 2px #DAA520; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
			
				
				.boxgrid p{ 
					padding: 0px 10px; 
					color:#CDC9C9; 
					font-weight: normal; 
					font-size:.9em;
					font-family: helvetica, Arial, sans-serif; 
				}
				
				.boxgrid p .date
				{
					float:left;
					position:relative;
					bottom:0px;
				}
				
				.boxgrid a
				{
					float:right;
					color:#DAA520;
					text-decoration:none;
				}
					.boxgrid a:hover
					{
						color:#DAA520;
						text-decoration:underline;
					}			

#footer
{
	width:100%;
	position:absolute;
	bottom:1px;
}
	
.footregister
{
					font-family:helvetica, arial;
					font-size:1.2em;
					font-weight:bold;
					letter-spacing:-.08em;
					text-align:center;
					color:#A0522D;
}

.footregister a
{
	text-decoration:none;					
	color:#DAA520;
	opacity:.8;
}
.footregister a:hover
{
	text-decoration: underline;					
	color:#DAA520;
	opacity:1;
}

	.boxcaption
{ 
				color:#FFFFFF;
				font-family:helvetiva, arial, times;
				font-size: 1.7em;
				letter-spacing:-0.1em;
				padding-left:10px;
				margin-top:4px;
				position: absolute; 
				background: none; 
text-shadow:3px 3px 3px #000000;
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
	
	.workshopcomplete
{ 
				color: #DAA520;
				font-family: impact, helvetica, arial, times;
				font-size: 3em;
				padding-left:10px;
				margin-top:100px;
font-weight:normal;
				margin-left:80px;
				position: absolute; 
				background: none; 
				text-shadow: #000000 5px 5px 5px;

				-moz-transform:rotate(-30deg) scale(1);
				-webkit-transform:rotate(-30deg) scale(1);
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
 				
 				
 
a.workshoptip
{
	color:	#A0522D;
}
a.workshoptip span {
	display: none;
	position: absolute;
	font-size:.7em;
	top: -80px;
	left: 230px;
	width: 400px;
	padding: 20px;
	z-index: 999;
	background: #000;
	color: #fff;
	-moz-border-radius: 5px; /* this works only in camino/firefox */
	-webkit-border-radius: 5px; /* this is just for Safari */
}

a:hover.workshoptip 
{
	font-size: 99%; /* this is just for IE */
}

a:hover.workshoptip span 
{
	display: block;
	text-decoration:none;

}