/*Following is for RunAndGetIt.com heading at the top of all pages*/

	p.first

	{
	
	color:#008000;
	font-size: 60px;
	font-family: arial;
	font-style: italic; 
	text-align: center;
	
	}

/*Following is for RunAndGetIt.com heading in the Banner at the top of all pages*/

	p.firstb

	{
	
	color:#008000;
	font-size: 40px;
	font-family: arial;
	font-style: italic; 
	position: relative; 
	top: 1px;
	text-align: center;
	
	}

/*Following is for RunAndGetIt.com Special Offer heading below the Banner at the top of all pages*/

	p.firstc

	{
	
	color:#000080;
	font-size: 15px;
	font-family: arial;
	font-style: italic; 
	position: relative; 
	top: -8px;
	left: 50px;
	
	}

/*Following is for RunAndGetIt.com Special Offer Text below the Banner at the top of all pages*/

	p.firstd

	{
	
	color:#008000;
	font-size: 14px;
	font-family: arial;
	font-style: italic; 
	position: relative; 
	top: -25px;
	left: 50px;
	
	}

/*Following is for the TEXT in the Banner at the top of all pages*/

	p.second

	{
	
	color:#000080;
	font-size: 20px;
	font-family: verdana;
	font-style: italic;
	text-align: center;
	position: relative; 
	top: -25px;
	left: 25px;

	}


	/*Following is for the TEXT above the psuedo links on the public How It Works page*/
	
		p.secondq
	
		{
		
		color:#000080;
		font-size: 20px;
		font-family: verdana;
		font-style: italic;
		text-align: left;
		position: relative; 
		top: -25px;
		left: 25px;
	
		}



/*Following is for 'page description' heading at the top of all pages*/

	p.third
	
	{
	
	color: #000080;
	font-size: 30px;
	font-family: verdana;
	font-style: normal; 
	text-align: left;
	text-decoration: underline;
	
	}

/*Following is for 'body text on selected RunAndGetIt webpages', xxxx*/

	.about2
				
	{
	
	line-height: 180%;
	color: green;
	font-size: 20px;
	font-family: arial;
	font-style: normal; 
	text-align: left;
				
	}

/*Following is for FAQ Category headings*/

	p.faqcategory
	
	{
				
	color:#008000;
	font-size: 20px;
	font-family: arial;
	font-style: normal; 
	text-align: left;

	}

/*Following is for FAQs questions*/

	p.faq
	
	{
				
	color: #3D5229;
	font-size: 15px;
	font-family: arial;
	font-style: normal; 
	text-align: left;
	background: #E8F1D4;
	
	}

/*Following is for Edit Shcedule List 'instruction'...first*/

	p.slif
	
	{
				
	color: #3B3178;
	font-size: 16px;
	font-family: arial;
	font-style: normal; 
	text-align: left;
	background-color: #F5F5F5;
	
	
	}

/*Following is for Edit Shcedule List 'instruction'...second*/

	p.slis
	
	{
				
	color: #3B3178;
	font-size: 16px;
	font-family: arial;
	font-style: normal; 
	text-align: left;
	background-color: #E8F1D4;
	
	}

/*Following is for FAQs answers*/

	p.fa
	
	{
				
	color: #3B3178;
	font-size: 16px;
	font-family: arial;
	font-style: normal; 
	text-align: left;
	background-color:#E8F1D4;
	
	}

	/*Following is a class for small print used for source referencing on the gas monitor widget on the save.php   RAGI web page.*/
	
		p.ref_print
		
		{
		
		color: #3B3178;
		font-size: 50%;
		font-family: verdana;
		font-style: italic; 
		text-align: center;
		position: relative;
		top: -30px;
		
		}


		/*Following is a class for the caption under the gas monitor widget on the save.php   RAGI web page.*/
			
				p.ref_gas_mon_caption
				
				{
				
				color: #3B3178;
				font-size: 90%;
				font-family: verdana;
				font-style: normal; 
				text-align: center;
				position: relative;
				top: -15px;
				
		}



/*Following is for Email Caution text in Driver Schedule List page*/

	p.far
	
	{
				
	color: red;
	font-size: 15px;
	font-family: arial;
	font-style: normal; 
	text-align: left;
	background: #FFFFFF;
	
	}

/*Following is for FAQs answers*/

	p.fae
	
	{
				
	color: #008000;
	font-size: 15px;
	font-family: arial;
	font-style: normal; 
	text-align: left;
	background: #FFFFFF;
	
	}

