/* -------------------------------------------------------------------- */
/*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: 0em; padding: 0em;
	}

	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: 0em; padding: 0em;
		}
	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: 0.25em;
		}
	hr 					{
		display: block; width: 60%; height: 1em;
		margin: 0.85em; auto; padding:0.17em auto;
		}
	 p.hbiggerpic 			{
		position: relative; width: 92%; height: 40%;
		margin: auto; padding: 0;
		}
	table 				{
		table-layout: auto; overflow: visible;
		margin: 0.1666em auto; padding: 0;
		width: 96%;
		}
	td { overflow: visible;
		}

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

	#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 0.25em; padding: 0;
		}
	#center p 			{
		position: relative; text-align: center;
		}
	#footer 			{
		position: relative; bottom: 0.375em;
		TEXT-ALIGN: Center;
		margin: 0.625em auto; padding:0;
		width: 94.5%;
		}
	#wrapper 			{
		border: 0.0625em 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: 0.0833em;
		text-align: center;
		}
	#top div	{
		margin: auto; padding: auto;
		}
	#topleftimg	{
		position: relative: top: 0; float: left;
		}
	#toprightimg	{
		position: relative: top: 0em; float: right;
		}
	#topleftimg4	{
		position: relative: top: 0;
		}
	#toprightimg4	{
		position: relative: top: 0em;
		}
	#wrapchild 			{
		position: relative; width: 80%; max-width: 80%;
		height: 70%; max-height: 70%;
		margin: 0.6664em 0.75em 0 0.6664em; 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: 0.0625em solid #230B87;
		font-size:100%;
		font-family: "times new roman", perpetua, "modern no. 20", serif;
		font-size: medium; font-weight: normal;
		background-color: Indigo; color: #000;
		}
	caption	{
		font-family: "Harlow Solid Italic", "Script MT BOLD", sans-serif;
		font-style: italic; font-size: large;
		background-color: LightSkyBlue; color: Indigo;
		}
	hr 					{
		background-color: MediumBlue;  /* Added for 2009-2010 Browsers */
		color:  MediumBlue;
		border: .25em outset silver;
		}
	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: Azure; color: Indigo;
		}
	p  					{ /* All Paragraphs */
		margin: 1em;
		background-color: Azure color: Indigo;
		}
	p.hbiggerpic 				{
		border: 0.5em outset #4169e1;
		}
	Table	{
		border: 0.0625em solid #ccc;
		}
	td { padding: 0.0625em 0.375em; border: 0 none #ccc;
		}
	tfoot th 			{
		border: 0.125em solid black;
		border-collapse: collapse;
		padding: 0.25em 0.375em; margin: 0;
		text-align: center; font-size: large;
		background-color: AliceBlue; color: DarkViolet;
		}
	thead th 			{
		border: 0.125em solid black;
		border-collapse: collapse;
		margin: 0;padding: 0.25em 0.375em;
		background-color: DarkOrchid; color: MistyRose;
		}

	.clearleft			{ /* Cancel img floats */
		background-color: transparent; color: #f5f5f5;
		}
	.expired 			{
		font-size: 0.8333em; font-style: italic:
		background-color: #ffffff; color: #990000;
		font-family: geneva verdana helvetica arial sans-serif;
		}
	.even_row 			{
		background-color: LightSkyBlue;
		}
	.hbiggerpic			{
		border: 0.0625em solid #191970;
		}
	.notice 			{
		font-size: 0.75em; font-style: italic;
		background-color: yellow; color: #050845;
		border-top: 0.125em solid #9c0000;
		}
	.odd_row 			{
		background-color: LightCyan;
		}

	#center 			{
		border: 0.4948em 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: 0.4948em outset #fff;
		margin: 0.25em; padding: 0.0833em;
		}
	#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: 0.0833em 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: 0.4948em outset #4169e1;
		}
	a:active { BACKGROUND-COLOR: Transparent; COLOR: #4169E1; }

	A 					{
		font-family: sans-serif; font-size: small;
		font-size: small;
		text-decoration: none;
		margin: .0.4165em 0.4165em; padding: 0;
		}
	a img {border-style: outset; border-width: 0.5em; border-color: #ccc;
		margin: 0.125em; padding: 0.0625em;
		}
	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 ========================= */