/* e9fff6 */
body
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #4C4C4C;
	background-color: #616161;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	line-height: 16px;
}

#ateliersInfo h1 a
{
	color: #9b260b;
	text-decoration: none;
	padding: 7px 0 7px 0;
	margin: 0;
	position: relative;
	font-size: 15px;
	border: 3px outset #fb8013;
	background-color: #fb8013;
	display: block;
}

#ateliersInfo h1 a:active
{
	border: 3px inset #fb8013;
}

#ateliersInfo
{
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
}

#ateliersInfo h1
{
	position: relative;
	text-align: center;
	margin: 0;
	padding: 0;
	display: block;
}

#catchRibbon
{
	position: absolute;
	top: 0;
	right: 0;
	width: 250px;
	height: 250px;
	z-index: 10000;
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
}

#catchRibbon
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="pixels/str-catchWorkshops.png");
}

body > #catchRibbon
{
	background-image: url('pixels/str-catchWorkshops.png');
}

/*#############################################################################
The following lines ensure that common elements are displayed properly
############################################################################*/

img
{
	border: 0;
}

#rightholder p, #rightholder h5, #rightholder img
{
	margin-left: 15px;
}

#rightholder p
{
	font-size: 12px;
	line-height: 14px;
}

#rightholder img
{
	margin-top: 5px;
}

h2
{
	font-size: 18px;
	padding: 0;
	margin: 0 0 20px 0;
	text-shadow: 1px 2px 2px #e9fff6;
}

h5
{
	font-size: 15px;
	padding: 0;
	margin: 20px 0 20px 0;
}

li
{
	margin-bottom: 10px;
}

form, .formDiv
{
	border: 1px solid #626262;
	padding: 10px 10px 10px 6px;
	background-color: #fbfdba;
}

.formDiv p a, .formDiv p a:visited, .formDiv h5
{
	background-color: #fbfdba;
	padding: 4px;
}

.text
{
	border: 1px solid #626262;
}

ul
{
	list-style-type: circle;
	text-align: left;
}

li:hover
{
	font-weight: bold;
}

p a, li a
{
	text-decoration: none;
	background-color: #d5d5d5;
	color: #4C4C4C;
}

p a:hover, li a:hover
{
	background-color: #ff9900;
}

.h5
{
	font-weight: bold;
}

.buttons, .buttons a
{
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	text-decoration: none;
}

/* 
####################################################################################
The following lines take care of the frame
####################################################################################
*/

#wrap
{
	position: relative;
	margin: 30px auto 5px auto;
	width: 800px;
	border: 1px solid #616161;
}

/* 
####################################################################################
The following lines take care of the banner at the top of each page
####################################################################################
*/

#banner
{
	position: relative;
	width: 800px;
	height: 200px;
	background-image: url(pixels/banner);
	background-repeat: no-repeat;
	background-position: center;
	border-top: 1px solid #616161;
}

#mn, #mn a
{
	position: relative;
	width: 800px;
	height: 22px;
	margin: 177px 0 0 0;
	text-align: center;
	color: black;
	font-variant: small-caps;
	font-size: 14px;
	line-height: 22px;
}

/* 
####################################################################################
The following lines take care of the layout inside of the main frame
####################################################################################
*/

#herowrap
{
	position: relative;
	margin: 15px auto 0 auto;
	width: 800px;
	border: 1px solid #616161;
	background-color: white;
}

#hero
{
	position: relative;
	margin: 0 0 0 0;
	width: 800px;
	height: 200px;
	background-repeat: no-repeat;
	background-position: center;
}

#pn, #pn a
{
	position: relative;
	margin: 0 0 30px 0;
	width: 800px;
	height: 20px;
	background-color: #ccc;
	line-height: 20px;
	text-align: center;
	color: #4C4C4C;
	font-variant: small-caps;
	font-size: 14px;
}

#leftholder
{
	position: relative;
	margin: 0 0 30px 15px;
	width: 530px;
}

#rightholder
{
	position: absolute;
	top: 249px;
	left: 560px;
	width: 220px;
	border-left: 1px solid #626262;
}

#bottomcorners
{
	position: relative;
	margin: 0 0 0 0;
	width: 800px;
	height: 24px;
	background-image: url(pixels/bottomcorners);
	background-repeat: no-repeat;
	background-position: center;
}

#footer, #footer a
{
	position: relative;
	margin: 15px 0 15px 0;
	width: 800px;
	text-align: center;
	line-height: 18px;
	color: white;
	font-size: 11px;
	border: 1px solid #616161;
	text-decoration: none;
}
