/* Import the style sheet that resets all browsers. */
@import url("reset.css");

/* Updated 08/01/08 */
#mainInfo p{line-height:1em}
body {
	background: url("../images/bodyBg_grad.gif") repeat-x;
}

a.link {
	color: #ffffff;
	text-decoration: underline;
}

#pageContainer {
	background: url("../images/middleColBg_grad.gif") repeat-x;
	width: 980px;
	margin:0 auto;
}

#textures{
	background: url("../images/texture.png") repeat-y 0 100px ;
	width: 980px;
	margin: 0 auto;
	padding-top: 987px;
}

#contentContainer {
	background: url("../images/insideColBg_grad.gif") no-repeat 50% 0;
}

#topArea {
	background: url("../images/totally_bg.gif") no-repeat;
	height: 987px;
	width: 1350px;
	margin: 0 0 0 -237px;
	position: absolute;
}

#showInfo {
	background: url("../images/showInfo.png") no-repeat;
	width: 310px;
	height: 303px;
	z-index: 99;
	margin-top: -10px;
	padding: 0;
	position: relative;
	top: 5px;
	left: 894px;
}

#mainInfo{
	font-family: arial;
	font-size: 10px;
	color: #333333;
	width: 130px;
	padding: 0 10px;
}

#mainInfo h1{
	margin-top: 10px;
}

#mainInfo h3{
	margin: 0;
	padding: 0;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1;
	text-transform: uppercase;
}

#mainInfo h4 {
	font-size: 1.1em;
	line-height: 1;
	width: 100px;
}

#totallyPatriotsLogo {
	margin-top: 5px;
}

#sponsor {
	background: url("../images/shawsLogo.gif") no-repeat top right;
	width: 195px;
	height: 47px;
	position: relative;
	top: 18px;
	left: -440px;
	color: #4d4d4d;
	padding-top: 23px;
	overflow: hidden;
}

.content {
	margin-bottom: 175px;
	margin-top: 10px;
}

.left {
	float: left;
	width: 320px;
}

.middle{
	text-align: right;
	float: right;
	width: 310px;
}

.middleAndLeft{
	text-align: right;
	float: left;
	width: 640px;
}

.right{
	float: right;
	width: 320px;
	min-height: 500px;
}

.right, 
.left, 
.middle,
.middleAndLeft {
	font-family: arial;
	font-size: 1.5em;
	color: #ffffff;
	line-height: 1.25;
	min-height: 200px;
	padding-left: 10px;
}

.clearBoth{
	display: block;
	height: 1px;
	clear: both;
}

.topLineMiddle,
.topLineLeft,
.topLineAll {
	border-top: 2px dashed #ffffff;
	height:7px;	
}

.topLineMiddle {
	margin-left:330px;
}

.topLineLeft {
	margin-right:330px;
}

#footer {
	font-family: arial;
	color: #ffffff;
	font-size: 1.1em;
	line-height: 1.5;
	margin-top: 10px;
}

#footer p {
	margin-top: 0;
}

#bottomColor {
	background: #333333;
	height: 7px;
	opacity: .75;
	filter: alpha(opacity=75);
}

/**********************
BEGIN MAIN NAV
**********************/

#mainNav,
#mainNav ul {
	margin-top: -10px;
}

#mainNav {
	width: 800px;
	position: relative;
	top: -105px;
	left: 375px;
}

#mainNav ul {
	list-style-type: none;
}

#mainNav ul li {
	float: left;
}

#mainNav ul li a {
	display: block;
	width: 165px;
	height: 113px;
	text-indent: -9999px;
}

a:focus {
	outline: none;
}

#newLine {
	clear:left;
	margin-left: 328px;
}

#mainTeamNav {
	background: url("../images/nav/team.png") no-repeat 0px 0px;
}

#mainTeamNav:hover {
	background: url("../images/nav/team.png") no-repeat 0px -113px;
}

#mainDoThatNav {
	background: url("../images/nav/doThat.png") no-repeat 0px 0px;
}

#mainDoThatNav:hover {
	background: url("../images/nav/doThat.png") no-repeat 0px -113px;
}

#mainTipsNav {
	background: url("../images/nav/pq.png") no-repeat 0px 0px;
}

#mainTipsNav:hover {
	background: url("../images/nav/pq.png") no-repeat 0px -113px;
}

#mainWriteOnNav {
	background: url("../images/nav/talentSearch.png") no-repeat 0px 0px;
}

#mainWriteOnNav:hover {
	background: url("../images/nav/talentSearch.png") no-repeat 0px -113px;
}

#mainFeedbackNav {
	background: url("../images/nav/feedback.png") no-repeat 0px 0px;
}

