/* Big Lots - Lots2Give SCREEN Style Sheet */

html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: none;
	margin: 0;
	padding: 0;
}

body {background: #2b8386 url(../images/main-bg.jpg) top left repeat-x; color: #3d3d3d; font: 12px/18px Arial, Helvetica, sans-serif;}

p {
	background: transparent;
	color: #3d3d3d;
	font: 12px/18px Arial, Helvetica, sans-serif;
	margin-bottom: 16px;
}

h1 {
	background: transparent;
	color: #206467;
	font: 32px/34px Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	font-weight: bold;
}

body#home h1 {
	margin-bottom: 10px;
}

h2 {
	background: transparent;
	color: #206467;
	font: bold 21px/25px Arial, Helvetica, sans-serif;
	font-style: normal;
	margin-bottom: 20px;
	padding-top: 10px;
}

h2.no-border 
{
	padding-top: 0px;
	border-top: none;
}

h3 {
	background: transparent;
	color: #41969b;
	font: bold 16px/19px Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

h4 {
	background: transparent;
	color: #333;
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}

h4 a {
	background: transparent url(../../images/arrow-h4.png) left center no-repeat;
	padding-left: 14px;
}

body#home h4 {
	margin-bottom: 0;
}

ul, ol {
	margin-left: 25px;
	margin-bottom: 20px;
}

li {
}

dt {
	background: transparent;
	color: #206467;
}


dd {
	margin-bottom: 20px;
}

a:link,a:visited {
	color: #206467;
}

a:hover,a:active {
	color: #f5821f;
}

/******  CONTAINER  ******/

#container {
	background: url(../images/container-bg.png) center top no-repeat;
	margin: 0 auto;
	padding: 0 60px;
	position: relative;
	width: 780px;
}

#container-voting {background: url(../images/container-whowillwin-bg.png) center top no-repeat; margin: 0 auto; padding: 0 60px; position: relative; width: 780px;}
#head-voting {
	height: 215px;
	padding: 0;
	position: relative;
	width: 780px;
}
#teacherkids {position: relative; float: right; z-index: 1000; padding-top: 60px;}
.younggirl {position:relative; float: right; z-index: 1000; padding-top: 0;}
*+html .younggirl {padding-top: 98px;}
/******  HEAD  ******/

#head {
	height: 260px;
	padding: 0;
	position: relative;
	width: 780px;
}
#logo {
	height: 300px;
	position: absolute;
	width: 400px;
}
#votebadge {
	display: none;
	height: 176px;
	right: 0;
	position: absolute;
	top: 64px;
	width: 180px;
}
#notepad {float: right; width: 190px; height: 208px; padding:2px 0 0 60px;}

/******  NAV  ******/

#nav {
	color: #f7a11a;
	display: inline;
	float: right;
	height: 50px;
	position: relative;
	width: 581px;
}

body#home #nav {
	color: #f7a11a;
	display: inline;
	float: right;
	height: 50px;
	position: relative;
	width: 600px;
    /*width: 429px;*/
}

#nav ul {height: 50px; margin: 0; padding: 0; list-style: none; display: block; overflow: hidden;}

#nav ul li {float: right; display: inline;}

#nav ul li a {color: #ffe4a3; font-size: 12px; font-weight: bold; display: block; padding: 10px 19px; text-decoration: none; border-left: 1px solid #7e5125; margin-top: 4px;}
#nav ul li a.first {border-left: none !important;}
#nav ul li a:active, #nav ul li a:hover {color: #fff;}

/*#nav ul li a.selected, #nav ul li a.selected:hover {
	background-position: left -50px;
}

#nav ul li a:selected {
	background-position: left -50px;
}

#nav ul li a#resources {
      background-image: url(../../images/nav_1resources.png);
	  width: 139px;
}
#nav ul li a#headquarters {
      background-image: url(../../images/nav_2headquarters.png);
	  width: 128px;
}
#nav ul li a#appreciation {
      background-image: url(../../images/nav_3appreciation.png);
	  width: 194px;
}
#nav ul li a#winners {
      background-image: url(../../images/nav_4winners.png);
	  width: 115px;
}*/

