*
{
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
}

body
{
	margin:				0px;
	padding:			0px;
	margin-top: 		0px;
	background-color: 	#FFFFFF;
}

a 
{
	color: 				#CE8001;
	font-weight:		bold;
	text-decoration:	none;
}
	
a:hover
{
	color: 				#CE8001;
	text-decoration:	underline;
}

FORM
{
	margin:				0px;
}
/*********** Main frame divs ************/

#top_panel {
	width:			772px;
	height:			auto;
	margin:			0px;
	background:		#1A1A63;
	border-bottom:	#fff 3px solid;
}

#spacer_left {
	float:			left;
	margin: 10px
}

#spacer_right {
	float:			right;
	margin: 10px
}

/*********** Page content ************/

#center_frame 
{
	text-align: 		center;
	width: 				100%;
}

#frame
{
	width:				772px;
	height:				auto;
	position: 			relative;
	margin: 			0 auto;
	padding:			0px;
	border:				0px;
	text-align:			left;
}

#frame #row
{
	width:				100%;
}

#frame #row #main_pannel
{
	width:				513px;
	height:				195px;
	background:			url(../i/check_tile.gif);
	float:				left;
	color:				#000;
}

#frame #row #main_pannel #banner
{
	width:				181px;
	height:				195px;
	float:				left;
	margin-right:		10px;
}

#frame #row #main_content
{
	margin-top:			15px;
	margin-left:		10px;
	margin-right:		10px;
}

#frame #row #main_content a
{
	font-weight:		bold;
	text-decoration:	none;
	color:				#1A1A63;
}

#frame #row #main_content a:hover
{
	text-decoration:	underline;
}

#frame #row #main_content p
{
	color:				#333;
}

#frame #row #main_content p.title
{
	font-size:			18px;
	font-weight:		bold;
	color:				#1A1A63;
}

#frame #row #login_pannel
{
	width:				254px;
	height:				195px;
	float:				left;
	color:				#000;
	margin-left:		5px;
}

#frame #row #login_pannel #login_area
{
	width:				100%;
	height:				173px;
	background:			url(../i/login_tile.gif) no-repeat;
}

#frame #row #login_pannel p
{
	margin:				0px;
	margin-bottom:		10px;
	padding:			2px 33px 2px 33px;
	color:				#1A1A63;
}

#frame #row #login_pannel #title
{
	color:				#CE8001;
	font-size:			15px;
	font-weight:		bold;
}

#frame #row #login_pannel .row
{
	padding-left:		33px;
	width:				220px;
	color:				#1A1A63;
}

#frame #row #login_pannel .row-right
{
	padding-left:		148px;
	padding-top:		4px;
	width:				220px;
	color:				#1A1A63;
}

#frame #row #login_pannel .label
{
	width:				70px;
	float:				left;
	font-weight:		bold;
}

#frame #row #login_pannel .label .form_el
{
	width:				111px;
	border:				#878A90 1px solid;
	font-size:			11px;
	color:				#1A1A63;
	float:				left;
}


#frame #row2 #login_pannel
{
	width:				254px;
	height:				165px;
	float:				left;
	color:				#000;
	margin-left:		0px;
	margin-top:			10px;
}

#frame #row2 #login_pannel #login_area
{
	width:				100%;
	height:				173px;
	background:			url(../i/login_tile.gif) no-repeat;
}

#frame #row2 #login_pannel p
{
	margin:				0px;
	margin-bottom:		0px;
	padding:			2px 33px 2px 0px;
	color:				#1A1A63;
}

#frame #row2 #login_pannel #instr
{
	margin-left:		25px;
}

#frame #row2 #login_pannel #titles
{
	color:				#CE8001;
	font-size:			15px;
	font-weight:		bold;
	margin-left:		25px;
}

#frame #row2 #login_pannel #row
{
	padding-left:		33px;
	width:				220px;
	color:				#1A1A63;
}

#frame #row2 #login_pannel #label
{
	width:				70px;
	float:				left;
	font-weight:		bold;
}

#frame #row2 #login_pannel #labels
{
	width:				150px;
	float:				left;
	font-weight:		bold;
}

#frame #row2 #login_pannel #labels #form_els
{
	border:				#878A90 1px solid;
	font-size:			9px;
	color:				#1A1A63;
	float:				left;
}

#frame #row2 #login_pannel #label #form_el
{
	width:				111px;
	border:				#878A90 1px solid;
	font-size:			11px;
	color:				#1A1A63;
	float:				left;
}


#frame #row2
{
	width:				101%;
	margin-top:			5px;
	height:				211px;
}

#frame #row2 .generic_pannel
{
	width:				254px;
	height:				211px;
	float:				left;
	color:				#000;
	margin-right:		5px;
}


#frame #row2 .generic_pannel_end
{
	width:				254px;
	height:				244px;
	float:				left;
	color:				#000;
}

