.test {color:red;text-decoration:none;}

* {
	margin:0; padding:0;
}

body{
	background-image: url('images/bg.gif')   ;
	 /*background:#212121 url(images/b-dr.gif) repeat-y center; */
	text-align:center;
}

a {color:#0077BC;}
a:hover{text-decoration:none;}
a:active{color:white;}




img { border:0px;}

input { vertical-align:middle;}


.dt { display:table; width:100%; }
.dr { display:table-row;}
/*.dr { display:table-row; width:100%; height:100%;}*/






.dc { display:table-cell; text-align:left; vertical-align:top; width:100%; }

.main_text, input, textarea, body, select, font
	{
		font-family:Tahoma; 
		font-size:11px;
		line-height:14px;
		color:#7E7E7E;
	}


font { color:#66CCFF;}

b { color:#0076BB;}

ul { list-style:none;}

.ul1 li { background:url(images/a.gif) no-repeat left; padding-left:11px;}
.ul1 li a { color:#0076BB; line-height:18px; text-decoration:underline;}
.ul1 li a:hover { text-decoration:none;}


.ul2 li { background:url(images/a.gif) no-repeat left; padding-left:11px;}
.ul2 li a { color:#0076BB; line-height:25px; text-decoration:none;}
.ul2 li a:hover { text-decoration:underline;}
.ul2 li a:active { color:#0076BB;text-decoration:none;}

.ul3 li { padding-left:11px; height:55px;}
.ul3 li a { color:#0076BB; line-height:25px; text-decoration:none;}
.ul3 li a:hover { text-decoration:underline; line-height:25px;}
.ul3 li a:active { color:#0076BB;text-decoration:none; line-height:25px;}


/*.tall_top { background:  url(images/tall1-dr.gif) repeat-x top;}*/ 
/*.tall_bottom { background: url(images/tall2-dr.gif) repeat-x bottom; text-align:center;}*//* todo: replace white with backround color */


/* tested */
.main { width:766px; margin:auto;}

.header {  height:0px;} /* fix width issue , remove -  background:url(images/l.jpg) no-repeat left top; */

.sel1 { width:102px; border:1px #A5ACB2 solid; color:#000000;}

.cont .col1 { width:40px;}
.cont .col2 { width:684px; background:white;} /*todo: replace background with background color for body */
.cont .col2 .margin { margin:0px 5px 8px 5px;}
.cont .col3 { width:42px;}

.m_l_dr { background:url(images/m-l-dr.gif) repeat-y right;} 
.m_l_t { background:url(images/m-l-t.gif) no-repeat top right; height:100%;}
.m_l_b { background:url(images/m-l-b.gif) no-repeat bottom right; height:100%;}

.m_r_dr { background:url(images/m-r-dr.gif) repeat-y left;}
.m_r_t { background:url(images/m-r-t.gif) no-repeat top left; height:100%;}
.m_r_b { background:url(images/m-r-b.gif) no-repeat bottom left; height:100%;}

.footer { background:white; color:#535353;} /* todo: replace backgroudn with correct color */
	.footer a { color:#535353; text-decoration:none;}
	.footer a:hover { text-decoration:underline;}
	.footer .col1 { width:342px;}
	.footer .col2 { width:342px; background:none; text-align:right;}
	
	.m1_l_t { background:url(images/m1-l-t.gif) no-repeat left top #FFFFFF;}
.m1_l_b { background:url(images/m1-l-b.gif) no-repeat left bottom;}
.m1_r_t { background:url(images/m1-r-t.gif) no-repeat right top;}
.m1_r_b { background:url(images/m1-r-b.gif) no-repeat right bottom;}

.m1_margin { margin:2px 5px 0px 5px;}/*{ margin:16px 10px 15px 10px;}*/

.m2_l_t { background:url(images/m2-l-t.gif) no-repeat left top #B2B2B2;}
.m2_l_b { background:url(images/m2-l-b.gif) no-repeat left bottom;}
.m2_r_t { background:url(images/m2-r-t.gif) no-repeat right top;}
.m2_r_b { background:url(images/m2-r-b.gif) no-repeat right bottom;}

.m2 { color:#343434; line-height:12px;}

.cont .m2 .margin { margin:14px 13px 25px 11px;} /* adjust margin*/

.m2 a { color:#0077BC; text-decoration:none;}
.m2 a:hover { text-decoration:underline;}
.m2 font { color:#4B4B4B; font-size:15px; line-height:15px; font-weight:bold;}
.m2 b { color:#0077BC; font-size:12px;}

.m3_l_t { background:url(images/m3-l-t.gif) no-repeat left top #C6C6C6;}
.m3_l_b { background:url(images/m3-l-b.gif) no-repeat left bottom;}
.m3_r_t { background:url(images/m3-r-t.gif) no-repeat right top;}
.m3_r_b { background:url(images/m3-r-b.gif) no-repeat right bottom;}

.cont .m3 { color:#343434;}
.cont .m3 .margin { margin:13px 10px 20px 13px;} /*todo: adjust margin*/
.cont .m3 font { color:#4F4F4F; font-size:15px; line-height:15px; font-weight:bold;}
.cont .m3 b { color:#0076BB;}

.h_text { color:#0074B6; font-size:15px; line-height:15px; font-weight:bold;}

.h1_text { color:#5A5A5A; font-size:15px; line-height:15px; font-weight:bold;}

.h_l { background:url(images/h-l.gif) repeat-x; height:1px;}

.link1 { background:url(images/a1.gif) no-repeat right; padding-right:10px; color:#0077BC; font-size:11px; text-decoration:none;}
.link1:hover { text-decoration:underline;}



.table1 { font-size:11px; color:#7E7E7E;}
.table1 a { color:#0077BC; font-size:11px; text-decoration:none;}
.table1 a:hover { text-decoration:underline;}
.table1 font a { color:#0077BC; font-size:12px; font-weight:bold; text-decoration:underline;}
.table1 font a:hover { text-decoration:none;}

.form1 {height:23px; margin-top:1px;}
.form1 input {width:127px; height:20px; border-color:#A5ACB2; border-width:1px; background-color:#ffffff; border-style:solid; padding-left:5px}

.main1_text { line-height:18px;}
.main1_text .h_text { font-size:12px;}


.form {height:23px; margin-top:0px; margin-bottom:1px;}
.form input {width:179px; height:20px; border-color:#A5ACB2; border-width:1px; background-color:#ffffff; border-style:solid; padding-left:5px}

textarea {width:180px; height:134px; border-color:#A5ACB2; border-width:1px; background-color:#ffffff; border-style:solid; padding-left:5px; overflow:hidden;}

.helpme{
	background: url('/images/remote_background.jpg') no-repeat;
	height:400px;
	margin-left:20px;
	margin-top:20px;
	
}

.helpme_links{
/*margin:80px 40px 40px 40px;*/
margin-top:80px;
margin-left:40px;
border-style:outset;	
border-color: blue;	
border-width:0px;

}

.helpme