/* sets up the formating for the overall page */
	body 			{background-color: #000084 ; /* very blue */
						 color: white;/* for contrast */
						 font-size: 12pt;
						 font-family:Arial, Helvetica, sans-serif
						 }
/* should roughly center quote and make it big */
	q				{text-align:center;
						margin: auto;
						padding: auto;
						font-size: 20pt;
						clear:both;
						}
	td 			{text-align:center;
						padding:10px;
						}
/* removes borders from all images */
	img			{border-style:none;
						}
/* removes default bullets from lists */
	ul				{list-style-type:none;
						}
	span.small	{line-height: 50%;}
	a:link			{color:white;}


/* **  INDIVIDUAL DIV FORMATING  ** */
/* header image */
	#header					{width:700px;
									padding:0px;
									background-repeat: no-repeat;
									height:140px;
									background-image: url(../images/header/header.png);
									margin-bottom:30px;
									clear:both;
									margin:auto;
									text-align:right;
									font-size: 10.5pt;
									text-decoration:none;
									 }
/* sets page width and centers it.  page width is low to accomodate lower resolution desktops */
 	#page					{width:700px;
									margin:auto;
									padding:auto;
									}
	#main					{padding-top:15px;
									 clear:both;
									 }
/* put the sidebar on the left with set size and increase line height to span general height of content */
	#sidebar				{width: 190px;
									 font-size:12pt;
									 float:left;
									 padding:0px;
									 padding-right: 20px;
									 line-height: 45px;
									 color: white;
									 clear:both;
									 }
	#sidebar a:link 		{color: white;
									text-decoration:none;}
	#sidebar a:visited 	{color: white;
									text-decoration:none;}
/* makes hovered links bigger with a bit of dark behind to distinguish from regular text */
	#sidebar a:hover		{font-size: 13.5pt;
									 background-image:url(../images/sidebar/txthighlight2.png);
									 background-position: center center;
									 background-repeat: no-repeat;}
	#dialpad				{padding:10px;
									margin-left: 15px;
									}
	#dialpad a:link		{color: white;
									text-decoration:none;}
	#dialpad a:visited	{color: white;
									text-decoration: none;}

	#dialpad a:hover		{background-color: yellow;
									color:black;}
	#content				{list-style-type:circle;
									 float: right;
									 width: 480px;}

	#content ul			{list-style-image: url(../images/content/bullet.png);}
	#content em			{font-size:14pt;}
	#content a				{color:white;
								 font-style:italic;}
	#deets					{margin-right:auto;
									margin-left:100px;}
	#deets td				{text-align:right;
									padding: 2px 10px;
									}
	#deets a					{color:white;}	
	#details					{text-align:right;
									 float:right;
									 width:20em;
									 }
/* hack to get vehicle makers into two columns */
	#makers				{width: 240px;
									float:left;}
	#makers2				{width: 240px;
									float:right;}
/* still needs some work to get sizes and centering right in all browsers */
	#coupon					{width:480px;
									 height:150px;
									 background:url(../images/content/coupon2.png) no-repeat;
									 color:black;}		
	#coupontxt				{height: 150px;
									 width:480px;
									 display: table-cell;
									 vertical-align: middle;
									 text-align:center;
									 padding:20px;
									 }
	#portrait				{float:left;
									padding:13px;}
	#footer					{text-align:center;
									 margin-left:auto;
									 margin-right:auto;
									 width:490px;
									 font-size:9pt;
									 clear:both;
									 line-height:0pt;
									 }
	#footlinks				{text-align:center;
									 margin-left:auto;
									 margin-right:auto;
									 }
	#footlinks a:link		{color:white;
									text-decoration:none;}
	#footlinks a:visited	{color:white;
									text-decoration:none;}
	#footcopy				{margin:auto;
									}