#frame #row2 .pannel_top
{
	width:				254px;
	height:				20px;
	background:			url(../i/pannel_top.gif);
}

#frame #row2 .pannel_top p
{
	margin:				0px;
	padding-top:		4px;
	padding-left:		9px;
	font-weight:		bold;
	color:				#fff;
}

#frame #row2 .pannel_area
{
	width:				254px;
	height:				211px;
	background:			url(../i/pannel_tile.gif);
}

#frame #row2 .pannel_area p
{
	padding:			9px;
	margin:				0px;
	color:				#000;
}

#frame #row2 .pannel_area .title
{
	font-weight:		bold;
	color:				#1A1A63;
}

#frame #row2 .pannel_area hr
{
	width:				99%;
	color:				#C9C9DC;
	height: 			1px;
	margin: 			0px 0px 0px 0px;
	padding:			0px;
}




#frame #login_pannel_in
{
	width:				254px;
	height:				195px;
	float:				left;
	color:				#000;
	margin-left:		5px;
}

#frame #login_pannel_in #title
{
	color:				#CE8001;
	font-size:			15px;
	font-weight:		bold;
}

#frame #login_pannel_in #login_area
{
	width:				100%;
	height:				420px;
	background:			url(../i/pannel_tile.gif);
}

#frame #login_pannel_in p
{
	margin:				0px;
	padding:			0px;
	color:				#1A1A63;
}

#frame #login_pannel_in hr
{
	width:				99%;
	color:				#C9C9DC;
	height: 			1px;
	margin: 			0px 0px 0px 0px;
	padding:			0px;
}

#footer
{
	width:				100%;
	clear:				both;
	background:			#1A1A63;
	height: 			22px;
	margin-top:			5px;
}

#footer .txt_b
{
	margin-left:		5px;
	margin-top:			4px;
	color:				#fff;
}

#footer .txt_b a
{
	color:				#fff;
	font-weight:		normal;
	text-decoration:	none;
}

#footer .txt_b a:hover
{
	text-decoration:	underline;
}


#frame #row3 #login_pannel
{
	width:				100%;
	height:				165px;
	float:				left;
	color:				#000;
	margin-left:		0px;
	margin-top:			10px;
}

#frame #row3 #login_pannel #login_area
{
	width:				100%;
	height:				173px;
}

#frame #row3 #login_pannel p
{
	margin:				0px;
	margin-bottom:		0px;
	padding:			2px 33px 2px 0px;
	color:				#1A1A63;
}

#frame #row3 #login_pannel #instr
{
	margin-left:		25px;
}

#frame #row3 #login_pannel #titles
{
	color:				#CE8001;
	font-size:			15px;
	font-weight:		bold;
	margin-left:		25px;
}

#frame #row3 #login_pannel #row
{
	padding-left:		33px;
	width:				90%;
	color:				#1A1A63;
}

#frame #row3 #login_pannel #label
{
	width:				70px;
	float:				left;
	font-weight:		bold;
}

#frame #row3 #login_pannel #longlabel
{
	width:				650px;
	margin-left:		16px;
	float:				left;
	font-weight:		bold;
}

#frame #row3 #login_pannel #labels #form_els
{
	border:				#878A90 1px solid;
	font-size:			9px;
	color:				#1A1A63;
	float:				left;
}

#frame #row3 #login_pannel #label #form_el
{
	width:				111px;
	border:				#878A90 1px solid;
	font-size:			11px;
	color:				#1A1A63;
	float:				left;
}


#frame #row3
{
	width:				101%;
	margin-top:			5px;
	height:				211px;
}

#frame #row3 #generic_pannel
{
	width:				100%;
	height:				211px;
	float:				left;
	color:				#000;
	margin-right:		5px;
}


#frame #row3 #generic_pannel_end
{
	width:				100%;
	height:				244px;
	float:				left;
	color:				#000;
}

#frame #row3 #pannel_top
{
	width:				770px;
	height:				20px;
	background:			url(../i/long_panel_top.gif);
	background-repeat:	no-repeat;
}

#frame #row3 #pannel_top p
{
	margin:				0px;
	padding-top:		4px;
	padding-left:		9px;
	font-weight:		bold;
	color:				#fff;
}

#frame #row3 #pannel_area
{
	width:				100%;
	height:				231px;
	background:			url(../i/long_panel_tile.gif);
	background-repeat:	no-repeat;
}

#frame #row3 #pannel_area p
{
	padding:			9px;
	margin:				0px;
	color:				#000;
}

#frame #row3 #pannel_area #title
{
	font-weight:		bold;
	color:				#1A1A63;
}

#frame #row3 #pannel_area hr
{
	width:				99%;
	color:				#C9C9DC;
	height: 			1px;
	margin: 			0px 0px 0px 0px;
	padding:			0px;
}