/******  SUBNAV  ******/

.sub-nav {float: right; font-size: 11px; width: 239px; position: relative; clear: both;}
*+html .sub-nav {margin-top: 44px;}
.sub-nav .off {background-color: #277579; padding: 13px 13px 14px 13px; width: auto; border-top: 1px solid #EEF4F4; border-left: 1px solid #EEF4F4; border-right: 1px solid #EEF4F4;}
.sub-nav .on {background-color: #eef4f4; padding: 14px; width: auto;}
.sub-nav .off a {color: #eef4f4 !important; text-decoration: none !important; font-weight: bold;}
.sub-nav .on a {color: #277579 !important; text-decoration: none !important; font-weight: bold;}
.l {float: left;}
.r {float: right; margin-left: 5px;}
.clr {clear: both;}

#subnav {
	color: #f7a11a;
	display: inline;
	float: right;
	height: 40px;
	position: relative;
	width: 600px;
}

#subnav ul {
	height: 40px;
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	text-indent: -999em;
	overflow: hidden;
}

#subnav ul li {
	float: right;
	display: inline;
	padding-left: 5px;
}

#subnav ul li a {
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
}

#subnav ul li a:hover {
	background-position: left -40px;
}

#subnav ul li a.selected, #subnav ul li a.selected:hover {
	background-position: left -40px;
}

#subnav ul li a:selected {
	background-position: left -40px;
}

#subnav ul li a#videocontest {
      background-image: url(../../images/subnav_video-contest.png);
	  width: 144px;
}
#subnav ul li a#toolbox {
      background-image: url(../../images/subnav_kids-tips.png);
	  width: 92px;
}
#subnav ul li a#list {
      background-image: url(../../images/subnav_school-list.png);
	  width: 180px;
}
#subnav ul li a#findbiglots {
      background-image: url(../../images/subnav_find-big-lots.png);
	  width: 160px;
}
#subnav ul li a#faqs {
      background-image: url(../../images/subnav_faqs.png);
	  width: 84px;
}
#subnav ul li a#login {
      background-image: url(../../images/subnav_school-login.png);
	  width: 134px;
}
#videomore .videomore-container {background-color: #277579; padding: 10px 45px 10px 10px; color: #fff; width: 665px; vertical-align: middle; height: 20px;}
#videomore .videomore-container select {vertical-align: text-top; font-size: 10px;}
#videomore .videomore-container input {vertical-align: text-top; padding-bottom: 2px; margin-left: 10px;}
* html #videomore .videomore-container {padding: 10px 45px 0 10px;}

* html #videoview #info {margin-right: 18px;}

/******  CONTENT  ******/

#content {
	background: #f58220;
	clear: both;
	color: #ffe4b9;
	min-height: 544px; height: auto !important; height: 544px;
	padding: 30px;
	position: relative;
	width: 720px;
}
.index {margin-top: 46px;}
#content .lower-content {border-top: 2px solid #cfe5e6; width: 720px; padding-top: 19px;}
#content .lower-content .tip-box {width: 700px; border: 2px solid #cfe5e6; background-color: #fff; padding: 12px 9px; margin: 21px 0 30px;}
#content .lower-content .tip-box ul {margin-bottom: 0; margin-left: 17px;}
#content .lower-content .promotion-link {margin-right: 44px; width: 250px; display: inline;}
#content .lower-content .promotion-link a {color: #3d3d3d; text-decoration: none;}
#content .lower-content .promotion-link a:hover {text-decoration: underline;}
#content .lower-content .promotion-link img {vertical-align: sub; padding-right: 12px;}
#content .lower-content .lots2give-logo {width: 80px; margin-right: 57px; float: left; text-align: center;}
#content .lower-content .lots2give-logo a {color: #3d3d3d;}
#content .lower-content .lots2give-logo a:hover {text-decoration: none;}
#content .lower-content .lots2give-logo img {text-align: left;}
body#home #content {
	background: #eef4f4;
	clear: both;
	color: #3d3d3d;
	min-height: 552px;
	height: 100% !important;
	padding: 30px;
	position: relative;
	width: 720px;
}

