/* General styles */
html {
	height: 			100%;
}


body {
	min-height: 100%;
	height: 100%!important;
}

body {
	margin:				0;
	font-family:		verdana, arial, helvetica;
	font-size:			10px;
	color:				#000000;
	font-weight:        normal;
	background-color: 	#FFFFFF;	
}

a {
	color:				#990000;
}

h1 {
	font-size:			12px;
	margin:				0;
	padding:			0;
	color:				#000000;
	font-weight:		normal;
}

h2 {
	font-size:			10px;
	margin:				10px 27px 10px 27px;
	padding:			0;
	color:				#333333;
	font-weight:		normal;
	text-transform:		uppercase;
}

h3 {
	font-size:			10px;
	margin:				0;
	padding:			0;
	color:				#000000;
	font-weight:		normal;
}

p {
	font-size:			10px;
	margin:				0;
	padding:			0;
	color:				#000000;
}

div.clear {
	height:				1px;
	overflow:			hidden;
	clear:				both;
	margin-top:			-1px;
}

div#main {
	position:			relative;
	margin: 			0;
	padding:			0;
	width:				1021px; /* ORIGINALY 1015px */
	min-height:			100%;
	text-align:			left;
	background-color: 	#FFFFFF;
	
}



/* IE-specific hack */
* html div#main {
	/* mac hide \*/
	height: 100%;
	/* end mac hide*/
}

/* Fix for Jumping Menu Bug in IE5. */
/* Do not remove! 					*/
/* Fix IE. Hide from IE Mac \*/
* html div.menuImage ul li
{
	float: 					left;
	height: 				1%;
}

* html div.menuImage ul li a
{
	height: 				1%;
}
/* End of Jumping Menu Bug fix */

/* STYLES FOR CONTENTTYPE */

div.mainFrontPage {
	padding:			0;
	margin:				0;
}

div.mainTextPage {
	padding:			0;
	margin:				0;
}

div.mainImagePage {
	padding:			0;
	margin:				0;
}


/* STYLES FOR CONTAINER */
div.container {
	position:			relative;
	padding:			0;
	margin:				0;
}

div.clearSpace {
	width:				1015px;
	height:				42px;
	background-color:	#ffffff;
}

div.menuTitle {
	float:				right;
	padding:			0;
	margin:				0 14px 0 0;
	width:				200px;
	background-image:	url(/images/StineHeilmann.gif);
	background-repeat:	no-repeat;
	height:				11px;
}

div.menuTitle a{
	text-decoration:	none;
	display:block;
}

/* STYLES FOR MENU */
div.mainFrontPage div.menu {
	float:				left;
	margin:				0;
	padding:			0;
	width:				267px;
	border-right:		1px solid #666666;
}

div.mainTextPage div.menu, div.mainImagePage div.menu {
	float:				left;
	margin:				0;
	padding:			0;
	width:				267px;
}

div.menu ul {
	list-style:			none;
	padding:			0;
	margin:				62px 0 0 0;
}

div.menu ul li {
	padding:			0 15px 0 0;
	margin:				18px 0 1px 0;
	text-transform: 	uppercase;
	color:				#990000;
	font-size:			10px;
	text-align:			right;
}

/* link menu styles */
div.menu ul li.active {
	text-transform: 	uppercase;
	color:				#990000;
	font-size:			10px;
	text-align:			right;	
	background-image:	url(/images/tallSquare.gif);
	background-repeat:	no-repeat;
	background-position:256px 1px;
}

div.menu ul li a {
	padding:			0;
	text-decoration:	none;
	text-transform: 	uppercase;
	color:				#990000;
	font-size:			10px;
}

div.menu ul li.active a {
	padding:			0;
	text-decoration:	none;
	text-transform: 	uppercase;
	color:				#990000;
	font-size:			10px;

}

/* next level menu */

div.menu ul li ul, div.menu ul li.active ul {
	list-style:			none;
	padding:			0;
	margin:				0;
}

div.menu ul li ul li, div.menu ul li.active ul li {
	padding:			1px 0 1px 0;
	margin:				0;
	text-transform: 	none;
	color:				#990000;
	font-size:			10px;
	text-align:			right;
	background-image:	none;
}

