body {background: url(img/bckg.jpg) repeat-x #eef1f0; margin:0; font-family: Arial, Verdana, Arial; font-size: .75em;}
div.bckg-logo {background:url(img/bckg_logo.jpg) no-repeat; z-index:0; width: 636px; height: 521px; position: absolute; top: 0; left: -8px;}

.clr {clear: both;}

/* WHOLE WRAPPER */
div#wholewrapper {
	width: 850px;
	margin: 10px 0 0 50px;
	position: absolute;
	z-index:999;
	padding-bottom: 10px;
	left: 32px;
	top: -3px;
}

/* TOP NAV */
#topnav {float: right; margin: 0; padding: 0;}
#topnav li {display: inline; list-style: none; margin: 0 3px; padding: 0;}
#topnav li a, #topnav  {color: #fff;}

/* MAIN NAV */
#mainnav {width: 511px; height:29px; margin-top: 85px; padding-left: 325px; position: relative;}
#mainnav a {display: block; float: left; margin-left: 3px;}
a.home {background: url(img/nav_home.gif) no-repeat; height:29px; width:72px; }
a.reg {background: url(img/nav_reg.gif) no-repeat; height:29px; width:91px; }
a.conf {background: url(img/nav_conf.gif) no-repeat; height:29px; width:107px; }
a.spons {background: url(img/nav_spons.gif) no-repeat; height: 29px; width: 181px;}
#mainnav a:hover, #mainnav a.on {background-position: 0 -29px;}

/* SUBN NAV */
#subnavbckg {width: 100%; background: url(img/subnav_bckg.gif) repeat-x; height:35px;}
.subnav {text-transform: uppercase; font-size: 1em; float: left; list-style: none; font-weight: bold; padding: 0; margin: .5em 0 0 auto; }

#subnavbckg .subnav-conf {  margin:.5em 0 0 35em; }
* html #subnavbckg .subnav-conf { margin: .5em 0 0 8em; }

#subnavbckg .subnav-reg {  margin:.5em 0 0 30em; }
* html #subnavbckg .subnav-reg { margin: .5em 0 0 15em; }

#subnavbckg .subnav-spon {  margin:.5em 0 0 65em; }
* html #subnavbckg .subnav-spon { margin: .5em 0 0 15em; }

.subnav li {display: inline;  margin:0; padding: 0;}
.subnav a {color: #fff; margin-left: 15px;}

/* TEXT, LINKS, etc STYLES */
a {text-decoration: none;}
a:hover {text-decoration: underline;}

td.maincontent strong, td.maincontent a {color: #486c6c;}

ul.styled {list-style-image: url(img/greenbullet.gif);}
ul.styled li {margin: 8px 0;}

table.styled {border: 1px solid #ccc; margin:10px 0;}
table.styled td {background: #e6f0f0; padding: 2px;}
table.styled thead td {background: #84bc4b; color: #fff;}

td.leftcolumn .greenbox div.content a, td.rightcolumn .greenbox_right  div.content a {color: #fff; text-decoration: underline;}
td.leftcolumn .greenbox div.content a:hover, td.rightcolumn .greenbox_right  div.content a:hover {text-decoration: none;}
td.leftcolumn .greenbox h1 {color: #fff; margin-top: 8px;}

hr {background:url(img/hr.gif) repeat-x; height:6px; border: 0;}

img.floatleft {float: left; margin: 0 5px 5px 0; border: 1px solid #e6f0f0;} 

/* LEFT COLUMN */
td.leftcolumn .cel {background: url(img/phone01.gif) no-repeat; height: 583px; widows:175px; position: relative; font-size: .80em;}
td.leftcolumn .cel .screen { position: absolute; top: 50px; left: 25px; width: 120px; height:180px; overflow: hidden; padding: 2px; margin: auto; color: #fff; }
td.leftcolumn .cel .screen h1, td.leftcolumn .greenbox h1, td.rightcolumn h1{font-size: 12px; text-align: center; margin:0;}

td.leftcolumn .screen h1, td.leftcolumn .screen strong, td.leftcolumn .screen a{color: #6cd300;}

td.leftcolumn .sponsors h1 {color: #69A02F;}

td.leftcolumn .greenbox {width: 175px; background:url(img/greentop.gif) top no-repeat #69a02f;  margin: 10px 0; position: relative; padding-bottom: 10px;}
td.leftcolumn .greenbox .content {padding: 5px; color: #fff;}
td.leftcolumn .greenbox img.bottom {position: absolute; left: 0; bottom: 0;}
* html td.leftcolumn .greenbox img.bottom {margin-bottom: -1px;}

td.leftcolumn .cel .keypad { position: absolute; bottom: 65px;  width: 155px; left: 9px; height: 200px; overflow: hidden; color: #333;}

td.leftcolumn .sponsors {text-align: center; width: 175px; background:url(img/greentop.gif) top no-repeat #fff;  margin: 10px 0; position: relative; padding-bottom: 10px;}

/* MAIN CONENT */
td.maincontent .content-wrapper{background: url(img/maincontenttop.gif) no-repeat top #fff; width: 503px; position: relative; padding-bottom: 10px; min-height: 600px;}
* html td.maincontent .content-wrapper {height:600px;}
td.maincontent .content-wrapper img.bottom {position: absolute; left: -49px; bottom: -6px;}

td.maincontent .content {padding: 5px;}

/* RIGHT COLUMN */
td.rightcolumn {color: #a7dcc6;  font-size: 1em;}

td.rightcolumn .greenbox_right {width: 160px; background:url(img/greentop_160.gif) top no-repeat #69a02f;  margin: 10px 0; position: relative; padding-bottom: 10px;}
td.rightcolumn .greenbox_right  div.content {padding: 5px; color: #fff;}
td.rightcolumn .greenbox_right img.bottom {position: absolute; left: 0; bottom: 0;}
* html td.rightcolumn .greenbox_right img.bottom {margin-bottom: -1px;}

/* FOOTER */
.footer {background: #446868; color: #fff; font-size: .75em; text-align: center;}
.footer a {color: #fff;}
