/* -------------------------------------------------------------------- */
/*Filename:     photos.css        by L J	                        */
/*Purpose:      Styles for TheChyrslers.org "photos.html" thumbnail 	*/
/*              concepts.  Should eventually convert all related html   */
/*		from embedded CSS to use this file.			*/
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */
/*Comments: 														*/
/* -------------------------------------------------------------------- */
/* 
07/31/07 @ 08:02	LJ	Initial file setup.  
*/
/* -------------------------------------------------------------------- */
/* -------------------------------------------------------------------- */

/* -------------------------------------------------------------------- */
/*			-------- LAYOUT ----------			*/
/* -------------------------------------------------------------------- */

/*
	* 					{ /* All Elements; Needed by some Browsers (UAs)*/
	margin: 0px; padding: 0px;
	}
*/
	HTML 				{ /* setting a 100% high page via POB Hack */
		HEIGHT: 100%;
		}
	html				{ /* HACK for CSS 2.1 Compliant UAs via POB. */
		M\IN-HEIGHT: 100%
		}
	html 				{ /* Initialize ALL of page format */
		margin: 0px; padding: 0px;
		}
	BODY 				{ /* Maximum available from User Agent (UA) */
		width: 100%; min-width: 100%;
		HEIGHT: 100%;
		}
	body				{ /* HACK for CSS 2.1 Compliant UAs via POB. */
		M\IN-HEIGHT: 100%
		}
	body 				{ /* Initialize ALL of content/document formatting */
		MARGIN: 0; padding: 0;
		}
	HTML>BODY 			{ /* HACK - IE6 ignors 'Child' and 'Adjacent' Selectors */
		HEIGHT: Auto;
		}
	h4					{
		margin: 3pt;
		}
	hr 					{
		display: block; width: 60%; height: 12pt;
		margin: 1pt; auto; padding:1pt auto;
		}
	 p.hbiggerpic 			{
		position: relative; width: 92%; height: 40%;
		margin: auto; padding: 0;
		}
	table 				{
		table-layout: auto; overflow: visible;
		margin: 2pt auto; padding: 0;
		width: 96%;
		}
	td { overflow: visible;
		}

	.clearleft			{ /* Cancel img floats */
		clear: left;
		}
	.expired				{
		margin: 2pt;
		}
	.hbigpic	{
		Position: relative; float: left; margin: 1pt;
		}
	.hbiggerpic	{
		Position: relative; left: -0.7%; width: 94%; 
		margin: 1% auto; padding: 0;
		}
	.legalfooter	{
		text-align: center; margin: 4pt; padding: 1pt;
		}
	.notice				{
		text-align: center;
		}
	.topcenterimg	{
		position: relative; top:0;
		}
	.top_reduced_img 	{
		margin: 0px; padding: 0px;
		}
	.vbigpic	{
		Position: relative; float: left; margin: 1pt;
		}

	#center 			{
		position: relative; top: 0;
		width: 97%;
		MARGIN: auto; padding: auto;
		}
	#center a.largetext	{
		text-align: center;
		position: relative; display: block;
		margin: auto; padding: auto;
		}
	#center h2 			{
		position: relative;
		MARGIN: 0 3pt; padding: 0;
		}
	#center p 			{
		position: relative; text-align: center;
		}
	#footer 			{
		position: relative; bottom: 6px;
		TEXT-ALIGN: Center;
		margin: 10px auto; padding:0;
		width: 94.5%;
		}
	#wrapper 			{
		border: 1px solid #f5f5f5;  /* IE6 Hack to prevent inheriting margin from child */
		MIN-HEIGHT: 97%; max-height: 97%;
		width: 99%; min-width: 99%;
		margin: 0.8% auto; padding: 0;
		position: relative;
		}
	#top 				{
		position: relative;
		margin: auto; padding: 0;
		height: 5%; width: 97%;
	  }
	#top h1 	{
		position: relative; margin: 0 142px 0 118px;
		}
	#top .navtop 		{
		position: relative;
		margin: 0 auto; padding: 1pt;
		text-align: center;
		}
	#top div	{
		margin: auto; padding: auto;
		}
	#topleftimg	{
		position: relative: top: 0; float: left;
		}
	#toprightimg	{
		position: relative: top: 0px; float: right;
		}
	#topleftimg4	{
		position: relative: top: 0; 
		}
	#toprightimg4	{
		position: relative: top: 0px;
		}
	#wrapchild 			{
		position: relative; width: 80%; max-width: 80%;
		height: 70%; max-height: 70%;
		margin: 8pt 9pt 0 8pt; padding: 0;
		}

	/* Removes default top margin from left/right column paragraphs in Mozilla */
	div > p {
	  margin-top: 0;
	  }


/* ============================ END LAYOUT ============================ */


/* -------------------------------------------------------------------- */
/*			-------- FORMAT ----------			*/
/* -------------------------------------------------------------------- */

	body 				{ /* Set page defaults */
		border: 1px solid #230B87;
		font-family: "times new roman", perpetua, "modern no. 20", serif;
		font-size: medium; font-weight: normal;
		background-color: #f5f5f5; color: #000;
		}
	caption	{
		font-family: "Harlow Solid Italic", "Script MT BOLD", sans-serif;
		font-style: italic; font-size: large;
		background-color: #f0f8ff; color: #4169e1;
		}
	hr 					{
		color: #4169e1;
		border: 4pt outset #D4D0C8;
		}
	img 				{	/* Wrap text to the right of all pics */
		float: none; border-style: none;
		}
	ol,ul               { /* All Lists */
		margin          : 1em;
		padding-left    : 2em;
		background-color: #CCCCCC; color: #ffffff;
		}
	p  					{ /* All Paragraphs */
		margin: 1em;
		background-color: #CCCCCC; color: #ffffff;
		}
	p.hbiggerpic 				{
		border: 8px outset #4169e1;
		}
	Table	{
		border: 1px solid #ccc;
		}
	td { padding: 1px 6px; border: 0 none #ccc;
		}
	tfoot th 			{
		border: 2px solid black;
		border-collapse: collapse;
		padding: 4px 6px; margin: 0;
		text-align: center; font-size: large;
		background-color: #f0f8ff; color: #4169e1;
		}
	thead th 			{
		border: 2px solid black;
		border-collapse: collapse;
		margin: 0;padding: 4px 6px;
		background-color: #008080; color: #ffe4e1;
		}

	.clearleft			{ /* Cancel img floats */
		background-color: transparent; color: #f5f5f5;
		}
	.expired 			{
		font-size: 10pt; font-style: italic:
		background-color: #ffffff; color: #990000;
		font-family: geneva verdana helvetica arial sans-serif;
		}
	.even_row 			{
		background-color: #D3D3D3;
		}
	.hbiggerpic			{
		border: 1px solid #191970; 
		}
	.notice 			{
		font-size: 9pt; font-style: italic;
		background-color: yellow; color: #050845;
		border-top: 2px solid #9c0000;
		}
	.odd_row 			{
		background-color: #b0c4de;
		}

	#center 			{
		border: 6pt outset #fff;
		color: #000;
		}
	#center a.largetext	{
		font-size: large; font-style: italic;
		}
	#center p			{
		margin: 1em; padding: 0 0 0 1em;
		background-color: #ccc; color: #000;
		}
	#center ul			{
		list-style: none outward none;
		margin: 2em; padding: 0 0 0 1em;
		background-color: #ccc; color: #fff;
		}
	#center ul li			{
		margin: 1em; padding: 0;
		}
	#footer br			{
		font-size: xx-small;
		color: #000;
		}
	#footer .legalfooter	{
		font-size: x-small; font-family: geneva, verdana, arial, helvetica, sans-serif;
		background-color: #ccc; color: #003333;
		}
	#footer p			{
		font-size: small;
		background-color: #ccc; color: #003333;
		}
	#wrapper 			{
		background-color: #F5F5F5; color: #000000;
		}
	#top  		{
		background-color: #ccc; color: #003333;
		text-align: center;
		border: 6pt outset #fff;
		margin: 3pt; padding: 1pt;
		}
	#top h1  		{
		font-size: x-large; font-weight: bolder;
		font-family: "Engravers mt", "Wide Latin", "GoudySTOut","Perpetua titling mt", serif;
		}
	#top h2  		{
		font-size: x-large; font-weight: bolder;
		font-family: broadway, "britanica bold", impact; serif;
		}
	#top h3  		{
		font-size: large; font-weight: bolder;
		}
	#top h1 span 		{
		font-size: medium; font-weight: bolder;

		}
	#top hr 			{
		background-color: #990000; color: #fff;
		}
	#top p	{
		background-color: transparent; color: #003333;
		}
	#top .navtop	{
		background-color: #ccc; color: #fff;
		border-bottom: 1pt solid #990000;
		}


/* ============================ END FORMAT ============================ */

/* -------------------------------------------------------------------- */
/*			-------- NAVIGATION ----------			*/
/* -------------------------------------------------------------------- */

	.top_reduced_img a img { width: 95px; height: 120px; }

	a:link { BACKGROUND-COLOR: Transparent; COLOR: #4169E1; }
	a:visited { BACKGROUND-COLOR: Transparent; COLOR: #4169E1;}
	a:hover {
	background-color: #b0c4de; COLOR: #6A5ACD;
		}
	a:hover img {
		border: 6pt outset #4169e1;
		}
	a:active { BACKGROUND-COLOR: Transparent; COLOR: #4169E1; }

	A 					{
		font-family: sans-serif; font-size: small;
		font-size: small;
		text-decoration: none;
		margin: .5pt 5pt; padding: 0;
		}
	a img {border-style: outset; border-width: 8px; border-color: #ccc;
		margin: 2px; padding: 1px;
		}
	a.navigation:link, a.navigation:visited 	{
		text-decoration: none;
		}
	a.navigation:hover {
		text-decoration: overline underline;
		}
	a.navigation:active {
		text-decoration: none;
		}
	a.navigation:link img, a.navigation:visited img, a.navigation:active img 	{
		display: none;
		}


/* =========================== END NAVIGATION ========================= */