/*---------- GENERAL */
html {
	height: 				100%;
}

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

body {
	margin:					0;
	font-family:			arial, verdana, helvetica;
	font-size:				12px;
	color:					#333333;
	font-weight:        	normal;
	background-color: 		#ffffff;
	text-align: 			center;	
}

h2 {
	font-size:				24px;
	color:					#333333;
}

a {
	color:					#cc0000;
	text-decoration:		none;
}

p {
	font-size:				12px;
	margin:					0;
	padding:				0;
	color:					#333333;
}

div.clear {
	clear:              	both;
	font-size:          	1px;
	line-height:        	1px;
	overflow:           	hidden;
	he\ight:            	0px;
}

.textModule{
	margin: 				15px 0px 0px 0px;
	line-height: 			1.7em;
}

.downloadModule {
	background: 			url(/images/downloadArrow.gif) no-repeat top left;
	padding-left: 			15px;
	line-height: 			12px;
	margin: 				10px 0 10px 5px;
}

.downloadModule a{
	color: 					#000000;
}

.container .footer{
	color: 					#666666;
	background: 			url(/images/footerLineTop.gif) no-repeat;
	width: 					900px;
	min-height: 			10px;
	margin-top: 			40px;
	padding: 				10px 0 0 0;
}

* html .footer{
	height: 				10px;
}

div.footer .footerColumn{
	float: 					left;
	width: 					240px;
	margin: 				20px 60px 0 0;
}


.fontSize12{
	font-size: 				12px;
}

.fontSize14{
	font-size: 				14px;
}

.fontSize16{
	font-size: 				16px;
}


.boldRed span{
	color: red;
}

/*---------- main */

div#main {
	width:					900px;
	min-height:				100%;
	background-color: 		#FFFFFF;
	text-align: 			left;
	margin: 				0px auto;
}

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

div.container {
	position:				relative;
	margin: 				8px;
	padding: 				0px 0 40px 0;
	width:					900px;
}

div.contentArea {
	position: 				relative;
	margin:					0px;
	padding: 				0px;
	width:					900px;
	margin-top: 			20px;
	min-height: 			300px;
}

* html div.contentArea{
	height: 				300px;
}

div.blank {
	height:					25px;
}

div.dots {
	height:					1px;
	background-repeat:		repeat-x;
	background-image:		url(/images/dots.gif);
	background-position:	center;
	margin:					15px 0 15px 0;
	line-height:			1px;
	font-size:				1px;
}

div.line {
	height:					1px;
	line-height:			1px;
	font-size:				1px;	
	overflow:				hidden;
	background-color:		#999999;
	margin:					15px 0 15px 0;
}


/*---------- FRONT PAGE */

/* image container */

.contentArea .fpImageContainer .topArt{
	background-image: 		url(/images/frontPage/topImgArt.gif);
	width: 					100%;
	height: 				16px;
}

.contentArea .fpImageContainer .bottomArt{
	background-image: 		url(/images/frontPage/bottomImgArt.gif);
	width: 					100%;
	height: 				16px;
}

.contentArea .fpImageContainer .imageOne{
	position: 				relative;
	float: 					left;
	border-left: 			9px solid #000000;
	padding-left: 			9px;
	width: 					432px;
	height: 				177px;
}

.contentArea .fpImageContainer .imageTwo{
	position: 				relative;
	float: 					left;
	border-right: 			9px solid #000000;
	padding-right: 			9px;
	width: 					432px;
	height: 				177px;
}

/* text container */

.textContainer{
	margin-top: 			40px;
}

.textContainer img{
	margin-top: 			10px;
}

.textContainer h2{
	margin: 				0px;
	color: 					#cc0000;
	font-size: 				18px;
	font-weight:			normal;
}

.textContainer .textModule p{
	margin: 				15px 0px 0px 0px;
}

.textContainer .column2 .spotModule, .textContainer .column3 .spotModule{
	background: 			url(/images/spot/spotBack.gif) repeat-y;
	margin-bottom: 			20px;
	padding: 				0px;
	font-size: 				0px;	
}

.textContainer .column2 .spotModule .spotText,
.textContainer .column3 .spotModule .spotText{
	font-size: 				11px;
	padding: 				7px 5px 12px 12px;
	line-height: 			1.5em;
}

.textContainer .column2 .spotModule .spotImage, .textContainer .column3 .spotModule .spotImage{
	border-bottom: 			2px solid #ffffff;
}

.textContainer .column2 .spotModule .spotHeader,
.textContainer .column3 .spotModule .spotHeader{
	background: 			url(/images/spot/spotHeaderBackTop.gif) no-repeat;
	background-color:	 	#bfdaed;
	min-height: 			22px;
	border-bottom: 			1px solid #ffffff;
}

* html .textContainer .column2 .spotModule .spotHeader,
* html .textContainer .column3 .spotModule .spotHeader{
	height: 				22px;
}

.textContainer .column2 .spotModule .spotHeader h2,
.textContainer .column3 .spotModule .spotHeader h2{
	color: 					#000000;
	padding: 				7px 10px 7px 12px;
	font-size: 				12px;
}