div.menu ul li ul li.active, div.menu ul li.active ul li.active {
	background-image:	none;
}

div.menu ul li ul li a, div.menu ul li.active ul li a {
	text-decoration:	none;
	text-transform: 	none;
	color:				#990000;
	font-size:			10px;
	
}

div.menu ul li ul li.active a, div.menu ul li.active ul li.active a {
	text-decoration:	none;
	text-transform: 	none;
	color:				#333333;
	font-size:			10px;
	
}

/* STYLES FOR CONTENTAREA */
div.contentArea {
	margin:				0;
	padding:			0;
}

/* STYLES FOR 2 COLUMNS  */
div.mainFrontPage div.column1 {
	float:				left;
	width:				747px;
}

div.mainFrontPage div.column2, div.mainFrontPage div.column3 , div.mainFrontPage div.column4 {
	display:			none;
}

div.mainFrontPage div.column1 img {
	padding:			0;
	margin:				0;
}

div.textModule  {
	color:				#333333;
	font-size:			10px;
	margin:				10px 27px 10px 27px;
	padding:			0;
	
}

div.textModule a {
	color:				#990000;
	text-decoration:	none;
	
}

div.mainTextPage div.column1 {
	float:				left;
	width:				290px;
	height:				623px;
	margin:				0;
	padding:			0;
	border:				1px solid #666666;
	border-top:			0;
	border-bottom:		0;

}

div.mainTextPage div.column2 {
	float:				left;
	width:				456px;
	margin:				0;
	padding:			0;

}
div.mainTextPage div.column2 img{
	margin:				0 0 10px 27px;
	padding:			0;
}


div.mainTextPage div.column3 , div.mainTextPage div.column4 {
	display:			none;
}
div.mainImagePage div.column1 {
	float:				left;
	width:				126px;
	height:				584px; /* added 10px beacause of the extra text under the image */
	margin:				0;
	padding:			0;
	border:				1px solid #666666;
	border-top:			0;
	border-bottom:		0;
}

div.mainImagePage div.column2 {
	float:				right;
	width:				620px;
	margin:				0;
	padding:			0;
}


div.mainImagePage div.column3 , div.mainImagePage div.column4 {
	display:			none;
}


/* STYLES FOR BLOCKQUOTE*/
blockquote {
	font-size:			11px;
	font-weight:		normal;
	color:				#666666;
	margin:				0 31px 10px 19px;
	padding:			0;
}


/* STYLES FOR SPACER  */
div.blank {
	height:				13px;
}

div.bigBlank {
	height:				52px;
}

/* STYLES FOR DOTS  */
div.dots {
	height:				1px;
	background-repeat:	repeat-x;
	background-image:	url(/images/dots.gif);
	background-position:center;
	margin:				6px 27px 6px 27px;
	line-height:		1px;
	font-size:			1px;
}

/* STYLES FOR STROKE  */
div.line {
	height:				1px;
	line-height:		1px;
	font-size:			1px;	
	overflow:			hidden;
	background-color:	#cccccc;
	margin:				6px 27px 6px 27px;
}

/* STYLES FOR DOWNLOADLIST  */

a.downloadModule {
	text-decoration:	none;
	display:			block;
	font-size:			10px;
	color:				#333333;
	margin:				15px 0 0 0;
	padding:			0 0 0 45px;
	background-image:	url(/images/icons/arrowDown.gif);
	background-repeat:	no-repeat;
	background-position:27px 1px;
}

/* STYLES FOR VERTICALMENU  */


div.menuVertical {
	padding:			0;
	margin:				52px 0 0 0;
}

div.menuVertical a{
	margin:				0;
	padding:			0;
	font-weight:		normal;
	text-decoration:	none;
}

div.menuVertical ul {
	list-style:			none;
	margin:				0;
	padding:			0;
}

div.menuVertical ul li {
	float:		 		left;
	width:				262px;
}

div.menuVertical ul li h1 {
	margin:				0 0 1px 10px;
	padding:			0;
}

div.menuVertical ul li h2 {
	margin:				10px 0 1px 10px;
	padding:			0;
}