/*Following is for How It Works page 'Text Links'*/

	a.top

	{
	
	line-height: 190%;
	padding: 5px;
	text-decoration: none;
	color: #008000;
	font-size: 20px;
	font-family: arial;
	font-style: normal; 
	text-align: left;
	background: #E8F1D4;
	
	}




	a.top:hover
	
	{
	
	line-height: 190%;
	padding: 5px;
	color: #000080;
	background-color: #D3D3D3;
	border: 1px solid green;
	
	}
		
/*Following is for 'Enter Information' or input buttons*/

	input.btn
	
	{
					
	color: #008000;
	font-family: arial;
	font-size: 140%;
	font-weight: normal;
	
	}
			
/*Following is for 'The Top Banner Edge Car Animation'.*/

	#tophiway
				
	{
				
	height: 18px;
	background: url(http://runandgetit.com/car19.gif);
	background-repeat: repeat-x;
	background-color: #E8F1D4;
				
	}
				
/*Following is for 'The Top Banner Fading Message Animation'.*/

	#fader
				
	{
				
	position: absolute;
	top: 89px;
	left: 20px;
	width: 550px;
	z-index: 2;
	background-color: #EEEEE0;
				
	}
				
/*Following is for 'The Top Banner Fading Message Animation on the Driver Display Pages'.*/

	#faderdrdispgs
			
	{
			
	position: absolute;
	top: 70px;
	left: 20px;
	width: 550px;
	z-index: 2;
	background-color: #EEEEE0;
			
	}
				
/*Following is for 'The CSS Navigation Menu Bar' at the top of each webpage.*/
	
	#menucssposition

	{
	
	height: 10px;
	width: 800px;
	position: absolute;
	top: 120px;
	left: 250px;
	
	}
	
/*Following is for 'The CSS Navigation Menu Bar' at the top of Driver Display  webpages.*/
	
	#menucsspositiondrdispgs
	
	{
		
	height: 40px;
	width: 700px;
	position: absolute;
	top: 100px;
	left: 390px;
		
	}
	
/*Following is for 'The Season Image File' at the top of Driver Display  webpages.*/
	
	#seasonimage
	
	{
		
	width: 500px;
	position: relative;
	left: 50px;
	color: #3D5229;
	font-size: 15px;
	font-family: arial;
	font-style: italic;
	
	}

/*Following is for the 'Password Retrieval Form', 'Payment Pending Subscribe Button' positioning on the 'lost_password.php, and 'payment_pending.php  webpages, respectively.*/

	#passwordretrieval
	
	{
				
	position: absolute;
	top: 370px;
	left: 90px;
	z-index: -1;
				
	}
				
/*Following from here to ....start.*/

	body
	
	{
		
	margin:0px;
	padding:0px;
	line-height: 1.5em;
	
	background-color: #E8F1D4;
	}



	b
				
	{
				
	font-size: 110%;
				
	}
				
	em
				
	{
				
	color: red;
				
	}
				
	#topsection
				
	{
				
	background: url(http://runandgetit.com/banner_background.jpg); /*Ensure that image size is 1268 X 200 for proper display*/
					
	border-bottom: solid 1px green;
	border-right: solid 1px green;
	height: 200px; /*Height of top section*/
				
	}
	
	
	
	
	#topsection h1
				
	{
				
	font-family: arial, sans-serif;
	font-style: italic;
	font-size: 25px;
	position: relative;
	top: 35px;
	left: 10px;
	margin: 0px;
	padding: 10px 10px 10px 10px ;
	background-color: #EEEEE0;
	z-index: 1;
	width: 550px;
	height: 90px;
	color: green;
	border: solid 1px green;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
				
	}

	/*Following is for left column on all pages, the login box*/			
				
	#loginbox

	{
	
	position: absolute;
	top: 220px;
	left: 10px;
		
	

	}

	/*Following is for left column on all pages, the Forgot Password and Register links.*/			
					
		#forgotpasswordlink
	
		{
		
		font-size: 15px;
		font-style: normal;
		font-family: arial, sans-serif;
		color: black;
		position: absolute;
		top: 490px;
		left: 10px;
				
		}


	/*Following is for left column, position of the RAGI car.*/


	#ragicarposition

	{
	
	position: absolute;
	top: 525px;
	left: 8px;
	
	background: #EEEEE0;
		

	}

	
	/*Following is for the Partner Exchange sections on the public  pages.*/
	
	
		#exchange
	
		{
		
		position: absolute;
		top: 600px;
		left: 13px;
		float: left;
		background: white;
		width: 200px;
		border: 1px solid green;
		height: 550px;
		
		padding: 5px;
		
		}
	
	
	
		/*Following is for the How It Work Guest Account Instructions  section on the public, How It Works  page.*/
					
					
		#guest_account_howitworks_positioning
					
		{
						
		position: absolute;
		top: -20px;
		left: 0px;
								
		}
	
	
			
		/*Following is for the RAGI Twitter  section on the public, Environmental  page.*/
			
			
		#envtwitter
			
		{
				
		position: absolute;
		top: -88px;
		left: 550px;
						
		}
	
	
		/*Following is for the RAGI Twitter  section on the public, Save$$$  page.*/
					
					
		#save_page_twitter
					
		{
						
		position: absolute;
		top: 560px;
		left: 767px;
								
		}
	
	
		
		
		/*Following is for positioning the Enviromental Pro 'Climate-Change' Article  section on the public, Environmental  page.*/
							
		#environprosition
					
		{
						
		position: absolute;
		
		top: 350px;
		left: -740px;
								
		}
		
		
		
		/*Following is for positioning the Enviromental Anti 'Climate-Change' Article  section on the public, Environmental  page.*/
									
				#environprosition2
							
				{
								
				position: absolute;
				
				top: 350px;
				left: -260px;
										
		}
		
		
		
		
		
		
		
		
		
		
		
		
		/*Following is for positioning the Gasoline Monitor widget on the public, Save $$$  page.*/
									
				#gas_monitor_position
							
				{
								
				position: absolute;
				background: white;
				top: 270px;
				left: 780px;
				
				padding: 10px 10px 10px 10px ;
				width: 200px;
				border: 1px solid green;
				height: 250px;
				
				font-family: arial, sans-serif;
				
				font-size: 20px;
				
				z-index: -44;					
				}
		
				
		

		#guestaccposition

		{

		position: absolute;

		top: 620px;
		left: 4px;
		background: green;
	
		float: left;
		width: 192px;
		height: 150px;
		border: solid 1px #9E0508;
		color: #3D5229;
		font-size: 100%;
		font-family: arial;
		font-style: italic; 
		padding-left: 38px;
		padding-top: 15px;

		}



	#contentwrapper

	{

	float: left;
	width: 100%;

	}



	#contentcolumn

	{

	margin-left: 250px; /*Set left margin to LeftColumnWidth*/
	position: relative;
	top: 140px;


	}
	
	
	
	#leftcolumn

	{

	float: left;
	width: 240px; /*Width of left column*/

	margin-left: -100%;

	border-right: solid 1px green;
	background: #EEEEE0;
	height: 1500px;

	}
	
	
	
	#footer

	{
	position: relative;
	top: 150px;
	clear: left;
	width: 100%;
	background: #EEEEE0;
	color: green;
	text-align: center;
	padding: 4px 0px;

	}
	
	
	#footer_howitworks
	
		{
		position: relative;
		top: 400px;
		clear: left;
		width: 100%;
		background: #EEEEE0;
		color: green;
		text-align: center;
		padding: 4px 0px;
	
		}
	
	
	
	
	#footer a

	{

	color: green;

	}



	.innertube

	{

	
	margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0px;

	}
			
	
/*Above to here ....end...is transferred CSS code from internal files.*/



/*Following is CSS Code for  'The Navigation Buttons' at the top of each webpage.*/

/* Begin CSS Drop Down Menu */

#menuh-container
	{
	position: absolute;
	top: 8em;
	left: 0em;
	width: 485px;
	font-family: arial, helvetica, sans-serif;
	font-size: 15px;
	color: #000080;
	
	
	}

#menuh
	{
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float: left;
	margin: 0em;
	margin-top: 1em;
	}

#menuh a
	{
	text-align: center;
	display:block;
	border: 1px solid #CDC673;
	white-space:nowrap;
	margin:0;
	padding: 0.3em;
	}

#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: white;
	background-color: #329555;
	text-decoration:none;
	}

#menuh a:hover	/* menu at mouse-over  */
	{
	color: white;
	background-color: #476A34;
	text-decoration:none;
	}

#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width: 9em;	/* width of all menu boxes */
	}

#menuh li
	{
	position:relative;
    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */