/* ==================================== Photo-and-Search  ==================================== */



/* Photo-and-Search holds both the featured photograph and the search area  */



div#page div#photo-and-search

{

	color: white;

	background-color: rgb(27,88,119); /* BM20050312: A navy blue (changed from a lite grey) */ 



	/* This matches the height of the featured photograph */

	min-height: 296px;

}



/* BM20050415: Only IE sees this */

* html div#page div#photo-and-search

{

	height: 296px;

}



/* And, IE/Mac gets the original value */

* html div#page > div#photo-and-search

{

	height: auto;

}



/* ============================ Photo-and-Search: Image Container ========================== */



/* This holds the main image on the home page (and overrides some properties set

	on image-containers globally) */

div#photo-and-search div.image-container

{

	float: left;

	width: 480px;





	/* The regular image-container has some margins but there aren't any

		on the photo-and-search version */

	margin: 0em;

}



/* =================================== Search Container ==================================== */



/* Search Container holds all the search bits within #photo-and-search */



div#photo-and-search div#search-container

{

	width: 260px;



	color: white;

	background-color: rgb(27,88,119); /* A dark blue */



}



/* Only IE5 sees this */

* html div#photo-and-search div#search-container

{

	width: 259px;

}



/* ============================================= Search Form ====================================*/





form#search-form ul#search-form-elements input.textfield,

	form#search-form ul#search-form-elements select

{

	width: 150px;



	/* This only serves to push the submit button to the right, for the one

		select element which is next to it */

	margin-right: 5px;

}



/* Only IE/Mac sees this */

* html form#search-form > ul#search-form-elements

{

	/* This shouldn't be necessary, but IE/Mac ends up placing the search-form-elements

		way too high otherwise. */

	margin-top: 1.4em;

}



/* ============================================ Content =================================== */



/* Content, on the home page, (currently) holds the thumbnails and other bits */



div#page div#content

{

	/* This provides the vertical lines and tiles downward though #content */



	background-image: url(../images/home/background-content.png);



	background-repeat: repeat-y;



	/* While div.section already has a border, it's specifically turned off in global.css

		for #content. But, #content has a border on the home page */

	border: 1px solid rgb(191,191,191); /* A light gray */



	float: none;

	width: auto;

}



/* ======================================= Thumbnails Container ============================= */



/* The thumbnails-container holds all the thumbnail images on the home page */

div#content div#thumbnails-container

{

	float: left;

	width: 480px; /* This is the same width as the featured photograph (up in the search section) */



	margin: 0em; /* Just to be sure */

	padding: 0em; /* Just to be sure */

}



/* An unordered list holds the thumbnails and their descriptions */

div#thumbnails-container ul,

	div#thumbnails-container ul li

{

	margin: 0em;

	padding: 0em;

}



div#thumbnails-container ul

{

	padding-top: 20px;

	padding-bottom: 26px;



	/* This provides the bottom border along each set of thumbnails */

	border-bottom: 2px solid rgb(199,199,199);

}



/* Only IE/Mac sees this */

* html div#thumbnails-container > ul

{

	/* Since IE/Mac gets inline-block list items (instead of floated elements),

		the unordered list doesn't necessarily stretch the full width of its container.

		Well, it does now :). */

	width: 100%;

}



div#thumbnails-container ul#last-thumbnails-set

{

	/* The last thumbnail-set has no bottom border */

	border-bottom: none;

}



/* The list items hold each set of photo/headline/description */

div#thumbnails-container ul li

{

	margin-left: 15px; /* Formerly 19px */

	margin-right: 16px; /* Formerly 20px */

	padding: 0em !important;

	margin-top: 0em !important;



	height: auto;

}



/* Only IE/Mac sees this */

* html div#thumbnails-container ul > li

{

	/* Why IE/Mac needs such a smaller value, I have no idea */

	margin-right: 15px; /* Formerly 16px */

}



/* for IE, with IE5/Mac backslash filter \*/

* html div#thumbnails-container ul li

{

	/* This undoes some properties within global.css for min-height on non-home pages */

	height: auto;

}

/* end filter */



* > div#thumbnails-container ul li div.image-container

{

	/* This undoes some properties within global.css for min-height on non-home pages */

	height: 130px; margin-top: 0; }





div#thumbnails-container ul li.last-thumbnail-in-the-set

{



	/* The last thumbnail in a set (row) has no right

		margin so as to dissuate IE from miscalculating float

		positioning. */

	margin-right: 0px;

}



/* ====================================== Feature Packages Container ======================== */



/* The thumbnails-container holds all the thumbnail images on the home page */

div#content div#feature-packages-container

{

	float: left;

	/* width: 260px; */







	background-image: url(http://tnpv.us/i/nyta/home/background-feature-packages.png);



	background-repeat: no-repeat;

	background-position: 8px 20px;



	padding-top: 20px; /* This matches the padding-top on the thumbnail-ULs */

	padding-left: 42px;

}



/* Only IE/Mac sees this */



* > html div#content div#feature-packages-container

{

	/* IE5/Mac goes a bit nuts if floats don't have a width. So, voila: */

	width: 212px;

}



/* An unordered list holds the thumbnails and their descriptions */

div#feature-packages-container ul,

	div#feature-packages-container ul li

{

	margin: 0em;

	margin-top: 15px;

	padding: 0em;

	width: 205px; /* This is the width of each of the Feature Package photos */

}



/* Hides from IE-mac \*/

* html div#feature-packages-container ul,

	div#feature-packages-container ul li

	{

		margin-top: 0px;

}

/* End hide from IE-mac */



/* This ensures that any floated elements within the a feature-packages-container ul are automatically cleared,

	though using the easy clearing technique: http://www.positioniseverything.net/easyclearing.html */

div#feature-packages-container ul:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



div#feature-packages-container ul {display: inline-block;}



/* Hides from IE-mac \*/

* html div#feature-packages-container ul {height: 1%;}

div#feature-packages-container ul {display: block;}

/* End hide from IE-mac */





/* The list items hold each set of photo/headline/description */

div#feature-packages-container ul li

{



	padding-bottom: 1.0em;

	list-style-type: none;

}







/* Only IE 5.x sees these rules */

@media tty {

 i{content:"\";/*" "*/}} @import 'home-ie55.css'; /*";}

}/* */