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


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

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

h1 {
	font-size:			10px;
	margin:				13px 5px 3px 7px;
	padding:			0;
	color:				#60bf00;
	font-weight:		normal;
}

p {
	font-size:			10px;
	margin:				0 5px 0 7px;
	padding:			0;
	color:				#666666;
}

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

div#main {
	position:			relative;
	margin: 			0 auto;
	width:				838px;
	min-height:			100%;
	text-align:			left;
	background-color: 	#FFFFFF;
	padding:			0 0 -23px 0;
}



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


/* STYLES FOR CONTENTTYPE */

div.main2Col {
	background-image:	url(/images/main2ColBG.gif);
	background-repeat:	repeat-y;
}

div.main3Col {
	background-image:	url(/images/main3ColBG.gif);
	background-repeat:	repeat-y;
}

div.main4Col {
	background-image:	url(/images/main4ColBG.gif);
	background-repeat:	repeat-y;
}

div.mainCol {
	background-image:	url(/images/mainBG.gif);
	background-repeat:	repeat-y;
}

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


/* STYLES FOR TOPBAR */
div.top {
	text-align:			center;
	background-color:	#FFFFFF;
}

/* STYLES FOR MENU */
div.menu {
	position:			relative;
	height:				22px;
	background-image:	url(/images/menuBG.gif);
}

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

div.menu ul li {
	float:				left;
	padding:			0 10px 0 10px;
	margin:				0;
	height:				22px;
	line-height:		22px;
}

div.menu ul li ul {
	position:			absolute;
	left:				0;
	top:				22px;
	background-color:	#6c6c61;
	width:				814px;
	height:				22px;
	border-bottom:		1px solid #ffffff
}

div.menu ul li ul li {
	height:				22px;
	line-height:		22px;
}


/* link menu styles */
div.menu ul li.open, div.menu ul li.openactive {
	background-image:	url(/images/menuActiveBG.gif);
	height:				22px;
	line-height:		22px;
}

div.menu ul li a {
	text-decoration:	none;
	color:				#000000;
}

div.menu ul li.open a, div.menu ul li.openactive a {
	color:				#000000;
	font-weight:		bold;
}

/* link submenu styles */
div.menu ul li ul li.open, div.menu ul li ul li.openactive {
	background-image:	none;
	height:				22px;
	line-height:		22px;
}

div.menu ul li ul li a {
	text-decoration:	none;
	color:				#cccccc;
}

div.menu ul li ul li.open a, div.menu ul li ul li.openactive a  {
	color:				#fff401;
}

/* STYLES FOR MENUSPACER */
div.menuSpacer {
	height:				23px;
	
}



/* STYLES FOR IMAGE */
div.wideImg {
	background-color:	#FFFFFF;
}

div.wideImg img {
	margin:				1px 0 1px 0;
}


/* STYLES FOR CONTENTAREA */
div.contentArea {
	border-top:			1px solid #4b4b4b;
}

/* STYLES FOR CONTENTAREATOP */
div.main4Col div.contentAreaTop {
	margin:				0 11px 0 11px;
	border-bottom:		7px solid #ffffff;
	height:				72px;
	background-color:	#00c4f4;
}


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

div.main2Col div.column2 {
	float:				right;
	width:				445px;
}

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


/* STYLES FOR 3 COLUMNS  */
div.main3Col div.column1 {
	float:				left;
	width:				184px;
	
}

div.main3Col div.column2 {
	float:				left;
	width:				446px;
}

div.main3Col div.column3 {
	float:				left;
	width:				184px;
}

div.main3Col div.column4 {
	display:			none;
}

/* STYLES FOR 4 COLUMNS  */

div.main4Col div.column1 {
	float:				left;
	width:				199px;
	text-align:			left;
	padding:			0;
	margin:				0 1px 0 8px;
	display:			inline;
}

div.main4Col div.column2 {
	float:				left;
	width:				199px;
	margin:				0 1px 0 0;
	padding:			0;
	display:			inline;
}

