/* CSS Document */

/* CONSTANT */
body, td, input, ul, form, h1 {font: 100% arial; font-size: 16px; color: #000000; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; cursor: url("http://www.zuperb.com/images-files/cursor.cur"), auto;}
table {border-collapse: collapse; border: 0px; width: 100%; padding: 0px 0px 0px 0px;}
.wrap {padding: 0px 0px 20px 0px; border-collapse: none; border: 0px; width: 0%;}
td {vertical-align: top; font: normal 16px Arial; line-height: 20px; color: #000000;}
td .as {vertical-align: top; font: normal 16px Arial; line-height: 20px; color: #000000; text-align: left;}
input, textarea, select {font: normal 12px Arial; vertical-align: middle; color: #313B48;}
ul {list-style: none;}
img {border: 0px;}

/* MAIN */
body  {background: #252525}	
.main_table	{width: 900px; height: 100%}

/* HEADER */
#header {height: 140px; background: url(http://www.zuperb.com/image-files/topbg.jpg) top right repeat-x;}
		 

/* CONTENT */
#menu {height: 47px; background: url(http://www.zuperb.com/image-files/menu_bg.jpg) 0 0 repeat-x; padding: 0px 0px 0px 84px;}
#layout	.tail_left {background: url(http://www.zuperb.com/image-files/sh_bottom.jpg) bottom repeat-x; width: 50%}
#layout	.tail_right {background: url(http://www.zuperb.com/image-files/topbg.jpg) 0 0 repeat-x #F6F7F8; width: 50%; background-color :  #252525}
#layout .column_1 {width: 700px; background: url(http://www.zuperb.com/image-files/sh_bottom.jpg) bottom repeat-x}
#layout .column_2 {width: 200px; background: url(http://www.zuperb.com/image-files/l.gif) 0 0 repeat-y #F6F7F8; background-color: #FFFFFF;}
#layout .tail_left div {background: url(http://www.zuperb.com/image-files/topbg.jpg) top right repeat-x; height: 275px}
#layout .column_1 .space {padding: 18px; background: url(http://www.zuperb.com/image-files/sh_top.jpg) 0 0 repeat-x; background-color: #FFFFFF;}
.column_2 .space {padding: 18px; background-color: #FFFFFF; font: Arial; color: #000000; width:200px; border-right: dotted #666 1px; height:100%}
.column_2 .sub_space {background-color: #FFFFFF; padding: 0px 20px 0px 2px; font: Arial 10px; color: #000000;}
.column_1 .space {background-color: #FFFFFF; padding: 18px; width:700px}
span {text-align:justify;}
.gl	{background: url(http://www.zuperb.com/image-files/gl.gif) bottom repeat-x}
.gl2 {background: url(http://www.zuperb.com/image-files/l.gif) bottom repeat-x}
.vl {background: url(http://www.zuperb.com/image-files/l.gif) top right repeat-y}
.sub_space {background-color: #FFFFFF; padding: 0px 20px 0px 2px; font: Arial; color: #000000;}

/* FORMS */
.input input, .ta{width: 202px; height: 20px; padding: 2px 0px 0px 0px; background: #FFFFFF; border: 1px solid #C2C1C1;}
.ta {height: 210px; overflow: auto; margin: 0px 0px 1px 0px;}
.eq_height {height: 28px}

/* TEXT */
a {font: normal 16px Arial; color: #FB0000; text-decoration: underline}
b {font: bold 16px Arial; color: #000000;}
b a	{font: bold 16px Arial; color: #000000; text-decoration: none}
b a: hover {text-decoration: underline}
a: hover {font: normal 16px Arial; color: #FA7600; text-decoration: none;}	
.nn a {text-decoration: none;}
.nn a: hover {text-decoration: underline;}
h1 {font:bold 20px Verdana; color:#000066; text-align:center; text-transform:capitalize; line-height:26px; padding-bottom:40px}
h2 {display: inline; font: bold 18px Arial; color: #118E31; }
h3 {font: bold 16px Arial; color: #118E31; text-align: center}
bb {display: inline; font: 12px arial; color: #FFFFFF; text-align: center}

/* LINKS */
.link_1 {color: #FA7600; font: bold 10px Arial;}
.link_2 {background: url(http://www.zuperb.com/image-files/bullet1.gif) 0 0 no-repeat; font: normal 12px Arial; padding: 0px 0px 0px 8px; color: #313B48;}
.link_3 {color: #FF9300; font: normal 12px Arial;}
.link_4 {color: #000000; font: normal 12px Arial; text-decoration: none; display: inline}
a.link_4 {color: #000000; font: normal 16px Arial; text-decoration: none; margin-top: 0}
a.link_4:hover {color: #000000; font: normal 16px Arial; text-decoration: none}
.opt {font: Arial; color: #000000; font-weight: bold;}

/* LISTS */
li {list-style: none; line-height: 14px; margin: 0px 0px 0px 0px; color: #000000;}
.li2 {list-style: none; line-height: 14px; margin: 0px 0px 0px 0px; color: #000000;}
li a {background: url(http://www.zuperb.com/image-files/bullet1.gif) 0 0 no-repeat; font: normal 14px Arial; padding: 0px 0px 0px 8px; color: #999999;}

/* FOOTER */
#footer .td {background: url(http://www.zuperb.com/image-files/fbg.gif) 0 0 repeat-x #0C0C0C; height: 91px}
#footer td {font: normal 10px Arial; color: #FFFFFF;}
#footer .space {padding: 18px 0px 15px 21px;}
#footer a  {color: #FFFFFF; font: normal 12px Arial} 
#footer a: hover {color: #FFFFFF; font: normal 12px Arial; text-decoration: underline;} 
#footer .a  {color: #FFFFFF; font: normal 10px Arial;} 

/*  */
.txt {text-align: center;}
#layout	.blog1 {background: 0 0 repeat-x #F6F7F8; width: 50%; background-color :  #252525}
#layout .blog2 {background: none repeat-x; height: 275px}
ul {list-style-image: url("bullet.gif"); margin-top: -1em;}
.drop1 {font:10px Arial; text-transform:capitalize; color:#999; display:none}
