/*
Dallas 2020
February 9, 2010
Caleb White
Pursuant
*/

/****CSS Reset by Erik Meyer****/
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,b, u, i, center,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-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
/*********END CSS RESET*********/

/***************************
*******GENERAL STYLES*******
***************************/
body  {
	background: #0063a5 url(../img/bg.jpg) top center no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#464646;
}
a {
	color:#4BBC43;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.imgtxt {
	display:block;
	text-indent:-10000px;
}
.clearme {
	clear:both;
	display:block;
}
hr {
	margin:0;
	padding:0;
	border:none;
	height:2px;
	background:url(../img/border.png) 0px 0px no-repeat;
}
#mainwrap {
	width:980px;
	margin:0 auto;
}
/***************************
***********HEADER***********
***************************/
#header {
	height:81px;
	position:relative;
}
h1 a {
	display:block;
	text-indent:-10000px;
	background:url(../img/logo.png) top left no-repeat;
	height:34px;
	width:220px;
	position:absolute;
	top:30px;
	left:23px;
}
ul#nav {
	width:540px;
	height:12px;
	position:absolute;
	right:0;
	top:51px;
}
#nav li {
	float:left;
}
#nav li a {
	display:block;
	text-indent:-10000px;
	background-repeat:no-repeat;
	background-position:0px -12px;
	height:12px;
	margin-right:14px;
}
#nav li a:hover, #nav li a.current {
	background-position:0px 0px;
}
#nav li a#navabout {
	background-image:url(../img/navAbout.png);
	width:146px;
}
#nav li a#navlegacy {
	background-image:url(../img/navLegacy.png);
	width:178px;
}
#nav li a#navtime {
	background-image:url(../img/navTimeline.png);
	width:73px;
}
#nav li a#navcontact {
	background-image:url(../img/navContact.png);
	width:77px;
}
/***************************
**********HOMEPAGE**********
***************************/
.home {
	color:#b4defa;
}
.home h2 {
	text-indent:-10000px;
	display:block;
	background:url(../img/headHome.png) 380px 186px no-repeat;
	height:317px;
}
#homebottom {
	height:320px;
	padding:30px 20px 0;
}
#homeleft {
	float:left;
	width:460px;
}
#homeleft h3 {
	width:410px;
	height:30px;
	text-indent:-10000px;
	display:block;
	background:url(../img/headChanging.png) 0px 0px no-repeat;
}
#homeleft p {
	padding:5px 0 15px;
}
#homeright {
	float:right;
	width:460px;
	height:280px;
}
#quote {
	padding-top:10px;
	font-size:1.3em;
	height:140px;
}
#quote span {
	display:block;
	padding-top:5px;
	font-size:.8em;
	font-weight:normal;
	font-style:italic;
}
#joincallout {
	position:relative;
	height:97px;
	background:url(../img/bgSignup.png) 0px 0px no-repeat;
}
#homeright h3 {
	position:absolute;
	top:22px;
	left:22px;
	background:url(../img/headJoin.png) 0px 0px no-repeat;
	width:219px;
	height:24px;
	text-indent:-10000px;
}
#homeright a.signupexpand {
	position:absolute;
	top:29px;
	right:21px;
	background:url(../img/btnSignup.png) 0px 0px no-repeat;
	width:100px;
	height:43px;
}
#homeright a.signupexpand:hover {
	background-position:0px -43px;
}
p.submsg {
	text-transform: uppercase;
	font-style:italic;
	color:#CFF6FF;
	font-size:12px;
	line-height:15px;
	font-weight: lighter;
	letter-spacing:1px;
}
#homeright p.submsg {
	position:absolute;
	top:52px;
	left:23px;
	width:220px;
}
/***************************
********SIGNUP FORM*********
***************************/
form#signup {
	background:url(../img/bgSignupBottom.png) 0px 0px no-repeat;
	padding-top:18px;
	height:220px;
	display:none;
}
#signup label {
	clear:both;
	display:block;
	text-align:right;
	float:left;
	width:142px;
	padding-top:3px;
	font-size:1.3em;
	font-weight:normal;
}
#signup input.text {
	height:23px;
	border-color:#0165A2;
	background:url(../img/formFull.jpg) 0px 0px;
	margin-bottom:5px;
	border:1px solid #0165A2;
	padding:4px 0 0 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
}
#signup input.full {
	width:255px;
	margin-right:40px;
	float:right;	
}
#signup input.city {
	float:left;
	width:183px;
	margin-right:7px;
	margin-left:15px;
	background:url(../img/formCity.jpg) 0px 0px;
}
#signup input.state {
	float:left;
	width:57px;
	background:url(../img/formState.jpg) 0px 0px;	
}
#signup input#submit {
	width:74px;
	height:32px;
	background:url(../img/btnSubmit.png) 0px 0px;
	border:none;
	text-indent:-10000px;
	margin:7px 0 0 347px;
}
#signup input#submit:hover {
	background-position:0px -32px;
}
.thanksmsg {
	position:absolute;
	top:21px;
	right:21px;
	width:180px;
	height:70px;
	text-align:center;
	display:none;
}
.thanksmsg h5 {
	width:129px;
	height:36px;
	background:url(../img/headThanks.png)0px 0px no-repeat;
	text-indent:-10000px;
	margin:0 auto;
}
/***************************
*********BACKPAGES**********
***************************/
/*#content {
	height:317px;
	position:relative;
}
.home h2 {
	text-indent:-10000px;
	display:block;
	background:url(../img/headHome.png) top left no-repeat;
	width:530px;
	height:89px;
	position:absolute;
	top:186px;
	right:70px;
}*/
#left {
	float:left;
	width:690px;
	padding-left:35px;
	font-size:1.1em;
	line-height:20px;
	color:#8f8f8f;
}
#right {
	float:right;
	margin-right:40px;
	width:183px;
	background:#0063A5;
	padding:18px 0 18px 17px;
}
.backpage #content {
	background:#fff;
	padding:50px 0 20px;
	margin-top:10px;
}
.backpage h3 {
	text-indent:-10000px;
	height:25px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-bottom:0px;	
}
#left p, #left ul {
	padding-bottom:20px;
}
#left li {
	display:block;
	background:url(../img/bullet.jpg) 0 5px no-repeat;
	padding-left:18px;
}
#left a {
	color:#0063A5;
}
#right h4 {
	text-indent:-10000px;
	height:16px;
	background:url(../img/headJoinSml.jpg) 0px 0px no-repeat;
}
#right p {
	padding:15px 20px 15px 3px;
}
#right a.signup {
	display:block;
	text-indent:-10000px;
	width:164px;
	height:45px;
	background:url(../img/btnSignupBack.jpg) 0px 0px no-repeat;	
}
#right a.signup:hover {
	background-position:0px -45px;
}
.about h3 {
	background-image:url(../img/headAbout.jpg);
	width:336px;
}
.about #left img {
	margin:30px 0 0;
}
.legacy h3 {
	background-image:url(../img/headLegacy.jpg);
	width:421px;
	padding-bottom:20px;
}
.timeline h3 {
	background-image:url(../img/headTimeline.jpg);
	width:146px;
	padding-bottom:20px;
}

