html, body, div, span, applet, object, iframe,
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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}




body {
	background-repeat: repeat;
	background-image: url(/competition/images/Woodtile.jpg);
}

#headcontainer {
	background-repeat: no-repeat;
	background-image: url(/images/bond-header.jpg);
	width:953px;
	height: 416px;
}

#bottom-container {
	background-repeat: no-repeat;
	background-image: url(/images/bond-mission.jpg);
	width:953px;
	height: 934px;
}


#paper-container {

width: 370px;
height: 520px;
position: absolute;
top: 460px;
margin-left: 110px;

}

#copy-left {
		height: 260px;
	font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
}

div#themission {
	position: absolute;
	top: 300px;
	width:590px;
	font: 12px "Courier New", Courier, mono;
	left: 78px;
}

div#missionhead {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
width: 400px;
}

#themission img.enter-main {
	float: right;
	margin-top: -20px;
}

span#missiontext {
	float: left;
	width: 480px;
}

#copy-right {
	
	font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif;

		margin-right: 00px;
		height: 260px;
}

#copy-right ul {
	list-style: disc;
	list-style-position: outside;
	margin-left: 20px;
	font-size: 10px;
	margin-top: 10px;
}

#copy-right li {
	padding-bottom: 1px;
}

div#p-header {
	display: block;
	height: 30px;
	font: bold 22px "Courier New", Courier, mono;
	text-transform: uppercase;
}

div#p-col-1 {
	width: 178px;
	height: 455px;
	float: left;
}

div#p-col-2 {
	width: 185px;
		height: 455px;
	float: right;
}

img.name-button {
	margin-bottom: 5px;
}

img.input-box {
	margin-bottom: 10px;
}

img.email-button {
	margin-bottom: 5px;
}

img.friends-button {
	margin-bottom: 5px;
}

img.name-input {
	margin-bottom: 18px;
}

div#email-buts {
	margin-top: 15px;
	margin-bottom: 10px;
	
}

img.invite-friends {
	margin-top: 10px;
}

input.enter-now {
	float: right;
	margin-right: 30px
}

div#terms {
	font: 8px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 20px;
	color: #434343;
}

.search_field
{
float:left; /* this will make the images line up */
border:0;
padding:0;
display: block;
width:158px; /* the width of the actual search box, must be shorter than your image so it fits inside it. */
height:18px; /* again, must be slightly less than the image size */
background-color:transparent; /* Makes the search field invisible so you can see the image we want underneath. This doesn?t work in Safari, so I may go back later and give them their own style sheet. For now, I?m not bothered by this small inconvenience. */
margin-bottom:8px;
}


.searchbg
{
background:url(/competition/images/input-box.png) no-repeat;
width:159px;
height:19px;
display:block;
border: 0;
margin-bottom:8px;
}

.searchbgIE
{
background:url(/competition/images/input-box.png) no-repeat;
width:159px;
height:19px;
display:block;
border:0;
margin-bottom:8px;
}

div#mankind, div#turnball, div#oliver, div#no11, div#swaine, div#churches, div#spa {
	position:absolute;
	background-color: black;
	width: auto;
	height: auto;
	color: #fff;
	font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 3px;
	height: 31px;
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
	
}

div#no11 {
	height: 48px;
	
}


div#oliver {
	margin-left: 510px;
	top: 790px;
}

div#mankind {
	margin-left: 700px;
	top: 900px;
}

div#spa {
	margin-left: 640px;
	top: 1135px;
}



div#turnball {
	margin-left: 600px;
	top: 980px;
}

div#no11 {
	margin-left: 640px;
	top: 580px;
}

div#swaine {
	margin-left: 80px;
	top: 1000px;
}

div#churches {
	margin-left: 350px;
	top: 1135px;
}


#oliver a, #mankind a, #turnball a, #no11 a, #swaine a, #churches a, div#spa a {
	position:absolute;
	color: #b8b8b8;
padding-top: 3px;
	font: 9px "Lucida Grande", Lucida, Verdana, sans-serif;
}


#hidin {
display: none;
}

div#oliver-link {
	position: absolute;
	width: 130px;
	height: 30px;
	margin-left: 270px;
	top: 1215px;

}

div#mankind-link {
		position: absolute;
	width: 130px;
	height: 30px;
	margin-left: 115px;
	top: 1215px;

}

div#spa-link {
		position: absolute;
	width: 130px;
	height: 30px;
	margin-left: 435px;
	top: 1235px;

}



div#turnball-link {
		position: absolute;
	width: 130px;
	height: 30px;
	margin-left: 420px;
	top: 1275px;
}

div#no11-link {
		position: absolute;
	width: 80px;
	height: 80px;
	margin-left: 575px;
	top: 1250px;

}

div#swaine-link {
		position: absolute;
	width: 130px;
	height: 30px;
	margin-left: 420px;
	top: 1310px;
}

div#churches-link {
	position: absolute;
	width: 130px;
	height: 50px;
	margin-left: 270px;
	top: 1260px;
}

div#menshealth-link {
		position: absolute;
	width: 130px;
	height: 30px;
	margin-left: 115px;
	top: 1270px;

}

div#nav {
	height: 38px;
	position: absolute;
	top: 20px;
	left: 59px;
	width: 555px;
	overflow: hidden;	
}

div#missionmenu-on {
display: relative;
	width: 199px;
	height: 38px;
	float: left;
	background-image: url(/images/themission-button.png);
}

div#prizemenu-on {
	float: left;
	width: 173px;
	height: 38px;
	background-image: url(/images/theprize-button.png);
}

div#blogmenu-on {
		float: left;
	width: 167px;
	height: 38px;
	background-image: url(/images/theblog-button.png);
}

div#missionmenu-off {
display: relative;
	width: 199px;
	height: 38px;
	float: left;
	background: url(/images/themission-button.png) 0 38px;
}

div#prizemenu-off {
	float: left;
	width: 173px;
	height: 38px;
	background: url(/images/theprize-button.png) 0 38px;
}

div#blogmenu-off {
		float: left;
	width: 167px;
	height: 38px;
	background: url(/images/theblog-button.png) 0 38px;
}

div#missionmenu-off :hover {

	background-image: url(/images/themission-button.png);
}

div#prizemenu-off :hover {

	background-image: url(/images/theprize-button.png);
}

div#blogmenu-off :hover {
	background: url(/images/theblog-button.png);
}


p{
	clear:both;
	margin:0;
	padding:.5em 0;
}
pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}


/*  */

#tooltip{
	padding-left: 8px;
	padding-bottom: 5px;
	padding-right: 8px;
	padding-top: 5px;
	font-size: 11px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	position:absolute;
	border:1px solid #1d1d1d;
	background:#1b1b1b;
	color:#fff;
	display:none;
	
	}	

/*  */

#middle h1 {
	font: bold 18px "Courier New", Courier, mono;
	padding-bottom: 10px;
}

#middle p {
	font: 12px/16px "Courier New", Courier, mono;
}

span.red {
font: 12px/12px "Courier New", Courier, mono;
	display: block;
	color: #bc1d10;
	padding-bottom: 5px;
}

strong {
	font-weight: bold;
}