/*-----------------------------------------------------------------
	ITI Internet Services
	Rebate By Check
	
	Color List:
	#601313		Background - Main (Dark Red)
	#282828		Background - Content (Dark Gray)
	#0F0A0A		Background - Nav Bar (Black)
	#870808		Background - Nav Element Not Active (Darkish Red)
	#B50000		Background - Nav Element Active Highlight (Bright Red)
	#FFFFFF		Text - Primary Nav (White)
	#FFE9A4		Text - Secondary Nav (yellow)
	#FFFFFF		Text - Content (White)

	
	Contents:
		1. Misc Styles
		2. Logo header
		3. Banner
		4. Primary Nav
		5. Content
		   A. index.html
		   B. signup.html
		   C. check.html
		6. Footer
------------------------------------------------------------------*/

/*-----------------------------------------------------------------
	1. Misc Styles
------------------------------------------------------------------*/
body {
	background:#601313 url(../images/checkback_background_main.png) repeat-x top left;}

.debug {
	background:#FFF;}

.debug2 {
	background:#000;}
	
em {
	font-weight:bold;
	text-decoration:none;
	font-style:italic;}


/*-----------------------------------------------------------------
	2. Logo Header
------------------------------------------------------------------*/
#logoHeaderContainer {
	height:50px;
	margin:10px 0 10px 0;}
	
	#logoContainer {
		float:left;
		border:0;
		text-decoration:none;}
		
	#loginContainer {
		height:50px;
		color:#FFFFFF;
		float:right;
		text-align:right;}
		
		.loginLabel {
			height:35px;
			padding:15px 5px 0 10px;
			float:left;}
			
		.loginInput {
			height:36px;
			padding:14px 0 0 0;
			float:left;}
			
			.loginInput input {
				width:100px;}
			
		#loginSubmitButton {
			height:37px;
			float:left;
			padding:13px 0 0 20px}



/*-----------------------------------------------------------------
	3. Banner
------------------------------------------------------------------*/
#bannerContainer {
	height:130px;
	background:url(../images/checkback_banner.png) no-repeat top left;}
	
	#bannerLinkContainer {
		height:70px;
		width:400px;
		margin:20px 0 0 500px;}
		
		.bannerLink {
			height:70px;
			width:100px;
			cursor:pointer;
			float:left;}


/*-----------------------------------------------------------------
	4. Primary Nav
------------------------------------------------------------------*/
#primaryNavContainer {
	height:60px;
	background:#0F0A0A;}
	
	#navWrapper {
		width:465px;
		height:50px;
		margin:0 auto 0 auto;}
	
	.navElement {
		padding:5px 20px 0 20px;
		height:55px;
		float:left;
		border-right:1px solid black;
		border-left:1px solid black;
		background:#870808;}
		
		.navElement a:link, .navElement a:visited, .navElement a:hover, .navElement a:active {
			text-decoration:none;}
		
		.navElement:hover {
			background:#B50000;}
		
	.navElementActive {
		background:#B50000;
		border-right:1px solid black;
		border-left:1px solid black;
		padding:5px 20px 0 20px;
		float:left;
		height:55px;}
		
		.navElementActive a:link, .navElementActive a:visited, .navElementActive a:hover, .navElementActive a:active {
			text-decoration:none;}
		
	.navElementName {
		color:#FFFFFF;
		font-weight:bold;
		font-size:1.5em;
		font-family:Palatino Linotype, Palatino, URW Palladio L, Book Antiqua, Baskerville, Bookman Old Style, Bitstream Charter, Nimbus Roman No9 L, Garamond, New Century Schoolbook, Century Schoolbook, Century Schoolbook L, Georgia;}
		
	.navElementSubtext {
		color:#FFE9A4;
		font-size:0.9em;
		font-family:Cambria, Hoefler Text, Utopia, Liberation Serif, Nimbus Roman No9 L, Times, Times New Roman;}


/*-----------------------------------------------------------------
	5. Content
------------------------------------------------------------------*/
#contentContainer {
	background:#282828;
	color:#FFFFFF;
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;}
	
	#content {
		margin:40px 20px 20px 20px;}
		
		#content a:link, #content a:visited, #content a:hover, #content a:active {
			color:#FFE9A4;
			text-decoration:underline;
			font-weight:bold;}
			
		#content a:hover {
			text-decoration:underline;}


/*-----------------------------------------------------------------
	5. Content
		A. index.html
------------------------------------------------------------------*/
#welcomeTextContainer {
	margin:0 100px 0 100px;}
	
	#welcomeTextContainer h2 {
		text-align:center;
		margin:-10px 0 25px 0;
		padding:0;}
		
	#welcomeTextContainer h5 {
		margin:0 0 0 0;
		padding:0 0 0 0;}
		
	#welcomeTextContainer p {
		margin:20px 20px 20px 20px;
		text-align:justify;}
		
	#welcomeTextContainer li {
		margin:0 40px 10px 100px;}


#tagline {
	text-align:center;
	margin:30px 0 30px 0;
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;}
	
	
/*-----------------------------------------------------------------
	5. Content
	   B. signup.html
------------------------------------------------------------------*/
#signupContainer {
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
	margin:0 200px 0 200px;
	padding-bottom:50px;
	text-align:justify;}
	
	#signupContactInfo {
		margin:0 0 0 60px;}
	
	#signupContainer img {
		float:right;
		margin:50px 0 80px 30px;}
		
	#signupContinueLink {
		margin:0 0 0 90px;}	

		
/*-----------------------------------------------------------------
	5. Content
	   B. faq.html
------------------------------------------------------------------*/
#faqContentContainer {
	margin:0 100px 70px 100px;
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;}
	
	#faqContentContainer a:link, #faqContentContainer a:visited, #faqContentContainer a:hover, #faqContentContainer a:active {
		text-decoration:underline;
		font-weight:bold;}
	
	#faqContentContainer h5 {
		margin:25px 0 0 10px; 
		padding:0;}
		
	#faqContactInfo {
		margin:30px 0 0 25px;}
	
	.faqLink {
		cursor:pointer;
		color:#FFE9A4;
		font-weight:bold;
		margin:15px 0 0px 25px;
		font-size:1.1em;}
		
	.faqDescription {
		display:none;}
		
	.faqDescriptionVisible {
		display:block;
		margin:0 0 0 50px;}
		
		.faqDescriptionVisible h6 {
			margin:5px 0 0 -5px;
			padding:0;}

			
/*-----------------------------------------------------------------
	5. Content
	   C. check.html
------------------------------------------------------------------*/
#representmentDescriptionContainer {
	margin:0 150px 50px 150px;}
	
	#representmentDescriptionContainer h3 {
		text-align:center;}
		
	#representmentDescriptionContainer p {
		text-align:justify;}
		
	#representmentDescriptionContainer li {
		margin:0 10px 20px 30px;}
		
	#diagramHowItWorks {
		margin:0 0 0 5px;}

.indent {
	margin-left:15px;}
	

	
	
	
/*-----------------------------------------------------------------
	6. Footer
------------------------------------------------------------------*/	
#footerContainer {
	font-size:0.9em;
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
	color:#FFE9A4;
	padding:20px 0 0 0;
	margin:0 0 300px 0;
	text-align:center;}
	
	#footerContainer a:link, #footerContainer a:visited, #footerContainer a:hover, #footerContainer a:active {
		text-decoration:none;
		color:#FFE9A4;
		font-weight:bold;}
		
	#footerContainer a:hover {
		text-decoration:underline;}