#mainFeedbackNav:hover {
	background: url("../images/nav/feedback.png") no-repeat 0px -113px;
}

/**********************
END MAIN NAV
**********************/

/**********************
BEGIN SECTION NAV
**********************/

.navAlignMiddle {
	padding-left: 330px;
}

.sectionNavContainer {
	margin-top: 20px;
	width: 645px;
}

.sectionNav {
	list-style-type: none;
	font-family: arial;
	font-size: 1em;
	color: #ffffff;
	margin: 0;
	padding: 0;
}

.sectionNav li {
	float: left;
	padding-right: .7em;
	margin-right: .7em;
	border-right: 1px solid #ffffff;
}

.sectionNavContainer .sectionNav li a {
	color: #ffffff;
	text-decoration: none;
}

.sectionNavContainer .sectionNav li a:hover,
.sectionNavContainer .sectionNav li a.active {
	color: #860700;
	text-decoration: underline;
}

.sectionNav li.lastLink {
	border: none;
}

#doThatNavBox #doThatNavLink {
	color: #860700;
	text-decoration: underline;
}

#tipsNavBox #tipsNavLink {
	color: #860700;
	text-decoration: underline;
}

#teamNavBox #teamNavLink {
	color: #860700;
	text-decoration: underline;
}

#writeOnNavBox #writeOnNavLink {
	color: #860700;
	text-decoration: underline;
}

#feedbackNavBox #feedbackNavLink {
	color: #860700;
	text-decoration: underline;
}

/**********************
END SECTION NAV
**********************/

/**********************
BEGIN HOW'D THEY DO THAT? STYLES
**********************/

#doThat{
	background: url("../images/headers/doThat.png") right top no-repeat;
	height: 64px;
	margin-top: 0;
}

.notShown {
	display: none;
}

#videoSection {
	margin-bottom: 40px;
}

#flashcontent {
	z-index: 1;
	position: relative;
}

/**********************
END HOW'D THEY DO THAT? STYLES
**********************/

/**********************
BEGIN TIPS WITH TIP STYLES
**********************/

#tipsWithTip{
	background: url("../images/headers/pq.png") right top no-repeat;
	height: 37px;
	margin-top: 0;
}

#flashcontent {
	z-index: 1;
	position: relative;
}

/**********************
END TIPS WITH TIP STYLES
**********************/

/**********************
BEGIN TEAM OF THE WEEK STYLES
**********************/

#teamWeek{
	background: url("../images/headers/teamWeek.png") left top no-repeat;
	height: 56px;
	margin-top: 0;
}

#teamWeekLogo{
	float: left;
}

#submitTeamButton {
	margin-left: -7px;
}

/**********************
END TEAM OF THE WEEK STYLES
**********************/

/**********************
BEGIN WRITE ON STYLES
**********************/

#writeOn{
	background: url("../images/headers/talentSearch.png") right top no-repeat;
	height: 62px;
	margin-top: 0;
}

#talentSearch{
	float: left;
	margin-right: 20px;
}

#EnterNowbutton {
	text-align: left;
	margin-left: -7px;
	margin-bottom: 0px;
}

#officialRules {
	text-align: left;
	margin-top: 0px;
}

#officialRules a {
	font-size: .6em;
	color: #ffffff;
	text-decoration: none;
}

#officialRules a:hover {
	text-decoration: underline;
}

/**********************
END WRITE ON STYLES
**********************/

/**********************
BEGIN FEEDBACK STYLES
**********************/

#feedback{
	background: url("../images/headers/feedback.png") left top no-repeat;
	height: 29px;
	margin-top: 0;
	margin-left: 328px;
}

#form {
	list-style-type: none;
	float: right;
	font-family: arial;
	font-size: .8em;
	margin-right: 8px;
}

#form li {
	margin-bottom: 5px;
}

.label {
	width: 200px;
	margin-right: 10px;
	display: block;
	clear:left;
	float: left;
}

.required {
	font-size: .8em;
	margin-right: 320px;
}

.formElement {
	display: block;
	float: left;
}

#form li input[type="text"],
#form li textarea {
	width: 302px;
	background: #ffffff url("../images/input_bg.gif") repeat-x 0 0;
}

#form li input:focus,
#form li textarea:focus{
	background: #fefbd0;
}

#form li textarea {
	width: 302px;
	height: 150px;
}

#form li #yearInput {
	width: 40px;
}

#form li #zipInput {
	width: 40px;
}

#form li #phoneInput {
	width: 90px;
}

#form li #submitInput,
#form li #submitInput:focus {
	background: none;
	outline: none;
}

#feedbackBox {
	margin-bottom: 50px;
}

#feedbackBox p{
	padding-top: 66px;
}
/**********************
END FEEDBACK STYLES
**********************/