﻿body 
{
	margin:0px;
	background-image:url(images/siteBG.jpg);
	background-repeat:repeat-x;
	background-color:#A4C5E7;
	font-family:Arial;
	font-size:12px;
}
img{border:0px}

ul{margin:0px; padding:0px}
ol{margin:0px; padding:0px}

a {color:#196FC1}

img, div { behavior: url(iepngfix.htc) }

#contentContainer
{
	background-image:url(images/content2BG.jpg);
	width:1000px;
	background-repeat:no-repeat;	
}

#header {height:271px;}

.red{border:solid 1px red}
.float-left{float:left}
.float-right{float:right}
.clear {clear:both}
.alpha-list{list-style-type:lower-alpha}
.bold {font-weight:bold}


/*******************Navigation Styles**********************/
#nav
{
	position:absolute;
	top:235px;
	left:70px;
	height:20px;
	width:1000px
}

#nav ul
{
	list-style:none;
}
 
#nav ul li
{
	display:inline;
	margin:0px 0px 0px 20px;
	
}

#nav ul li a 
{
	font-family:Arial;
	color:#FFF;
	font-size:19px;
	font-weight:bold;
	text-decoration:none;
}


/*******************Layout Styles**************************/
#header-tools{position:relative; background-image:url(../images/header-tools.png); width:417px; height:233px}
#logoContainer{position:absolute; left:410px; top:10px}
#etwContentContainer{}
#etw-Enter {position:absolute; top:750px; left:780px}
#etw-Post-It {position:absolute; top:620px; left:35px}

#homePageBottomNav {padding-left:90px}
#homePageBottomNav div {float:left; text-align:center}
#homePageBottomNav a {font-size:26px; color:#FFF; font-weight:bold; text-decoration:none;}
#homePageBottomNav .enter {padding:50px 0px 0px 25px}
#homePageBottomNav .enter a {font-size:40px; font-weight:bold;}
.master-flashContainer1 {position:absolute; top:180px; left:0px; height:500px; width:970px; overflow:hidden; display:hidden}
.master-flashContainer2 {position:absolute; top:265px; left:0px; height:455px; width:970px; overflow:hidden;}
.flashContainer2 {margin-top:-100px}


#rulesContainer {width:800px;}
#rulesContainer ol {margin-left:30px; padding:0px}
#rulesContainer ol li { line-height:18px; padding:0px}
#rulesContainer ol li ul li {margin-left:25px; padding-bottom:0px; line-height:18px}
#rulesContainer  #prizes {list-style:none;}
#rulesContainer  #prizes  li ul li {margin-left:15px; list-style-image:url(images/prize-bullet.gif)}

#entryFormContainer {width:750px}

#thankyouContainer {width:575px}
#thankyouContainer h2{}

.view-prizes-wod {display:block; width:435; height:96px; background:url(../images/vp-worlds-of-discovery.png) no-repeat center left; behavior: url(iepngfix.htc)}

#privacyPolicyContainer {width:750px}

#viewEntriesContainer {width:750px}
#viewEntriesContainer ul {list-style-type:none}
#viewEntriesContainer .descContainer {width:160px; padding-left:5px; float:left}
#viewEntriesContainer ul li{display:-moz-inline-box; display:inline-block; vertical-align:top; padding:0px 40px 20px 0px; word-wrap:break-word;}

#projectPlansContainer {width:750px}
#projectGames .gamesContainer{float:left; width:150px}
#projectGames {font-style:italic; width:800px}
#projectGames .projectName {font-size:18px; color:#00498F; font-weight:bold; font-style:normal}
#projects-content {width:1000px; position:absolute; top:670px; left:60px}
#projects-content ul {list-style-type:none;}
#projects-content ul li {float:left}
#projects-content .birdhouse {background-image:url(images/birdhouse.png); width:240px; height:326px}
#projects-content .ring-toss-game {background-image:url(images/ring-toss.png); width:223px; height:326px}
#projects-content .bag-toss-game {background-image:url(images/bag-toss.png); width:220px; height:326px}
#projects-content .deck-cooler {background-image:url(images/deck-cooler.png); width:227px; height:326px}

.tell-a-friend
{
	font-size:12px;
	color:#00498F;
	background-color:#D7DEEE;
	background-image:none;
	margin:20px 0px 30px 30px
}

#sitemapContainer ul {list-style-type:none; padding-left:10px; line-height:22px}

/********************Font Styles****************************/

				/*Enter To Win Styles*/
.etwlargeblue {font-size:45px; font-weight:bold; color:#00498F;}
.etwmediumblue {font-size:28px; color:#00498F;}
.etwcontent {font-size:16px; width:400px}
#etw-Bottom-Padding {height:300px}
.blue16pxbold {font-size:16px; font-weight:bold; color:#196FC1}
.blue16bold {font-size:16px; font-weight:bold; color:#00498F}
.blue14pxbold {font-size:14px; font-weight:bold; color:#00498F}
.blue14pxboldlink {font-size:14px; font-weight:bold; color:#00498F; text-decoration:none}
.blue20pxbold {font-size:20px; font-weight:bold; color:#00498F}
.white25pxbold {font-size:25px; font-weight:bold; color:#FFF}
.white40pxbold {font-size:40px; font-weight:bold; color:#FFF}

				/*Rules Styles*/
#rulesContainer h1 {font-size:35px; padding:0px; margin:0px; font-weight:bold; color:#00498F;}

				/*Use The Right Tools*/
#toolContainer h1{font-size:35px; font-weight:bold; padding:0px; margin:0px; color:#00498F;}
#toolContainer h2{font-size:18px; font-weight:bold; padding:20px 0px; margin:0px; color:#00498F; width:700px}
.tool-name{font-size:18px; font-weight:bold;}
.tool-desc{font-size:14px; font-style:italic;}
#toolContainer a {color:#000; text-decoration:none}

				/*View Entries*/
#viewEntriesContainer h1 {font-size:35px; padding:0px; margin:0px; font-weight:bold; color:#00498F;}
#viewEntriesContainer h2 {font-size:16px; padding:0px 0px 40px 0px; margin:0px; font-weight:bold; color:#00498F;}

				/*Entry Form Styles*/
#entryFormContainer h1 {font-size:35px; padding:0px; margin:0px; font-weight:bold; color:#00498F;}
#entryFormContainer h2 {font-size:18px; font-weight:bold; color:#00498F; width:750px}
.blue20pxbold {font-size:20px; font-weight:bold; color:#00498F}	
.required {color:#EB0000}

				/*Thank You*/
#thankyouContainer h1 {font-size:35px; padding:0px; margin:0px; font-weight:bold; color:#00498F;}
#thankyouContainer h2 {font-size:18px; font-weight:bold; color:#00498F}
#thankyouContainer p {font-size:16px; color:#00498F}

				/*Privacy Policy*/
#privacyPolicyContainer h1 {font-size:35px; padding:0px; margin:0px; font-weight:bold; color:#00498F;}
#privacyPolicyContainer h2 {font-size:11px; padding:0px; margin:0px; font-weight:bold; color:#000;}

				/*Project Plans*/
#projectPlansContainer h1 {font-size:35px; padding:0px; margin:0px; font-weight:bold; color:#00498F;}
#projectPlansContainer h2 {font-size:23px; padding:0px; margin:0px; font-weight:bold; color:#00498F;}

#sitemapContainer h1 {font-size:35px; padding:0px 0px 20px 0px; margin:0px; font-weight:bold; color:#00498F;}

/******Drop Shadow**********/
.dropshadow{
float:left;
clear:left;
background: url(images/shadow.png) no-repeat bottom right !important;
/* respectful browsers (e.g. Firefox/Opera/Safari) ONLY take notice of this line*/
background: none;
/* disrespectful browsers clear the background graphic, in this case allowing the alpha filter to work in IE5.5 and 6 */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='images/shadow.png'); /* the MS alpha filter */
margin: 5px 5px 5px 5px;
}
.dropshadow img{
position:relative;
bottom:6px;
right: 8px;
border-color: #eee #888 #666 #ddd;
background:#fff;
padding:5px; /* gives us the white area - but not in IE5 + IE5.5 */
margin: 0px;
}


/*padding & margin*/
.padding10 {padding:10px}
.paddingleft10 {padding-left:10px}
.paddingleft25 {padding-left:25px}
.paddingleft30 {padding-left:30px}
.paddingleft60 {padding-left:60px}
.paddingleft80 {padding-left:80px}
.paddingleft125 {padding-left:125px}
.paddingleft130 {padding-left:130px}
.paddingright10 {padding-right:10px}
.paddingright20 {padding-right:20px}
.paddingright30 {padding-right:30px}
.paddingright40 {padding-right:40px}
.paddingtop4 {padding-top:4px}
.paddingtop5 {padding-top:5px}
.paddingtop10 {padding-top:10px}
.paddingtop15 {padding-top:15px}
.paddingtop20 {padding-top:20px}
.paddingtop25 {padding-top:25px}
.paddingtop40 {padding-top:40px}
.paddingtop170 {padding-top:170px}
.paddingtop200 {padding-top:200px}
.paddingbottom5 {padding-bottom:5px}
.paddingbottom10 {padding-bottom:10px}
.paddingbottom15 {padding-bottom:15px}
.paddingbottom20 {padding-bottom:20px}
.paddingbottom30 {padding-bottom:30px}
.paddingbottom40 {padding-bottom:40px}
.paddingbottom55 {padding-bottom:55px}
.paddingbottom300 {padding-bottom:300px}
.paddingver5 {padding:5px 0px}
.paddingver10 {padding:10px 0px}
.margintop10 {margin-top:10px}
.margintop60 {margin-top:60px}
.margintop65 {margin-top:65px}
.marginleft10 {margin-left:10px}
.marginright50 {margin-right:50px}


/********************Footer*********************************/
#footer {background-color:#00498F;}

#footerContent
{
	padding:20px 0px 20px 75px;
	width:1000px;
	font-size:10px;
	color:#FFF;
}

#footerContent ul
{
	list-style:none;
	padding:0px 0px 10px 0px;
	margin:0px;
}

#footerContent ul li
{
	display:inline;
	margin:0px 15px 0px 0px;
	
}

#footerContent ul li a {color:#FFF}


/******************* Facebook App Styles **************************/

/******************* General **************************/
body#facebook
{
	margin:0px;
	background-image:none;
	background-color:#ffffff;
	font-family:Arial;
	font-size:12px;
}
/******************* Project Plans **************************/
#facebookProjectPlans {width:750px; font-size:11px; color:#000000;}
#facebookProjectPlans h1 {font-size:26px; padding:0px; margin:0px; font-weight:bold; color:#00498F;}
#facebookProjectPlans h2 {font-size:18px; padding:0px; margin:0px; font-weight:bold; color:#00498F;}

#facebookProjectPlans .gamesContainer {float:left; width:185px;}
#facebookProjectPlans .gamesContainer p {margin-top:0;}
#facebookProjectplans .gamesContainer a {font-size:12px; font-weight:bold; color:#288bcc;}
#facebookProjectPlans .gamesContainer .birdhouse {width:82px; padding:160px 0 0 100px; background-image:url('../images/fb-birdhouse.gif'); background-repeat:no-repeat;}
#facebookProjectPlans .gamesContainer .ringtoss {width:182px; padding:160px 0 0 100px; background-image:url('../images/fb-ringtoss.gif'); background-repeat:no-repeat;}
#facebookProjectPlans .gamesContainer .bagtoss {width:182px; padding:160px 0 0 100px; background-image:url('../images/fb-bagtoss.gif'); background-repeat:no-repeat;}
#facebookProjectPlans .gamesContainer .deckcooler {width:182px; padding:160px 0 0 100px; background-image:url('../images/fb-deckcooler.gif'); background-repeat:no-repeat;}

/******************* Entry Form **************************/
#facebookEntryFormContainer {width:750px; font-size:11px; color:#000000;}
#facebookEntryFormContainer h1 {font-size:26px; padding:0px; margin:0px; font-weight:bold; color:#00498F;}
#facebookEntryFormContainer h2 {font-size:18px; padding:0px; margin:0px; font-weight:bold; color:#00498F;}


/******************* Share **************************/
#shareContainer h1 {font-size:26px; padding:0px; margin:0px; font-weight:bold; color:#00498F;}
#shareContainer h2 {font-size:18px; padding:0px; margin:8px 0 3px 0; font-weight:bold; color:#00498F;}

#shareContainer .sharePhotos {float:left; height:220px; margin:0 150px 0 0;}
#shareContainer .upload-more {float:left; margin:0;}
#shareContainer .success {width:100%; padding:10px; background-color:#fff9d7; border:1px solid #e2c822;}

#shareContainer .share-photo {margin:0 8px;}
#shareContainer .share-note {float:left; width:300px;}

/******************* Footer **************************/
div#footerBar {
	clear:both;
	background:#F7F7F7 none repeat scroll 0% 0%;
	border-top:1px solid #dddddd;
	margin:0px;
	overflow:hidden;
}
div#footerBar ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:10px 20px 25px 0px;
}
div#footerBar li {
	float:left;
	line-height:18px;
	padding:0px 2px;
}

/******************* fb:tabs xfbml fix **************************/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.fb-tabs {
    padding: 0px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #898989;
}
.fb-tabs .left_tabs { float: left; padding-left: 10px; }
.fb-tabs .right_tabs { float: right; padding-right: 10px; }
.fb-tabs a { text-decoration:none; }
.fb-tabitems {
display: inline;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.fb-tabitems li {
    list-style:none;
    float:left;
    background: #f1f1f1 url(http://www.facebook.com/images/componen … _gloss.gif) top left repeat-x;
    margin-top: 0;
    margin-right: 1px;
    margin-bottom: -1px;
    margin-left: 1px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.fb-tabitems li a {
    border: 1px solid #898989;
    display:block;
    color: #333;
    font-weight: bold;
    padding-top: 2px;
    padding-right: 8px;
    padding-bottom: 2px;
    padding-left: 9px;
}
.fb-tabitems li a small { font-size: 11px; font-weight: normal; }
.fb-tabitems li a:focus { outline: 0px; }
.fb-tabitems li.first a { border:1px solid #898989; }
.fb-tabitems li a.selected {
background: #6d84b4;
border: 1px solid #3b5998;
border-left: 1px solid #5973a9;
border-right: 1px solid #5973a9;
color: #fff;
margin-left: -1px;

}
.fb-tabitems li.last a.selected {
margin-left:-1px;
border-left:1px solid #5973a9;
border-right:1px solid #36538f;
}
.fb-tabitems li.first a.selected {
margin: 0;
border-left: 1px solid #36538f;
border-right: 1px solid #5973a9;
}
.fb-tabitems li.first.last a.selected { border: 1px solid #36538f; }
.fb-tabitems li a.selected:hover { text-decoration: none; }