@charset "UTF-8";
/* CSS Document */

body, h1, h2, h3, h4, h5, p, ul, ol, li, a {
	margin:0;
	padding:0;
	border:none;
	background:none;
	float:none;
	list-style:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

a img {
	border:none;
}


body {
	font-size:65%;
	line-height:1.5em;
	width:100%;
	height:100%;
	overflow:hidden;
}

html>body {
	font-size:11px;
}

#header {
	position:absolute;
	width:100%;
	height:100px;
	text-align:center;
	z-index:8000;
}

#header h2 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0;
	padding-top:100px;
	background:url(images/header.png) top center no-repeat;
	overflow:hidden;
	line-height:20px;
}

#header h3.home {
	position:absolute;
	top:17px;
	left:50%;
	background:none;
	margin-left:330px;
	width:100%;
	height:50px;
	overflow:hidden;
	line-height:20px;
	text-align:left;
}

body.memories #header h2 {
	background:url(images/header-memories.png) top center no-repeat;
}

body.contacts #header h2 {
	background:url(images/header-contacts.png) top center no-repeat;
}

body.email #header h2 {
	background:url(images/header.png) top center no-repeat;
}

body.facts #header h2 {
	background:url(images/header-interesting.png) top center no-repeat;
}

body.mccain #header h3 {
	width:150px;
	height:0;
	padding-top:130px;
	top:26px;
	left:50%;
	margin-left:-450px;
	position:absolute;
	background:url(images/mccain-logo.png) top left no-repeat;
	overflow:hidden;
}

body.mccain #header h2 {
	background:url(images/header-mccain.png) top center no-repeat;
}

#header h1 {
	position:absolute;
	top:77px;
	left:50%;
	margin-left:-495px;
	width:300px;
	height:0;
	padding-top:200px;
	background:url(images/logo.png) 95px 0px no-repeat;
	overflow:hidden;
	line-height:1em;
}

body.memories #header h1, body.mccain #header h1, body.email #header h1, body.contacts #header h1, body.facts #header h1 {
	width:130px;
	height:130px;
	background:none;
	margin:0;
	padding:0;
	margin-left:300px;
	top:10px;
	z-index: 30000;
}

#footer {	
	position:absolute;
	top:435px;
	left:0;
	width:100%;
	height:500px;
	background:url(images/footer.gif) top center no-repeat;
	z-index:8000;
}

body.memories #footer {
	background:url(images/footer-memories.gif) top center no-repeat;
}

body.mccain #footer {
	background:url(images/footer-mccains.gif) top center no-repeat;
}

body.contacts #footer {
	background:url(images/footer-contacts.gif) top center no-repeat;
}

body.email #footer {
	background:url(images/footer-email.gif) top center no-repeat;
}


body.facts #footer {
	background:url(images/footer-interesting.gif) top center no-repeat;
}


#container {
	z-index:100;
	position:absolute;
	width:990px;
	height:550px;
	top:0;
	left:50%;
	margin-left:-495px;
	background:url(images/backgrounds/happy-child.jpg) top left no-repeat;
	overflow:hidden;
}

body.mccain #container {
	background:url(images/backgrounds/chips.jpg) top left no-repeat;
}

body.email #container {
	background:url(images/backgrounds/salad.jpg) top left no-repeat;
}

body.memories #container {
	background:url(images/backgrounds/whisk.jpg) top left no-repeat;
}

body.contacts #container {
	background:url(images/backgrounds/beans.jpg) top left no-repeat;
}

body.facts #container {
	background:url(images/backgrounds/noodlesalad.jpg) top left no-repeat;
}

#menu {
	position:absolute;
	top:63px;
	left:666px;
	width:320px;
	height:300px;
	z-index:35000;
}

body.memories #menu, body.mccain #menu, body.email #menu, body.contacts #menu, body.facts #menu {
	top:148px;
}

body.memories #polaroids, body.mccain #polaroids, body.contacts #polaroids, body.mccain #polaroids {
	display:none;
}

#menu li {
	position:absolute;
	overflow:hidden;	
}

#menu #yellow {
	width:123px;
	height:132px;
	left:142px;
	top:149px;
}

#menu #yellow a {
	float:left;
	width:123px;
	height:0;
	padding-top:132px;
	background:url(images/post-it/yellow.png) top left no-repeat;
}

#menu #yellow a:hover {
	background-position: 0px -142px;
}


#menu #green {
	width:122px;
	height:131px;
	left:144px;
	top:0;
}

#menu #green a {
	float:left;
	width:122px;
	height:0;
	padding-top:131px;
	background:url(images/post-it/green.png) top left no-repeat;
}