div.main4Col div.column3 {
	float:				left;
	width:				199px;
	margin:				0 1px 0 0;
	padding:			0;
	display:			inline;
}

div.main4Col div.column4 {
	float:				left;
	width:				199px;
	margin:				0 7px 0 0;
	padding:			0;
	display:			inline;
}

div.main4Col div.borderControl {
	height:				100%;
	width:				100%;
	background-color:	#FFFFFF;
}

/* STYLES FOR TEASERS */

div.teaser {
	margin:				0px 5px 0px 5px;
	padding:			8px 5px 8px 5px;
	background-color:	#FFFFFF;
}

div.teaser h1,div.teaser p {
	margin:				0;
	padding:			0;
}

div.teaser p a {
	color:				#333333;
	text-decoration:	none;
}


div.teaser h1 a {
	font-size:			10px;
	color:				#333333;
	font-weight: 		bold;
	text-decoration:	none;
}





/* STYLES FOR IMAGECONTAINER */

div.main3Col div.column2 div.imageContainer, div.main2Col div.column2 div.imageContainer {
	padding:			0 0 10px 0;
	margin:				1px 1px 8px 1px;
	background-image:	url(/images/imageContainerBG.gif);
	background-position:bottom;
	background-repeat:	no-repeat;
}

/* STYLES FOR HEADING */

H2 {
	font-family:		verdana, arial, helvetica;
	font-size:			24px;
	color:				#f7db00;
	font-weight:        normal;	
	padding: 			0 0 0 0;
	margin: 			25px 22px 25px 22px;
}

/* STYLES FOR P IN MAIN3COL & MAIN3COL - COLUMN2  */

div.main3Col div.column2 p, div.main2Col div.column2 p {
	margin: 0px 22px 22px 22px;
	line-height: 13px;
}

div.main3Col div.column2 p a, div.main2Col div.column2 p a {
	text-decoration:	none;
	color:				#990099;
}

/* STYLES FOR IMG IN MAIN3COL & MAIN3COL - CCOLUMN2  */

div.main3Col div.column2 img.imageInText, div.main2Col div.column2 img.imageInText {
	margin:				17px 17px 17px 17px;
}

/* STYLES FOR IMAGELIST  */

ul.imageList {
	margin:				30px 17px 0 17px;
	padding:			0;
	list-style:			none;
}

ul.imageList li {
	float:				left;
	
	width:				193px;
	height:				73px;
	border:				1px solid #cccccc;
	margin:				-1px 0 0 -1px;
	display:			inline;
	text-align:			center;
	line-height:		73px;
}

ul.imageList li img {
	margin-top:			10px;
	display:			inline;
}

/* STYLES FOR DOWNLOADLIST  */

ul.downloadList {
	margin:				22px 17px 0 17px;
	padding:			0;
	list-style:			none;
}

ul.downloadList li {
	border-top:			1px solid #cccccc;
	border-bottom:		1px solid #cccccc;
	margin:				-1px 0 0 0;
	padding:			0 0 0 21px;
	line-height:		21px;
}

ul.downloadList li.pdf {
	background-image:	url(/images/icons/pdf.gif);
	background-repeat:	no-repeat;
	background-position:0 2px;
}

ul.downloadList li a {
	color:				#999999;
	text-decoration:	none;
}


/* STYLES FOR VERTICALMENU  */
div.main3Col div.menuVertical {
	margin:				11px 0 7px 0;
}

div.main3Col div.menuVertical h1 {
	margin:				17px 3px 7px 1px;
	color:				#99cc00;
}

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

div.main3Col div.menuVertical ul li {
	margin:				0;
	padding:			0;
}

div.main3Col div.menuVertical ul li.open {
	margin:				0;
	padding:			0;
	background-color:	#f5f6f8;
}

div.main3Col div.menuVertical ul li.openactive {
	margin:				0;
	padding:			0;
	background-color:	#FFFFFF;
}

div.main3Col div.menuVertical ul li.openactive ul{
	margin:				0;
	padding:			0;
	background-color:	#f5f6f8;
}