#content p em {
	background: transparent;
	color: #206467;
	font: italic 11px/13px Arial, Helvetica, sans-serif;
}

.status-bar {padding-bottom: 30px; width: 720px;}

#column1 {
	display: inline;
	float: left;
	margin-bottom: 20px;
	min-height: 200px; height: auto !important; height: 200px;
	padding-right: 10px;
	position: relative;
	width: 350px;
}
#column1 h4 {font-size: 18px; font-weight: bold; color: #3d3d3d; padding-top: 21px; width: 395px;}
#column1 ul li {list-style: none; line-height: 14px; margin-bottom: 22px;}
#column1 ul li h3 {margin-bottom: 0 !important; font-size: 14px;}
#column1 ul.create {margin-bottom: 0; margin-left: 15px; width: 405px;}
#column1 ul.create li {list-style:disc; padding: 2px 0 !important; margin-bottom: 0; line-height: 20px;}
#column1 ul.create li ul {margin: 2px 0 0 25px;}
#column1 ul.create li ul li {list-style: none; padding: 0 !important; margin-bottom: 0;}
#column2 {
	display: inline;
	float: right;
	margin-bottom: 20px;
	min-height: 200px; height: auto !important; height: 200px;
	padding-left: 10px;
	position: relative;
	width: 350px;
}
.column-right.create {padding-top: 42px; float: right; width: 280px; margin-bottom: 30px;}
.column-right {float: right; width: 280px; margin-bottom: 30px;}
.toolbox {width: 217px; padding: 21px 31px 28px 28px; border: 2px solid #cfe5e6; background-color: #fff; min-height: 224px; float: right; margin: 10px 0 0 0;}
.toolbox p {padding: 20px 0 12px; margin-bottom: 0 !important;}
.bar-nav {background: #e1ecb3 url(../images/bar-nav-bg.jpg) repeat-y top left; width: 699px; border: 1px solid #606060; padding: 1px 10px; margin-bottom: 14px; font-size: 18px; font-weight: bold; color: #3d3d3d; text-align:center;}
.bar-nav h2 {text-align: left; font-size: 18px; font-weight: bold; color: #3d3d3d; margin-bottom: 6px; line-height: 10px;}
.bar-nav p {font-size: 12px; margin-bottom: 0; text-align: left; font-weight: bold; width: 500px;}
.bar-nav .l  {float: left; width: 350px; border-right: 1px solid #c8d48b; padding: 8px 0; text-align:left;}
.bar-nav .r {float: right; text-align: right; padding: 8px 0;}
.bar-nav .l a img {vertical-align: middle; padding:0 20px 0 0;}
.bar-nav .r a img {vertical-align: middle; padding: 0 0 0 20px;}
.bar-nav a img, .bar-nav input {vertical-align: middle; padding: 8px 20px;}
.submit-form .l {width: 260px; text-align:right; padding-bottom: 27px;}
*+html .submit-form .l {width: 260px;}
.submit-form .r {width: 290px; text-align:right; padding: 0 90px 23px 0;}
*+html .submit-form .r {width: 275px;}
.submit-form h3 {text-align: left;}
.submit-form label {padding-right: 9px;}
.submit-form input {margin: 2px 0 1px;}
.submit-form input.messagebox {width: 670px; height: 158px; margin: 9px 0; font-size: 12px;}
.submit-form .word-count {float: right; padding-right: 46px;}
.submit-form input.checkbox {margin-right: 9px; vertical-align: sub;padding-top /*\**/: 2px\9;}
*+html .submit-form input.checkbox {vertical-align: text-top; margin-top: 0px;}
.submit-form table {margin-bottom: 28px;}
.submit-form select {margin: 2px 20px 1px 0; clear: right; margin-right /*\**/: 30px\9;}
*+html .submit-form select {margin-right: 30px;}
* html .submit-form select {margin-right: 30px;}
* html .submit-form .l {width: 260px;}
* html .submit-form .r {width: 275px;}
* html .submit-form .video-upload {width: 340px;}
*+html .submit-form .video-upload {width: 350px;}
* html .submit-form .video-upload input.file-upload {margin-right: 3px;}
.submit-form .video-upload {position:relative;height:auto;padding-bottom: 27px; text-align: right; width: 400px; width /*\**/: 400px\9;}
.submit-form .video-upload input {margin-right: 84px; margin-right /*\**/: 90px\9; float: left;}
.submit-form .video-upload input.file-upload {float: left; margin-left: 0; margin-right: 9px;}
body#home #column1 {
	display: inline;
	float: left;
	margin: 0 15px 30px 0;
	min-height: 310px; height: auto !important; height: 310px;
	padding-right: 0;
	position: relative;
	width: 405px;
}

#zipbox {
	background: #2b8286;
	color: #fff;
	font-weight: bold;
	padding: 15px;
	width: 370px;
}

#zipbox input#zipcode {
	border: solid 1px #7f9db9;
	color: #e77413;
	margin: 10px 10px 10px 0;
	padding: 3px;
	width: 265px;
}

#zipbox input#find {
}