#menu #green a:hover {
	background-position: 0px -141px;
}


#menu #blue {
	left:0;
	top:17px;
	width:131px;
	height:136px;
}

#menu #blue a {
	float:left;
	width:131px;
	height:0;
	padding-top:136px;
	background:url(images/post-it/blue.png) top left no-repeat;
}

#menu #blue a:hover {
	background-position: 0px -146px;
}


#menu #red {
	width:126px;
	height:134px;
	left:6px;
	top:165px;
}

#menu #red a {
	float:left;
	width:126px;
	height:0;
	padding-top:134px;
	background:url(images/post-it/red.png) top left no-repeat;
}

#menu #red a:hover {
	background-position: 0px -144px;
}


#menu #mccains {
	width:54px;
	height:56px;
	left:266px;
	top:130px;
}

#menu #mccains a {
	float:left;
	width:54px;
	height:0;
	padding-top:56px;
	background:url(images/post-it/mccains.png) top left no-repeat;
}

#menu #mccains a:hover {
	background-position: 0px -66px;
}

#polaroids {
	position:absolute;
	top:357px;
	left:50%;
	margin-left: 141px; /* 50% - (990/2) + 636px */ 
	width:350px;
	height:160px;
	z-index:10000;
}	

#polaroids  li {
	position:absolute;
}

#polaroids #p1 {
	width:106px;
	height:124px;
	left:0;
	top:25px;
}

#polaroids #p2 {
	width:105px;
	height:125px;
	left:185px;
	top:5px;
}

#polaroids #p3 {
	width:111px;
	height:128px;
	left:95px;
	top:31px;
}

#polaroids #morememories {
	left:215px;
	top:130px;
	width:auto;
}

#morememories a, #notepad a {
	color:#fff;
	text-decoration:none;
	background:#0094C5;
	padding: 0 2px;
}

#morememories a:hover, #notepad a:hover {
	text-decoration:underline;
	color:#0094C5;
	background:#fff;
}

#notepad {
	width:400px;
	height:153px;
	top:302px;
	left:50%;
	margin-left:-400px;
	position:absolute;
	background:url(images/notepaper.png) top left repeat-y;
	z-index: 7000000;
	padding: 8px 9px 10px 35px;
}

#sponsorLogo {
	width:870px;
	height:85px;
	position:absolute;
	left: 50%;
	margin-left:-400px;
	top:80px;
}	

#chefette {
	position:absolute;
	height:353px;
	width:253px;
	left:50%;
	top:190px;
	margin-left:-522px;
	background:url(images/cheffete.png) top left no-repeat;
	z-index:7950;
}

body.mccain #mainPageHolder, body.memories #mainPageHolder, body.email #mainPageHolder, body.contacts #mainPageHolder, body.facts #mainPageHolder {
	top: 0;
	left:50%;
	margin-left:-250px;
	width:400px;
	height:500px;
	position:absolute;
	z-index:7950;
	overflow:hidden;
}

body.memories #mainPageHolder {
	margin-left:-450px;
	width:600px;
}

body.facts #mainPageHolder {
	width:600px;
}

body.memories #mainPageHolder {
	margin-left:-450px;
	width:600px;
}

body.mccain #mainPageHolder ul {
	width:400px;
}

body.memories #mainPageHolder ul, body.email #mainPageHolder ul, body.contacts #mainPageHolder ul {
	width:500px;
}

body.facts #mainPageHolder ul {
	width:450px;
}

body.facts #mainPageHolder {
	margin-left:-350px;
}

body.contacts #mainPageHolder {
	margin-left:-300px;
}

body.mccain #mainPageHolder ul li, body.memories #mainPageHolder ul li, body.email #mainPageHolder ul li, body.contacts #mainPageHolder ul li, body.facts #mainPageHolder ul li {
	padding:100px 0 50px 0;
	height:450px;
}

body.email #mainPageHolder ul li, body.contacts #mainPageHolder ul li, body.facts #mainPageHolder ul li  {
	background:url(images/notepaper.png) repeat-y;
	padding-left:50px;
}

#mainPageHolder ul li h3, body.email #mainPageHolder ul li p { 
	width:330px;
	line-height:1.5em;
}

#mainPageHolder ul li h3 {
	margin-bottom: 1.5em;
}

body.facts #mainPageHolder ul li p { 
	width:375px;
}

body.contacts #mainPageHolder ul li p {
	width: 325px;
}

body.memories #mainPageHolder ul li img {
	float:right;
	padding-top:30px;
}

body.facts #mainPageHolder ul li img {
	position:relative;
	left:230px;
}