div.main3Col div.menuVertical a {
	color:				#333333;
	text-decoration:	none;
	line-height:		16px;
	background-image:	url(/images/menuVerticalBullet.gif);
	background-repeat:	no-repeat;
}

/* first level */
div.main3Col div.menuVertical ul li a {
	padding:			0 0 0 25px;
	background-position:10px 4px;
}


/* second level */
div.main3Col div.menuVertical ul li ul li a {
	padding:			0 0 0 37px;
	background-position:24px 4px;
}

/* third level */
div.main3Col div.menuVertical ul li ul li ul li a {
	padding:			0 0 0 49px;
	background-position:37px 4px;
}

/* fourth level */
div.main3Col div.menuVertical ul li ul li ul li ul li a {
	padding:			0 0 0 61px;
	background-position:49px 4px;
}

div.main3Col div.menuVertical ul li.active {
	background-color:	#FFFFFF;
}
div.main3Col div.menuVertical ul li.active a.active, div.main3Col div.menuVertical ul li.open a.active, div.main3Col div.menuVertical ul li.openactive a.active {
	font-weight:		bold;
	color:				#333333;
}


div.main2Col div.menuVertical {
	padding:			40px 10px 0 13px;
}

div.main2Col div.menuVertical h1 {
	display:			none;
}

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

div.main2Col div.menuVertical ul li {
	margin:				0;
	padding:			0 0 0 80px;
	background-repeat:	no-repeat;
	background-position:0px 5px;
	min-height:			70px;
	border-bottom:		1px solid #cccccc;
}

/* IE-specific hack */
* html div.main2Col div.menuVertical ul li {
	/* mac hide \*/
	height:			70px;
	/* end mac hide*/
}

div.main2Col div.menuVertical ul li div {
	color:				#666666;
	padding: 			5px 0 5px 5px;
}

div.main2Col div.menuVertical ul li.active div {
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
}

div.main2Col div.menuVertical ul li p {
	color:				#666666;
	padding:			0;
	margin:				0;
}

div.main2Col div.menuVertical ul li a {
	color:				#333333;
	text-decoration:	none;
	margin:				2px 0 2px 0;
}

/* STYLE FOR BOTTOM */
div#main div.bottom {
	position:			absolute;
	bottom:				0px;
	height:				23px;
	line-height:		23px;
	border-top:			1px solid #6c6c61;
	width:				793px;
	margin:				0 12px 0 12px;		
	padding:			0 0 0 21px;
	background-color:	#ffffff;	
	display:			none;
}

/* MODULE STYLES */
div.spacer {
	height:				1px;
	line-height:		1px;
	overflow:			hidden;
	background-color:	#cccccc;
	margin:				13px 0 13px 0;
}

div.spacerDots {
	height:				1px;
	line-height:		1px;
	overflow:			hidden;
	background-image:	url(/images/dots.gif);
	margin:				0 5px 0 5px;
	background-color: 	#FFFFFF
}

div.downloadHeading {
	position:			relative;
	height:				20px;
	line-height:		20px;
	border-top:			1px solid #cccccc;
	padding:			0 0 0 12px;
	background-color:	#e7e4d7;
	margin-bottom:		-1px;
	margin: 			10px 22px 10px 22px;
}

div.download {
	height:				23px;
	line-height:		23px;
	margin: 			0 22px 0 22px;
}

div.download a {
	padding:			0 0 0 22px;
	color:				#666666;
	text-decoration: 	none;
	background-image:	url(/images/download.gif);
	background-repeat:	no-repeat;
	background-position:4px center;
	display:			block;
}

/* STYLES FOR BOX HEADING */
div.boxHeading {
	height:				28px;
	line-height:		28px;
	color:				#ffffff;
	font-size:			11px;
	padding:			0 10px 0 10px;
	overflow:			hidden;
	margin:				0 0 6px 0;
}

/* Setting BOX HEADING BACKGROUND */
div.column1 div.boxHeading {
	background-image:	url(/images/boxHeadingBG1.gif);
}

div.column3 div.boxHeading {
	background-image:	url(/images/boxHeadingBG3.gif);
}