/********************************************/
/* PROJECT CONTAINER */
/********************************************/
div#projectContainer
{
	position: relative;
	float: left;
	width: 420px; /* even width to get correct corner positioning */
	background-color: #e4edda;
	/* top right bottom left */
	padding: 0px 4px 4px 4px;
	display: inline; /* fix for double float-margin bug in IE 6 */
	margin-bottom: 1.3em;
}

/* bright green headline in project container */
div#projectContainer h2
{
	color: #628E03;
	font-size: 1.2em;
	font-weight: bold;
	/* top right bottom left */
	margin: 4px 0px 4px 12px;
}

/********************************************/
/* INNER PROJECT BOX */
/********************************************/
div#innerProjectBox
{
	position: relative;
	width: 420px; /* even width to get correct corner positioning */
	background-color: #fff;
	padding-bottom: 19px;
}

div#innerProjectBox h3
{
	font-size: 1.1em;
	font-weight: bold;
	/* top right bottom left */
	padding: 12px 0px 6px 12px;
}

div#innerProjectBox h2
{
	color: #628E03;
	font-size: 1.1em;
	font-weight: bold;
	/* top right bottom left */
	margin: 12px 0px 0px 0px;
	padding: 0px 12px 0px 12px;
}

div#innerProjectBox p
{
	/* top right bottom left */
	padding: 0px 12px 0px 12px;
}

div#innerProjectBox ul
{
	/* top right bottom left */
	padding: 0px 12px 0px 12px;
	list-style-type: disc;
	list-style-position: inside;
	margin-bottom: 1.1em;
}

div#innerProjectBox ol
{
	/* top right bottom left */
	padding: 0px 12px 0px 12px;
	list-style-type: decimal;
	list-style-position: inside;
	margin-bottom: 1.1em;
}

div#innerProjectBox li
{
	font-size: 1.1em;
	line-height: 1.5em;
	padding-left: 1.1em;
	text-indent: -1.1em;
}

/* INNER PROJECT BOX SEPARATOR LINE */
div#innerProjectBox div.hr
{
	height: 1px;
	background: url(../sodertorn_images/projectBox/brightGreenPixel.gif) repeat-x scroll center;
	/* top right bottom left */
	margin: 0px 12px 3px 12px;
}
div#innerProjectBox div.hr hr {
  display: none;
}

div#innerProjectBox img.readMoreBullet
{
	/* top right bottom left */
	margin: -5px 3px -5px 12px;
}

div#innerProjectBox a
{
	font-weight: normal;
	font-size: 1.1em;
}

div#innerProjectBox img.yesNoIcon
{
	/* top right bottom left */
	margin: 8px 3px -3px 0px;
}

/********************************************/
/* INNER PROJECT BOX ROUNDED CORNERS */
/* no PNG version for these corners since they
are designed with a specific color. Therefore
only a GIF-version is needed. */
/********************************************/
div#innerProjectBox div.topLeft 
{
	top: 0px; 
	left: 0px;	
	background-image: url(../sodertorn_images/projectBox/grayGreenTopLeft.gif); 
	width: 3px; 
	height: 3px; 
	position: absolute;
	background-repeat: no-repeat;
}

div#innerProjectBox div.topRight 
{
	top: 0px; 
	right: 0px; 
	background-image: url(../sodertorn_images/projectBox/grayGreenTopRight.gif); 
	width: 3px; 
	height: 3px; 
	position: absolute;
	background-repeat: no-repeat;
}

div#innerProjectBox div.bottomLeft 
{
	bottom: 0px; 
	left: 0px; 
	background-image: url(../sodertorn_images/projectBox/grayGreenBottomLeft.gif);
	width: 3px; 
	height: 3px; 
	position: absolute;
	background-repeat: no-repeat;
}

div#innerProjectBox div.bottomRight 
{
	bottom: 0px; 
	right: 0px;	
	background-image: url(../sodertorn_images/projectBox/grayGreenBottomRight.gif);
	width: 3px; 
	height: 3px; 
	position: absolute;
	background-repeat: no-repeat;
}