/*
 * CSS to center the layout
 */
BODY
{
  text-align: center;
}

#container /* see below too */
{
  margin: 0 auto;
  width: 782px; /* 770 + padding + border-width */
  text-align:left;
}

#innercontainer
{
	position:relative;
	background-color:white;
	apadding-bottom:20px;
}

/*
 * make sure Firefox box-sizing is equal to IE
 */
DIV, A
{
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/*
 * colors
 */
BODY
{
	background-color:#6699CC;
	margin:0px;
}
BODY, TABLE
{
	font-family: Optima, Albertus, Verdana, Arial, sans-serif;
	font-size:12px;
}

#container /* see upwards too */
{
	border-left:dashed 1px black;
	border-right:dashed 1px black;
	padding-left:5px;
	padding-right:5px;
}

/*
 * Header
 */
#header
{
	position:relative;
	width:770px;
	height:123px;
	background-image:url(../img/header.jpg);
	cursor:pointer;cursor:hand;
}
#header_middle_line
{
	position:absolute;
	width:100%;
	height:26px;
	bottom:0px;
	border-bottom:dashed 1px black;
	border-top:dashed 1px black;
}

/*
 * Menu
 */
#menu
{
	position:absolute;
	left:0px;
	width:135px;
	height:206px;
	background-image:url(../img/menu.jpg);
	border-right:dashed 1px black;
	border-bottom:dashed 1px black;
}
.menu_item
{
}
.menu_item A
{
	color:black;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
	
	display:block;
	width:100%;
	padding:5px 0px 5px 10px;
	
	border-bottom:dashed 1px black;
}
.menu_item A:hover
{
	text-decoration:underline;
}


/*
 * Main, content area
 */
#main_pusher
{
	position:relative;
	margin-left:146px;
	height:15px;
}
#main
{
	position:relative;
	margin-left:146px;
	width:609px;
	aborder:solid 1px red;
}

#main_leftcolumn
{
	position:absolute;
}
#main_rightcolumn
{
	position:absolute;
	margin-left:310px;
}

/*
 * Workshops for homepage
 */
.main_workshop
{
	width:300px;
	height:120px;
	margin-bottom:8px;
	
	border:dashed 1px #3E2140;	
}
.workshop_header
{
	height:28px;
	background-color:#3E2140;
	color:white;
	border-bottom:dashed 1px white;
	
	padding-left:10px;
	padding-top:6px;
	
	text-transform:uppercase;
	font-weight:bold; font-weight:normal;
	font-size:14px;
}
.workshop_image
{
	position:absolute;
	left:1px;
	border-right:dashed 1px #3E2140;
}
.workshop_text
{
	margin-left:97px; /* width of image */
	margin-top:5px;
	line-height:150%;
}

/*
 * Workshops for detail page
 */
.main_workshop_fullpage
{
	width:605px;
	
	font-size:12px;
	border:dashed 1px #3E2140;
}
.workshop_image_fullpage
{
	float:right;
	margin-left:8px;
	border-left:dashed 1px #3E2140;
	border-bottom:dashed 1px #3E2140;
}
.workshop_text_fullpage
{
	margin-left:10px;
	margin-top:5px;
	line-height:150%;
}

/*
 * styles for layouting the text in the workshop detail pages
 */
UL
{
	list-style-type:none;
	margin-top:0px;
}
H1
{
	font-size:14px;
	margin-bottom:0px;
}