/***************************
**********CONTACT***********
***************************/
.contact h3 {
	background-image:url(../img/headContact.jpg);
	width:152px;
	padding-bottom:20px;
}
.contact label {
	clear:both;
	display:block;
	text-align:right;
	float:left;
	width:155px;
	padding:5px 10px 0 0;
	font-size:1em;
	font-weight:normal;
	color:#666;
}
.contact input.text {
	height:27px;
	border-color:#0165A2;
	background:url(../img/contactFull.jpg) 0px 0px;
	margin-bottom:5px;
	border:1px solid #e1e1e1;
	padding:4px 0 0 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
	float:left;	
}
.contact input.full, .contact textarea {
	width:357px;
}
.contact input.phone {
	width:196px;
	background:url(../img/contactPhone.jpg) 0px 0px;
}
.contact input.zip {
	width:121px;
	background:url(../img/contactZip.jpg) 0px 0px;	
}
.contact textarea {
	height:27px;
	border-color:#0165A2;
	background:url(../img/contactArea.jpg) 0px 0px;
	margin-bottom:5px;
	border:1px solid #e1e1e1;
	padding:4px 0 0 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
	float:left;
	height:107px;
}
.contact input#submit {
	width:273px;
	height:43px;
	background:url(../img/btnSubmitRequest.jpg) 0px 0px;
	border:none;
	text-indent:-10000px;
	margin:10px 0 40px 162px;
	clear:both;
}
.contact input#submit:hover {
	background-position:0px -43px;
}
#successmsg {
	width:363px;
	padding:0 0 10px 167px;
	margin:0;
	text-align:center;
}
#successmsg h5 {
	font-size:1.3em;
	color:#0063A5;
}
/***************************
*********POP-UP BOX*********
***************************/
form#signupback {
	background:url(../img/bgSignupBottom.png) 0px 0px no-repeat;
	padding-top:18px;
	height:270px;
}
#signupback label {
	clear:both;
	display:block;
	text-align:right;
	float:left;
	width:142px;
	padding-top:3px;
	font-size:1.3em;
	font-weight:normal;
}
#signupback input.text {
	height:23px;
	border-color:#0165A2;
	background:url(../img/formFull.jpg) 0px 0px;
	margin-bottom:5px;
	border:1px solid #0165A2;
	padding:4px 0 0 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
}
#signupback input.full {
	width:255px;
	margin-right:40px;
	float:right;	
}
#signupback input.city {
	float:left;
	width:183px;
	margin-right:7px;
	margin-left:15px;
	background:url(../img/formCity.jpg) 0px 0px;
}
#signupback input.state {
	float:left;
	width:57px;
	background:url(../img/formState.jpg) 0px 0px;	
}
#signupback input#popsubmit {
	width:74px;
	height:32px;
	background:url(../img/btnSubmit.png) 0px 0px;
	border:none;
	text-indent:-10000px;
	margin:7px 35px 0 0;
	float:right;
}
#signupback input#popsubmit:hover {
	background-position:0px -32px;
}
#signupback h3 {
	background:url(../img/headJoin.png) 0px 0px no-repeat;
	width:219px;
	height:24px;
	text-indent:-10000px;
	margin:0 auto;
	padding-bottom:15px;
}
#signupback p#confirmation {
	float:left;
	width:143px;
	margin-left:185px;
	text-align:left;
	font-size:1.1em;
	padding:14px 0 0 20px;
	color:#BDC4E1;
	background:url(../img/tick-white.png)0px 13px no-repeat;
	display:none;
}
#TB_closeWindowButton {
	display:block;
	position:absolute;
	top:0;
	right:15px;
	background:url(../img/btnClose.png) 0px 0px no-repeat;
	height:30px;
	width:30px;
	text-indent:-10000px;
	
}
#TB_title {
	background:none transparent;
	height:auto;
}
#TB_window {
	background: none transparent;
	color:#fff;
	border: none;
}
#TB_ajaxContent{
	padding:0;
}
#TB_ajaxContent.TB_modal {
	padding:0;
}
/***************************
***********FOOTER***********
***************************/
#footer {
	position:relative;
	margin-top:20px;
	height:70px;
	font-size:11px;
}
#footer a, #footer ul, #footer p {
	position:absolute;
	top:0;
}
#footer .imgtxt {
	background-position:0px 0px;
	background-repeat: no-repeat;
}
.footlogo {
	left:22px;
	width:130px;
	height:20px;
	background-image:url(../img/footLogo.png);
}
/*#footer a.footpursuant {
	top:1px;
	left:172px;
	width:129px;
	height:23px;
	background-image:url(../img/footPursuant.png);
}*/
#footer a.footpursuant {
	top:0px;
	left:0px;
	width:203px;
	height:23px;
	background-image:url(../img/footPursuantPowered.png);
}
.foottwitter {
	right:133px;
	width:88px;
	height:20px;
	background-image:url(../img/footTwitter.png);
}
.footfb {
	right:18px;
	width:96px;
	height:20px;
	background-image:url(../img/footFacebook.png);
}
#footer ul {
	width:420px;
	left:215px;
	height:12px;
	line-height:12px;
	top:6px;
}
#footer li {
	float:left;
	border-left:#61bcfa 1px solid;
	padding:0 7px;
}
#footer li:first-child {
	border:none;
}
#footer li a {
	position:static;
	top:auto;
	color:#61bcfa;
	font-weight:bold;
}
#footer p {
	left:222px;
	height:20px;
	top:20px;
	width:410px;
	color:#6EC2FB;
}

/*
	<div id="footer">
		<a href="#" id="footlogo">Dallas 2020</a>
		<a href="#" id="footpursuant">Pursuant Sports</a>
		<ul id="footnav">
			<li><a href="#">Home</a></li>
			<li><a href="#">About Dallas 2020</a></li>
			<li><a href="#">The Legacy Foundation</a></li>
			<li><a href="#">Timeline</a></li>
			<li><a href="#">Contact</a></li>
		</ul>
		<p id="copyright">&copy; Copyright 2010 Dallas2020. All Rights Reserved</p>
		<a href="#" id="foottwitter">Twitter</a>
		<a href="#" id="footfb">Facebook</a>
	</div>
*/