html
{
	height : 100%;
}

body
{
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 80%;
	color : #000000;
	height : 100%;
	background : #ffffff;
}

body * {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 1em;
}


#nonFooter
{
	position: relative;
	min-height: 100%;
	background : #ffffff;
	text-align:left;
	margin: 0px auto;
}

	div.rightbar#nonFooter
	{
		background : url(/local/images/right_bg.gif) repeat-y right top #ffffff;
	}

* html #nonFooter
{
	height: 100%;
}

#footer
{
	position: relative;
	margin-top: -25px;
	background : #ffffff;
	height : 25px;
	margin-left : auto;
	margin-right : auto;
}




/**************************************
	LAYOUT
**************************************/
div.pinkcontentarea
{
	background-color:pink;
	border:1px solid red;
	margin:10px 0;
	padding:5px;
}
div.topBar
{
	background : url(/local/images/banner.jpg) no-repeat right top #ffffff;
	height : 59px;
}

	div.logo
	{
		background : url(/local/images/logo_4.gif) no-repeat left top;
		width : 220px;
		height : 29px;
		margin : 14px 0px 0px 13px;
		position : absolute;
	}

div.menuBar
{
	background : #ee3224;
	border-top : 1px solid #ffffff;
	border-bottom : 1px solid #ffffff;
	height : 22px;
}

	div.menuBar#adminMenuBar,
	div.menuBar#adminLeftMenuMenuBar
	{
		background : #19255f;
	}

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

		ul.mainMenu#rightbarMainMenu
		{
			display : none;
		}

		ul.mainMenu li
		{
			margin : 0;
			padding : 0;
			float : left;
		}

		ul.mainMenu a
		{
			color : #ffffff;
			font-weight : bold;
			text-decoration : none;
			padding : 3px 42px 3px 43px;
			line-height : 22px;
			border-right : 1px solid #ffffff;
			font-size : 10pt;
		}

			ul.mainMenu#trueMainMenu a
			{
				padding : 3px 17px 3px 17px;
			}

		ul.mainMenu a:hover,
		ul.mainMenu a#mainOn,
		ul.mainMenu a:hover#mainOn
		{
			background : #19255f;
		}


div.leftRegion
{
	width : 217px;
	position : absolute;
	left : 0px;
	top : 83px;
}

	div.leftRegion#rightbarLeftRegion,
	div.leftRegion#adminLeftRegion
	{
		display : none;
	}

	div.sectionTitle
	{
		color : #224b8f;
		font-size : 1.1em;
		font-weight : bold;
		background : url(/local/images/left_dots.gif) no-repeat left bottom #ffffff;
		padding : 26px 0px 5px 40px;
	}

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

		ul.leftMenu li
		{
			padding : .5em 0px .5em 40px;
		}

		ul.leftMenu a
		{
			background : url(/local/images/arrow_green.gif) no-repeat left .2em;
			padding : 0px 0px 0px 10px;
			color : #45669e;
			text-decoration : none;
			display : block;
		}

		ul.leftMenu a:hover,
		ul.leftMenu a#leftOn,
		ul.leftMenu a:hover#leftOn
		{
			color : #6a874c;
		}

div.headerBar
{
	background : url(/local/images/header_bg.gif) repeat-x left top;
	margin : 0px 0px 0px 217px;
	height : 47px;
}

	div.headerBar#rightbarHeaderBar,
	div.headerBar#adminHeaderBar,
	div.headerBar#adminLeftMenuHeaderBar
	{
		display : none;
	}

	div.headerBar h1
	{
		background : url(/local/images/header_corner.gif) no-repeat left bottom;
		color : #224b8f;
		font-size : 1.3em;
		font-weight : bold;
		line-height : 47px;
		margin : 0px;
		padding : 0px 0px 0px 28px;
	}

div.contentRegion
{
	margin : 0px 0px 25px 217px;
	padding : 30px 10px 30px 28px;
}

	div.contentRegion#rightbarContentRegion
	{
		margin : 0px 0px 25px 38px;
		padding : 30px 190px 30px 28px;
		background : url(/local/images/happypeople_right.jpg) no-repeat right top;
		min-height : 246px;
	}

	* html div.contentRegion#rightbarContentRegion
	{
		height : 246px;
	}

	div.contentRegion#adminContentRegion
	{
		margin : 0px 0px 25px 0px;
		padding : 30px 20px 0px 20px;
	}


div.bottomRegion
{
	height : 25px;
	background : url(/local/images/bottom_bg.gif) no-repeat right bottom #d6debf;
	color : #a6af8b;
	line-height : 25px;
	padding-left : 20px;
}

	div.bottomRegion#rightbarBottomRegion
	{
		background : url(/local/images/bottom_bg_rightbar.gif) no-repeat right bottom #d6debf;
	}


	div.bottomRegion a
	{
		text-decoration : none;
		color : #444444;
		font-size : 8pt;
		padding : 0 20px;
	}
	
	div.bottomRegion a:hover
	{
		color : #a6af8b;
	}

/**************************************
	END LAYOUT
**************************************/






/**************************************
	CONTENT STYLES
**************************************/

div.contentRegion div.intro
{
	padding : 15px 0;
	color : #45669e;
}

div.contentRegion a.directive
{
	background : url(/local/images/arrow_green.gif) no-repeat left .3em;
	text-decoration : none;
	padding-left : 12px;
	color : #45669e;
}

div.contentRegion a
{
	color : #45669e;
	text-decoration : none;
}

div.contentRegion a:hover
{
	color : #45669e;
	text-decoration : underline;	
}

div.contentRegion h1
{
	color : #224b8f;
	font-size : 1.5em;
	font-weight : bold;
}

