@import url("undohtml.css");

body {
	margin: 0 8px 14px;
	text-align: center;
	background: #fff;
}
#wrap {
	margin: 0 auto;
	width: 760px;
	text-align: left;
}
body #wrap2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.3em;
	color: #000;
}

/*
=LINKS ---------------------------------------------------------------------*/
a:link, a:hover, a:visited { text-decoration: underline;}
body #wrap2 a:link, body #wrap2 a:hover, body #wrap2 a:visited { color: #000; text-decoration: underline;}
a img { border: none;}
:focus {outline: none;}

/*
=MASTHEAD ---------------------------------------------------------------------*/
#masthead {
	position: relative;
	height: 267px;
	margin: 0 0 10px;
}
#welcome {
	width: 285px;
	text-align: center;
}
#welcome h1 {
	margin: 0 0 6px;
	font-size: 27px;
	line-height: 1em;
	font-weight: normal;
}
#welcome h2 {
	font-size: 22px;
	line-height: 1em;
	font-weight: normal;
}
body #wrap2 #masthead ul {
	position: absolute;
	top: 116px;
	left: 0;
	width: 285px;
	text-align: center;
	font-size: 15px;
}
#masthead ul li { margin: 0 0 2px;}
#ml1,
#ml2,
#ml3,
#sl1,
#sl2,
#sl3 {
	position: absolute;
	display: block;
	text-indent: -9999px;
}
#ml1 { top:0; left:285px; width:265px; height:265px;}
#ml2 { top:149px; left:552px; width:86px; height:116px;}
#ml3 { top:149px; left:640px; width:120px; height:116px;}
/* -- contest links --*/
#sl1 { top:0; right:0; width:198px; height:137px;}

/*
=NAVIGATION ---------------------------------------------------------------------*/
#nav {
	position: relative;
	height: 33px;
}
#nav ul {
	position: absolute;
	top:0;
	left: 4px;
	height: 33px;
}
#nav ul li {
	margin: 0;
	float: left;
	display: block;
}
#nav ul li a.level1 {
	display: block;
	position: relative;
	width: 149px;
	height: auto;
	padding: 9px 0;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	text-decoration: none;
	background: url(img/navBG_35y.gif) repeat-x center;
	border: 1px solid #cc6600;
	border-right: none;
}
#nav ul li a.last { border-right: 1px solid #cc6600;}

/*-- Second level Menus --*/
#nav ul li ul {display: none;} /*-- Hide the Sub --*/
#nav ul li:hover ul, #nav ul li.sfhover ul { /*-- Position the Sub below the parent nav --*/
	position: absolute;
	display: block;
	top: 32px;       /* don't forget the conditional in the page source for friggin IE if you change this */
	left: auto;
	width: 149px;
	height: auto;
	border: 1px solid #878787;
	border-top: none;
}
#nav ul li ul li {
	float: none;
	display: inline;
}
#nav ul li ul li a {
	display: block;
	width: 129px;
	\width: 149px;
	w\idth: 129px;
	height: auto;
	padding: 4px 10px;
	background: #fff;
	color: #000;
	font-size: 11px ;
	line-height: 11px;
	text-indent: 0;
}
#nav ul li ul li a:hover {
	color: #000;
	background: #FFEB3D;
}

/*
=CENTER-OFFERS ---------------------------------------------------------------------*/
#centerOffers { margin: 12px 0 0;}
#endingNow,
#startingAt {
	float: left;
	width: 372px;
}
#startingAt { margin: 0 0 0 12px;}
#endingNow img,
#startingAt img { float: left;}
#endingNow ul,
#startingAt ul { margin: 11px 12px 0 137px; font-size: 15px;}
#endingNow li,
#startingAt li { margin: 0 0 4px;}

/*
=BOTTOM-OFFERS ---------------------------------------------------------------------*/
#bottomOffers {
	position: relative;
	height: 184px;
}
#bguide,
#bl2,
#bl3,
#bl4 {
	position: absolute;
	top: 12px;
	display: block;
	width: 181px;
	height: 147px;
	text-indent: -9999px;
}
#bguide { left: 0;}
#bl2 { left: 193px;}
#bl3 { left: 386px;}
#bl4 { left: 579px;}


/*
=SWEEPS ---------------------------------------------------------------------*/
body #wrap2 #sweepsrules {
	color: #666666;
}
body #wrap2 #sweepsrules p {
	font-size: 10px;
	margin: 0 0 1.5em;
	line-height: 1.3em;
}
body #wrap2 #sweepsrules a,
body #wrap2 #sweepsrules a:link,
body #wrap2 #sweepsrules a:hover,
body #wrap2 #sweepsrules a:visited { color:#00c;}


/*
=MISC. ------------------------------------------------------------------- */
hr { display: none;}

/*
=SHELL PAGE ------------------------------------------------------------------- */
#shellCon { padding: 10px 0 25px;}
#pshell h1 {
	margin: 0 0 .5em;
	font-size: 24px;
	font-weight: normal;
	color: #f33;
}
#pshell p { margin: 0 0 1em;}
input {
	padding: 2px;
	background: #ffffff;
	border: 1px solid #666;
}
label {
	float: left;
	display: block;
	margin: 0 10px 0 0;
	padding: 2px 0 0;
	width: 110px;
	text-align: right;
}
input.btn {
	margin: 2px 0 0 120px;
	padding: 0;
}
div.row {
	clear: both;
	margin: 0 0 3px 0;
}

/*
=P.I.E. FLOAT CLEARING ------------------------------------------------------------------- */
.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */