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

@import "reset.css";
@import "nav.css";
@import "thickbox.css";

body {
	background-color: #0b4c82;
	color: #4c4c4c;
	font: normal 62.5%/17px Arial, Helvetica, sans-serif;
	min-width: 809px;
}

div.wrapper {
	position: relative;
	width: 100%;
}

small {
    font-size: 10px;
}

sup {
	vertical-align: super;
}

#home {
/* home */

}


a {
font-weight:bold;
text-decoration:underline;
color:#333;
outline:none;
}

a.hover{
color:#0073cc;
}

.footer a {
color:#0073cc;
}

.header {
background:url(../images/bg_top.png) no-repeat top left;
width:1072px;
height:244px;
}

p {
font-size:14px;
color:#333;
line-height:18px;
margin-bottom: 13px;
}

div.errors {
color:#d22;
font-size: 16px;
}

div.errors ul {
margin-left:15px;
margin-bottom:15px;
}

.intro {
font-size:17px;
line-height:20px;
margin-bottom:20px;
}


.imgText {
display:block;
font-size:1em;
text-align:left;
text-indent:-9999px;
}

.main-body{
background:url(../images/bg_body.png) top left repeat-y;
width:1072px;
}

.toptabs{
height:20px;
margin-left:605px;
}

.lang_switch {
float: left;
margin-right: 10px;
}

.needhelpnow {
height:16px;
width:169px;
float:left;
margin-right:10px;
}

.history {
height:16px;
width:122px;
float:left;
}

.logo {
width:143px;
height:128px;
position:relative;
left:-355px;
top:27px;
}

.main-title {
width:488px;
height:67px;
position:relative;
top:-112px;
}

/*  #nav{
 See nav.css
}  */

.share{
width:135px;
height:141px;
position:relative;
left:335px;
top:-200px;
z-index:100;
}

.page-title {
font-family:Arial, Helvetica, sans-serif;
font-size:25px;
color:#fff;
position:relative;
top:-205px;
left:130px;
text-transform:uppercase;
text-align:left;
}


/* ---  HOME PAGE   ---*/

.home-bg {
background:url(../images/home_bg.png) top left no-repeat;
width:1072px;
height:1020px;
}

.mosaic {
width:860px;
height:539px;
position:relative;
top:-80px;
padding:0;
}

#mosaic-flash {
	z-index: 4;
	position: relative;
}

#flash-warning {
	z-index: 2;
	position: relative;
	top: -350px;
	color: white;
	font-size: 18px;
	text-align: center;
}

#flash-warning a {
	color: white;
}

.contest {
width:860px;
height:164px;
position:relative;
margin-top:-20px;
cursor: pointer;
}

.footer-home{
width:1072px;
position:relative;
top:-204px;
left:107px;
}

.footer-home a {
color:#0073cc;
}

.copyright-home{
font-size:9px;
color:#FFFFFF;
float:left;
position:relative;
margin-right:35px;
}

.terms-home{
font-size:9px;
color:#fff;
float:left;
position:relative;
}

.seventymain-home{
width:149px;
height:23px;
float:left;
position:relative;
left: 400px;
top:-4px;
}

.findbox{
background-color:#f9c600;
width:135px;
height:92px;
position:absolute;
top:45px;
left:0px;
z-index:150;
padding-left:17px;
padding-bottom: 20px;
display: none;
}

.findemail{
width:125px;
position:relative;
top:10px;
left:-12px;
}
.findimg {
width:125px;
position:relative;
top:10px;
left:-12px;
}
.find-btn{
width:53px;
height:19px;
position:relative;
left:-38px;
top:22px;
border:none;
cursor: pointer;
}


/* ---  MEDIA PAGE   ---*/

.whitebox560 {
background-color:#fff;
width:560px;
border-bottom: 2px solid black;
padding-top: 5px;
}

.imagebox {
	background-color: black;
	width: 550px;
	height: 343px;
	text-align: center;
	margin: 0px 5px;
}

.imagebox img {
	margin: 0px;
	border: 0px;
}

.whitebox275 {
background-color:#fff;
width:275px;}

.leftcol-media {
width:560px;
text-align:left;
float:left;
margin-left:110px;
margin-right:35px;
margin-top:-19px;
}

.rightcol-media {
width:275px;
text-align:left;
position:relative;
left:290px;
}

.media-pos {
margin-bottom:20px;
margin-left:5px;
margin-top:5px;
}

.media-desc {
width:495px;
font-size:14px;
line-height:19px;
padding-left:20px;
padding-bottom:50px;
}

.media-mosaic {
background-color:#fff;
width:275px;
height: 200px;
border-bottom: 2px solid black;
}

.backtomosaic {
width:178px;
height:14px;
position:relative;
top:15px;
left:5px;
}

.minimosaic {
background:url(../images/minimosaic.jpg) top left no-repeat;
width:265px;
height:162px;
position:relative;
top:5px;
left:5px;
}

.sharestory {
width:277px;
height:43px;
position:relative;
left:-1px;
top:40px;
}

.page-title-sub {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
font-weight:bold;
position:relative;
top:-198px;
text-transform:uppercase;
text-align:left;
left:133px;
}

.page-title-sub a {
color: white;
}

.whitebox-lb {
	background-color:#fff;
	width:809px;
	height:650px;
}

.media-pagination {
	color: white;
	text-align: center;
	font-size: 14px;
}

.media-pagination a {
	color: white;
}

/* ---  HISTORY PAGE   ---*/

.whitebox {
background-color:#fff;
width:861px;
border-bottom: 2px solid black;
}

.leftcol {
width:280px;
text-align:left;
float:left;
margin-left:27px;
margin-right:35px;
}

.rightcol {
width:470px;
text-align:left;
float: left;
}

.title-timeline {
width:116px;
height:50px;
position:relative;
left:160px;
top:20px;
}

.year {
font-weight:bold;
font-size:18px;
color:#fff;
padding:10px 8px;}

.timetext {
font-size:14px;
line-height:18px;
padding-bottom:10px;
padding-right:10px;}



/* ---  SHARE PAGE   ---*/

.leftcol-share {
width:540px;
text-align:left;
float:left;
margin-left:27px;
}

.aboutyou {
width:250px;
height:22px;
}
.yourstory {
width:250px;
height:22px;
margin-top:20px;
}
.threesubmit {
width:200px;
height:25px;
margin-top:20px;
}

.aboutbox {
background:url(../images/share_xbg.gif) top left repeat-x;
background-color: #f5f5f5;
width:500px;
padding:10px;
margin-top:10px;
}


.rightcol-share {
width:272px;
text-align:left;
position:relative;
float:left;
}

.faq {
width:272px;
height:20px;
margin-top: 30px;
margin-bottom: 15px;
}

.sub-title {
font-size:18px;
font-weight:bold;
text-transform:uppercase;
margin-top:65px;
margin-bottom: 10px;
}

.rightcol-share p {
width:250px;
margin-bottom: 13px;
}

.formtitle {
font-size:17px;
line-height:20px;
margin-bottom:5px;
}

.formtext {
font-size:12px;
line-height:14px;
margin-bottom:5px;}

.btm15{
margin-bottom:15px;}

.browse{
width:82px;
height:20px;
float:left;
margin-right:5px;
margin-top:-3px;
}
.useours {
width:140px;
height:20px;
margin-left:115px;
margin-top:0px;
}

#CSTselected_photo  { font-size:14px; color:#EB3877;}

#CSTselected_photo a { text-decoration:none;}

.submit-btn{
width:82px;
height:20px;
position:relative;
top:15px;
left:185px;
margin-bottom:25px;
border:none;
}

.error_message {
color: red;
font-weight: bold;
font-size: 14px;
}

/* ---  FAQ PAGE   ---*/
.faq-title {
font-size:20px;
line-height:22px;
margin-bottom:5px;
margin-top:20px;
font-weight:bold;
}

.faq-link {
font-size:14px;
font-weight:normal;
margin-bottom:10px;
}

.leftcol-faq {
width:515px;
text-align:left;
float:left;
margin-left:27px;
padding-right:25px;
}

.leftcol-faq ul {
margin-left: 20px;
margin-bottom: 10px;
font-size: 14px;
}

.rightcol-faq {
background-color:#efefef;
width:250px;
text-align:left;
position:relative;
float:left;
padding-left:15px;
padding-right:15px;
}


/* ---  TAF PAGE   ---*/

.taf-submit-btn{
width:100px;
height:23px;
position:relative;
top:10px;
margin-bottom:20px;
border:none;
}

.taf-mand{
width:260px;
height:23px;
}

.taf-friend{
width:380px;
height:23px;
margin-top:20px;
}

.taf-close-btn{
width:100px;
height:23px;
margin-bottom:30px;
}

.back-btn{
width:140px;
height:23px;
margin-bottom:40px;
}

.taf-rightcol{
width:260px;
height:23px;
color:#330033
}

/* ---  RULES/REGS PAGE   ---*/
.leftcol-rules {
width:400px;
text-align:left;
float:left;
margin-left:27px;
padding-right:25px;
text-indent:-5px;
}

.rightcol-rules {
width:375px;
text-align:left;
position:relative;
float:left;
text-indent:-5px;
}

#rulesregs p {
font-size:12px;
color:#333;
line-height:16px;
}

ul.rules {
	font-size: 14px;
	color: black;
}

ul.rules li {
	margin-top: 10px;
}


/* ---  FOOTER   ---*/

.footer{
background:url(../images/bg_footer.png) top left no-repeat;
width:1072px;
height:135px;
position:relative;
}

.copyright{
font-size:9px;
color:#FFFFFF;
float:left;
position:relative;
margin-right:35px;
left:106px;
top:30px;
}
.terms{
font-size:9px;
color:#fff;
float:left;
position:relative;
left:110px;
top:30px;
}

.seventymain{
width:149px;
height:23px;
float:left;
position:relative;
left: 510px;
top:25px;}




/*
PNG Alpha-Transparency effect to fade out thhe
background text. All IE-based browsers will use
their propritary "filter()" property for
the equivalent result.
*/
#background-text {
	background-color: #0b4c82;
	font: normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #145b93;
	height: 543px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-align: justify;
	top: 0;
	width: 100%;
	text-decoration:none;
	z-index:-1;
}
#background-text div {
	background: transparent url(../images/content_bg_fade_transition.png) repeat-x left top;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
textarea { font: normal 12px Arial, Helvetica, sans-serif; padding:2px; width:250px; height:120px;}