body.mccain #dishesMenu {
	width:955px;
	height:95px;
	top:485px;
	left:50%;
	margin-left:-485px;
	position:absolute;
	z-index:100000;
}

body.mccain #dishesMenu li {
	float:left;
	width:142px;
	height:95px;
	overflow:hidden;
}

body.mccain #dishesMenu li a {
	float:left;
	width:142px;
	height:0;
	padding-top:95px;
}

body.mccain #dishesMenu #cajun a:hover, body.mccain #dishesMenu #herbydice a:hover, body.mccain #dishesMenu #chimichanga a:hover, body.mccain #dishesMenu #hotpot a:hover, body.mccain #dishesMenu #potSal a:hover, body.mccain #dishesMenu #gratin a:hover, body.mccain #dishesMenu #cajun.selected a, body.mccain #dishesMenu #herbydice.selected a, body.mccain #dishesMenu #chimichanga.selected a, body.mccain #dishesMenu #hotpot.selected a, body.mccain #dishesMenu #potSal.selected a, body.mccain #dishesMenu #gratin.selected a {
	background-position: -20px -95px;
}
body.mccain #dishesMenu #cajun a {
	background:url(images/mccain-buttons/buttonCajun.gif) -20px 0px;
}

body.mccain #dishesMenu #herbydice a {
	background:url(images/mccain-buttons/buttonMash.gif) -20px 0px;
}

body.mccain #dishesMenu #chimichanga a {
	background:url(images/mccain-buttons/buttonChimichangas.gif) -20px 0px;
}

body.mccain #dishesMenu #hotpot a {
	background:url(images/mccain-buttons/buttonHotPot.gif) -20px 0px;
}

body.mccain #dishesMenu #potSal a {
	background:url(images/mccain-buttons/buttonSalad.gif) -20px 0px;
}

body.mccain #dishesMenu #gratin a {
	background:url(images/mccain-buttons/buttonGratin.gif) -20px 0px;
}

body.mccain .videoCaption, body.memories .videoCaption {
	background:url(images/notepaper.png) top left repeat-y;
	width:290px;
	padding: 8px 3px 10px 35px;
	margin-left:12px;
	margin-top:18px;
}

body.memories .videoCaption {
	padding-top: 20px;
	padding-bottom:50px;
	padding-right:20px;
	width:270px;
}

h4, p {
	font-size:1em;
	line-height:1.5em;
	text-align:left;
	margin-bottom:1.3em;
	margin-top:0.2em;
	color:#017239;
	font-weight:normal;
}

h4 {
	font-weight:bold;
	font-size:1.1em;
	line-height:1.36em;
}

#factsMenu {
	width:832px;
	height:97px;
	top:475px;
	left:50%;
	margin-left:-416px;
	position:absolute;
	z-index:100000;
	overflow:hidden;
}

#factsMenu li {
	margin-top:-485px;
	padding-top:485px;
	float:left;
	height:97px;
	width:138px;
	text-align:center;
}

#factsMenu ul {
	width:832px;
	height:97px;
	top:-485px;
	left:0;
}

#memoriesMenu {
	width:832px;
	height:77px;
	top:485px;
	left:50%;
	margin-left:-416px;
	position:absolute;
	z-index:100000;
	overflow:hidden;
}

#memoriesMenu li {
	margin-top:-485px;
	padding-top:485px;
	float:left;
	height:77px;
	width:128px;
	text-align:center;
}

#memoriesMenu ul {
	width:8320px;
	height:77px;
	top:-485px;
	left:0;
}

#memoriesMenu li.arrow {
	width:32px;
}

#memoriesMenu li.both {
	background:url(images/memories/smallNotepad.gif) 22px bottom no-repeat;
}

#memoriesMenu li.both img {
	padding-left:10px;
}

#memoriesMenu li.arrow img {
	padding-top:24px;
}

#uploaderPhoto {
	margin-left:-25px;
}

input.textBox, textarea {
	border:1px solid #666;
	background:#fff;
	color:#333;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height:1.36em;
	width: 200px;
}

textarea {
	width:250px;
	height:150px;
}

.error {
	color:#990000;
	font-size:1.4em;
}

#pdfHolder {
	position:absolute;
	top:273px;
	left:7px;
	width:150px;
	height:174px;
	z-index:8000000;
}

#pdfHolder a {
	float:left;
	width:150px;
	height:0;
	padding-top:174px;
	overflow:hidden;
	background:url(images/pdfIcon.png);
	z-index:8000001;
}

#pdfHolder a:hover {
	background-position: 0px -174px;
}

.floatLeft {
	float:left;
	padding:0;
	margin: 0 7px 3px 0;
	border:1px solid #ccc;
}