div.menuVertical ul li h1 a {
	font-size:			10px;
	color:				#333333;
	font-weight:        bold;
}
div.menuVertical ul li h2 a {
	font-size:			10px;
	color:				#333333;
	font-weight:        normal;
}

div.menuVertical ul li div.text {
	margin:				0 0 0 10px;
	padding:			0;
}

div.menuVertical ul li div.text a {
	font-size:			10px;
	color:				#333333;
	font-weight:        normal;
}

div.menuVertical ul li.active div.text a, div.menuVertical ul li.active h2 a, div.menuVertical ul li.active h1 a  {
	color:				#990000;
}



/* STYLES FOR IMAGECONTAINER */

div.imageContainer {
	padding:			0 0 10px 0;
	margin: 			0;
}

/* STYLES FOR MENUIMAGE  */

div.menuImage {
	padding:			0;
	margin:				0;
}

div.menuImage ul {
	list-style:			none;
	margin:				65px 0 0 3px;
	padding:			0;
	width:				123px;
	height:				240px;
}

div.menuImage ul li {
	float:		 		left;
	height:				54px;
	width:				54px;
	margin:				0 3px 6px 3px;
	padding:			0;
}

div.menuImage ul li.displayNone {
	display:			none;
}

div.menuImage ul li div.imageborder {

}

div.menuImage ul li div.imageborder a {
	display:		 	block;
	height:				54px;
	width:				54px;
}

div.menuImage ul li.active {
	float:		 		left;
	height:				54px;
	width:				54px;
}

div.menuImage ul li.active div.imageborder {
	height:				50px;
	width:				50px;
	padding:			1px;
	border:				1px solid #990000;
}

div.menuImage ul li.active div.imageborder a {
	display:		 	block;
	height:				50px;
	width:				50px;
}

/* CASE STORIES DISPLAY AND NOT */

div.displayNone{
	display:			none;
}

div.displayBlock{
	display:			block;
}

/* STYLES FOR IMAGE/PAGE COUNTER */

div.menuPageCounter, div.menuImageCounter {
	padding:			0;
	margin:				15px 0 10px 0;
}

div.numbers {
	float:				left;
	margin:				0;
	padding:			0;
	text-align:			center;
	width:				98px;
}

div.back {
	float:				left;
	background-image:	url(/images/backArrow.gif);
	background-repeat:	no-repeat;
	height:				7px;
	width:				4px;
	margin:				2px 0 0 6px;
	padding:			0;
}
div.back a{
	display:			block;
	height:				7px;
	width:				4px;
}

div.forward {
	float:				right;
	background-image:	url(/images/forwardArrow.gif);
	background-repeat:	no-repeat;
	height:				7px;
	width:				4px;
	margin:				2px 6px 0 0;
	padding:			0;
}

div.forward a{
	display:			block;
	height:				7px;
	width:				4px;
}

/* STYLES FOR MENUCOUNTER  */


div.menuImageCounter {
	padding:			0;
	margin:				0;
}

div.menuImageCounter ul {
	list-style:			none;
	margin:				12px 0 0 25px;
	padding:			0;
}

div.menuImageCounter ul li {
	float:		 		left;
	margin:				0 10px 0 0;
	padding:			0;
}


div.menuImageCounter ul li a {
	display:		 	block;
	color:				#999999;
	text-decoration:	none;
	font-size:			10px;
}

div.menuImageCounter ul li.active a {
	color:		 		#cc0000;
}

/* STYLE FOR FIELD CONTAINER */
div.fieldContainer {
	font-weight:		bold;
	color:				#333333;
	margin:				0 85px 10px 27px;
	padding:			0;
}

span.normal {
	font-weight:		normal;
}

span.red, p.red {
	color:				#cb0100 !important;
}

div.fieldContainer input.textField, textarea.textField {
	border:				1px solid #cccccc;
	width:				311px;
	margin:				0px;
	padding:			0px;
}

div.buttomContainer {
	margin:				0 85px 10px 27px;
}

input.button {
	border:				1px solid #656565;
	width:				95px;
	height:				21px;
	line-height:		20px;
	float:				right;
	background-image:	url(/images/buttonBG.gif);
	font-family:		verdana;
	font-size:			10px;
	text-align:			center;	
}