#ruler {
	background: url(../../images/ruler.png) top left no-repeat;
	clear: both;
	/*height: 26px;*/
	/*margin-bottom: 30px;*/
	position: relative;
	width: 720px;
}

.thirdbox {
	clear: right;
	display: inline;
	float: left;
	min-height: 210px;
	padding: 0 9px;
	width: 221px;
}

.thirdbox h2 {min-height: 50px; margin-bottom: 15px;}
.thirdbox p {min-height: 94px;}

.thirdboxend {
	clear: right;
	display: inline;
	float: left;
	padding-right: 0;
	width: 220px;
}

.main-img170 {
	display: inline;
	float: right;
	height: 170px;
	margin: 0 0 15px 15px;
	width: 280px;
}

.main-img250 {
	display: inline;
	float: right;
	height: 400px;
	margin: 0 0 15px 15px;
	width: 280px;
}

.icon {
	/*clear: right;*/
	display: inline;
	float: left;
	padding: 0 30px 30px 0;
	text-align: center;
	width: 100px;
}

.icon p a {
	clear: both;
	display: block;
	font: 11px/13px Arial, Helvetica, sans-serif;
	margin-top: 5px;
	padding: 0;
}

table#school-list  {
	border: solid 1px #ffe4b9;
	border-collapse: collapse;
	width: 720px;
}

#school-list th {
	border: solid 1px #FFF;
	padding: 4px;
	text-align: left;
}

#school-list td {
	background: transparent;
	border: solid 1px #FFF;
	color: #206467;
	padding: 4px;
}

#school-list a {
	font: 11px/13px Arial, Helvetica, sans-serif;
	margin-bottom: 30px;
	text-decoration: underline;
	cursor: pointer;
}

/******  FOOT  ******/

#foot {
	background: #206467;
	clear: both;
	color: #fff;
	padding: 30px 30px 14px 30px;
	width: 720px;
	margin-bottom: 100px;
	position:relative;
}

#foot p {
	background: transparent;
	color: #a3dfe1;
}

#foot ul {
	display: block;
	margin-left: 0;
	margin: 10px 0 20px 0;
}

#foot li {
	border-right: solid 1px #fff;
	display: inline;
	margin-right: 10px;
	padding-right: 10px;
}

#foot li.end {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}

#foot li a:link, #foot li a:visited {
	background: transparent;
	color: #fff;
}

#foot li a:hover, #foot li a:active {
	text-decoration: none;
}

#foot p a:link, #foot p a:visited {
	color: #a3dfe1;
}

#foot p a:hover, #foot p a:active {
	text-decoration: none;
}

/******  VIDEO  ******/

#videoview {
	border-top: solid 1px #206467;
	border-bottom: solid 1px #206467;
	overflow: hidden;
	/*padding: 25px 0 18px 0;*/
	padding:12px;
	border:solid 1px #E77413;
	width:694px;
}

#videoview #info {
	float: left;
	margin-right: 24px;
	/*width: 305px;*/
	width:295px;
}

#videoview h2 {
	margin-bottom: 0;
}

#videoview h5 {
	margin-bottom: 16px;
}

#videoview input {
	font: 11px/13px "Courier New", Courier, monospace;
}

#videoview object {
	margin-top: 5px;
}

#videomore {
	clear: both;
	overflow: auto;
	padding-top: 14px;
	text-align: left;
}

.videothumb {
	display: inline;
	float: left;
	font: 11px/13px Arial, Helvetica, sans-serif;
	min-height: 230px; height: auto !important; height: 230px;
	overflow: hidden;
	margin: 13px 8px 0 8px;
	width: 128px;
}

.videothumb img {
	border: none;
}

.hqsection {border-top: solid 1px #2B8286; height: auto; padding: 30px 0;}

.hqsection img {
	display: inline;
	float: right;
	margin: 0 0 15px 15px;
}

#tellafriendcola {
	display:inline;
	float:left;
	margin-bottom:20px;
	min-height:100px; height:auto !important; height:100px;
	padding:30px 10px 0 0;
	position:relative;
	width:350px;
}

#tellafriendcolb {
	display:inline;
	float:left;
	margin-bottom:20px;
	min-height:100px; height:auto !important; height:100px;
	padding:30px 0 0 10px;
	position:relative;
	width:350px;
}

#home #container .watermark {
	color: #999;
}

#biglotslogo {
	/*border: 1px solid green;*/
	height: 30px;
	right: 240px;
	position: absolute;
	width: 150px;
	z-index: 1000;
}

#nav ul {overflow:visible;}
#nav ul li.headlink {display:block;}
#nav ul li.headlink ul {display:none;background-color:#eef4f4;position:relative;z-index:100;height:auto;overflow:visible;width:112px;font-size:11px;margin-top:8px}
#nav ul li.headlink ul li{float:none;}
#nav ul li.headlink ul li a.bottom {border-top: 1px solid #a5abab; width: 75px; padding: 10px; margin-left: 10px;}
#nav ul li.headlink ul li a {font-size: 11px; border-left: none; color: #2a8588;}
#nav ul li.headlink ul li a:hover, #nav ul li.headlink ul li a:active {color: #F5821F;}
#nav ul li.headlink:hover ul {display:block;}

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#333; border:8px solid #444; padding:12px;}


.error {background-color:#FFE9E9;}
label.error {background-color:inherit;color:#FF0000;display:block;}


#messageZip a:hover,a:active {
	color: #FFF;
}
.hidden-sub-nav {min-height: 46px;}
.FBConnectButton_Simple, .FBConnectButton_RTL_Simple {background-image: url(../../images/facebook-logo.jpg) !important; padding: 18px 40px 0 0;}
.FBConnectButton_Simple, .FBConnectButton_RTL_Simple a {color: #333 !important; text-decoration: underline;}
.FBConnectButton_Simple, .FBConnectButton_RTL_Simple a:hover {text-decoration: none;}
.FBConnectButton_Simple .FBConnectButton_Text_Simple {padding-left: 62px !important;}



#buzzClub {clear:both;position:absolute;top:60px;width:276px;}
#buzzClub label {float:left;font-weight:bold;width:100px;margin-top:5px;}
#buzzClub input.inputText {float:left;width:170px;margin:4px 0;}
#buzzClub input.login {margin:20px 0 4px 107px;width:64px;height:24px;}


#newMember label, #existingMember label {float:left;font-weight:bold;width:100px;margin-top:5px;}
#newMember span label, #existingMember span label {width:320px;float:none;}
#newMember input.inputText, #existingMember input.inputText {float:left;width:170px;margin:4px 0;}