.textContainer .spotModule img{
	margin-top: 			0px;
}

.textContainer .spotModule .spotEndLine{
	background: 			url(/images/spot/spotEndLine.gif) repeat-x;
	height: 				6px;
	width: 					100%;
}


.textContainer .column1{
	position: 				relative;
	float: 					left;
	width: 					406px;
	margin: 				0 30px 0 12px;
	display: 				inline;
}

.textContainer .column2{
	position: 				relative;
	float: 					left;
	width:					195px;
	margin-right: 			25px;
	display: 				inline;
}

.textContainer .column3{
	position: 				relative;
	float: 					left;
	width:					195px;
	margin-right: 			25px;
	display: 				inline;
}

/*---------- CONTENT PAGE / CONTENT SUB PAGE / CONTENT SUB SUB PAGE */

.contentArea h2{
	margin: 				0px;
	color: 					#cc0000;
	font-size: 				18px;
	font-weight:			normal;
}

.contentArea .headingBar{
	background: 			url(/images/barHeaderBackTop.gif) no-repeat;
	background-color: 		#bfdaed;
	width: 					440px;
	min-height: 			22px;
	margin-bottom: 			1px;
}

* html .contentArea .headingBar{
	height: 				22px;
}


.contentArea .headingBar h2{
	color: 					#000000;
	padding: 				7px 0 7px 12px;
	font-size: 				12px;
}

.contentArea #contentPageContainer .column1{
	position: 				relative;
	float: 					left;
	width: 					208px;
	height: 				1px;
	margin-right: 			22px;
	display: 				inline;
}	

.contentArea #contentPageContainer .column2{
	position: 				relative;
	float: 					left;
	width: 					440px;
	margin-right: 			22px;
	display: 				inline;
}

.contentArea #contentPageContainer .column3{
	position: 				relative;
	float: 					left;
	width: 					208px;
	display: 				inline;
}

/* Column3 - spot module */


.spotText ul{
	margin: 				0px;
	padding: 				0px;
	list-style-position: 	inside;
}

.spotText ol{
	margin: 				0px;
	padding: 				0px;
	list-style-position: 	inside;
}


.contentArea #contentPageContainer .column3 .spotModule{
	background: 			url(/images/spot/spotBack.gif) repeat-y;
	margin-bottom: 			20px;
	padding: 				0px;
	font-size: 				0px;	
}

.contentArea #contentPageContainer .column3 .spotModule .spotText{
	font-size: 				11px;
	padding: 				7px 5px 12px 12px;
	line-height: 			1.5em;
}

.contentArea #contentPageContainer .column3 .spotModule .spotImage{
	border-bottom: 			2px solid #ffffff;
}

.contentArea #contentPageContainer .column3 .spotModule .spotHeader{
	background: 			url(/images/spot/spotHeaderBackTop.gif) no-repeat;
	background-color:	 	#bfdaed;
	min-height: 			22px;
	border-bottom: 			1px solid #ffffff;
}

* html .contentArea #contentPageContainer .column3 .spotModule .spotHeader{
	height: 				22px;
}

.contentArea #contentPageContainer .column3 .spotModule .spotHeader h2{
	color: 					#000000;
	padding: 				7px 10px 7px 12px;
	font-size: 				12px;
}

.contentArea #contentPageContainer .column3 .spotModule .spotEndLine{
	background: 			url(/images/spot/spotEndLine.gif) repeat-x;
	height: 				6px;
	width: 					100%;
}

/* Column2 - text + image module (comb1 module) */

.contentArea #contentPageContainer .column2 .comb1Module{
	margin: 				10px 0 0 0;
}

.contentArea #contentPageContainer .column2 .comb1Module .combImage{
	float: 					left;
}

.contentArea #contentPageContainer .column2 .comb1Module .combImage img{
	border: 				none;
}

.contentArea #contentPageContainer .column2 .comb1Module .combText{
	float: 					left;
	width: 					218px;
	margin: 				0 10px 0 10px;
}

.contentArea #contentPageContainer .column2 .comb1Module .combText h2{
	font-size: 				14px;
	color: 					#323333;
	margin: 				0 0 2px 0;
}

.contentArea #contentPageContainer .column2 .comb1Module .combText p{
	line-height: 			1.8em;
}

/* Column2 - text + image module (comb2 module) */

.contentArea #contentPageContainer .column2 .comb2Module{
	margin: 				10px 0 0 0;
}

.contentArea #contentPageContainer .column2 .comb2Module .combImage{
	float: 					left;
}

.contentArea #contentPageContainer .column2 .comb2Module .combImage img{
	border: 				none;
}

.contentArea #contentPageContainer .column2 .comb2Module .combText{
	float: 					left;
	width: 					317px;
	margin: 				0 10px 0 10px;
}

.contentArea #contentPageContainer .column2 .comb2Module .combText h2{
	font-size: 				14px;
	color: 					#323333;
	margin: 				0 0 2px 0;
}

.contentArea #contentPageContainer .column2 .comb2Module .combText p{
	line-height: 			1.2em;
}