div.contentRegion h2
{
	color : #ee3224;
	font-weight : bold;
}



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


	* HTML div.contentRegion ul
	{
		height : 1px;
	}


	div.contentRegion ul li
	{
		background : url(/local/images/green_bullet.gif) no-repeat left 6px;
		padding : 0px 0px 0px 12px;
	}

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

		div.contentRegion ul ul li
		{
			background : url(/local/images/gray_bullet.gif) no-repeat left 7px;
			padding : 0px 0px 0px 12px;
		}



	div.button 
	{
		background : #a4b165;
		padding : 5px 10px;
		float : right;
		margin-bottom : 20px; 
	}
	
		div.button a.greenButton
		{
			background : url(/local/images/greenbut_arrow.gif) no-repeat left 5px ;
			padding-left : 10px;
			color : #ffffff;
			font-weight : bold;
		}
	
		div.button a:hover.greenButton
		{
			color : #ffffff;
			text-decoration : none;
		}

div.contentRegion div.formWrap
{
	width : 100%;
}

	div.question
	{
		color : #ee3224;
		font-weight : bold;	
	}



div.instructions
{
	background : #e8eaf3;
	width : 250px;
	float : right;
	font-size : 8pt;
	padding : 10px;
}

	div.instructions b
	{
		color : #930451;
		font-size : 10pt;
	}




table.inputForm td
{
	padding : .2em 0;
}

table.inputForm tr.error
{
	background-color : #e9ebf3;
}

	table.inputForm td.mandatory
	{
		color : #930451;
		padding : .6em 20px .6em 0px;
	}

	table.inputForm td.label
	{
		white-space : nowrap;
		padding : .6em 20px .6em 0px;
	}

		table.inputForm td.legend
		{
			font-size : .8em;
		}

		table.inputForm td.label a
		{
			text-decoration : none;
			font-weight : bold;
			color : #930451;
			font-size : 1.1em;
		}

		div.legend
		{
			background : #d6debf;
			color : #444444;
			position : absolute;
			padding : 20px;
			display : none;
		}

	table.inputForm td.field
	{
		width : 100%;
		font-size : .9em;
	}

		table.inputForm td.field input[type="text"]
		{
			width : 93%;
		}

		table.inputForm td.field input
		{
			width : expression(this.type == "text" ? "93%" : "");
		}

		table.inputForm td.field textarea
		{
			width : 93%;
		}

	table.inputForm td.submit
	{
		text-align : right;
	}

		table.inputForm td.submit input
		{
			border : none;
			color : #000000;
			cursor : pointer;
			font-weight : bold;
		}

			table.inputForm td.submit input.back
			{
				background : url(/local/images/back_icon.gif) no-repeat right top #ffffff;
				padding : 0px 20px 0px 0px;
			}

			* html table.inputForm td.submit input.back
			{
				background : url(/local/images/back_icon.gif) no-repeat right 2px #ffffff;
				padding : 0px 15px 0px 0px;
			}

			table.inputForm td.submit input.next
			{
				background : url(/local/images/next_icon.gif) no-repeat left top #ffffff;
				padding : 0px 0px 0px 20px;
				margin-left : 40px;
			}

			* html table.inputForm td.submit input.next
			{
				background : url(/local/images/next_icon.gif) no-repeat left 2px #ffffff;
				padding : 0px 0px 0px 15px;
				margin-left : 40px;
			}




table.dataTable
{
	border-collapse : collapse;
	border : 1px solid #c0ccdf;
	margin-top : 20px;
}

	table.dataTable th
	{
		background : #45669e;
		color : #ffffff;
		border-right : 1px solid #c0ccdf;
		padding : 7px 10px;
	}

	table.dataTable td
	{
		border-right : 1px solid #c0ccdf;
		padding : 7px 10px;
	}

		table.dataTable tr.odd
		{
			background : #ffffff;
		}

		table.dataTable tr.even
		{
			background : #ecf0f4;
		}

		div.contentRegion input[type="button"],
		div.contentRegion input[type="submit"]
		{
			background : #a4b165;
			color : #ffffff;
			text-transform : uppercase;
			font-weight : bold;
			font-size : 8pt;
			border : 1px none;
		}


		table.dataTable input,
		div.loginRegion p input
		{
			background : expression(this.type == "button","submit" ? "#a4b165" : "");
			color : expression(this.type == "button","submit" ? "#ffffff" : "");
			text-transform : expression(this.type == "button","submit" ? "uppercase" : "");
			font-weight : expression(this.type == "button","submit" ? "bold" : "");
			font-size : expression(this.type == "button","submit" ? "8pt" : "");
			border : expression(this.type == "button","submit" ? "1px none" : "");
			padding : expression(this.type == "button","submit" ? "0 0 0 3px" : "");
		}


div.loginRegion
{
	float : left;
	text-align : left;
}

	div.loginForm
	{
		background : url(/local/images/dots_vertical.gif) repeat-y 42px top;
		padding-left : 104px;
	}

	div.loginRegion h2
	{
		color : #ee3224;
		font-size : 1.2em;
		margin : 0;
	}

	div.loginRegion div.highlight
	{
		width : 350px;
	}


div.insetNotes
{
	background : #ebedf5;
	float : right;
	padding : 15px ;
	width : 220px;
}

	div.insetNotes h1
	{
		color : #224b8f;
		font-size : 1em;
	}

	div.insetNotes ul
	{
		list-style : none;
		margin-left : 0px;
		padding-left : 0px;
	}

	div.insetNotes ul li
	{
		background : url(/local/images/gray_bullet.gif) no-repeat left 7px;
		margin-bottom : 10px;
		padding-left : 10px;
		list-style-type : none;
	}


.error {color:#930451;}

/**************************************
	END CONTENT STYLES
**************************************/