/*

Stylesheet for the LISTING CAN

- Comments are provided for each element to be changed as needed

- Changes are made to customize design appearances for individual web sites

- Link this Stylesheet to all Pages in the Listing Can

	listing.php

	detail.pdp

	footer.htm

	request_form.php

	ALSO: Link to the top_banner and left_nav frame site pages

*/



/*

BODY----------------------------------------------------------------------------------------------

Change the body background color to match site color scheme

Change font  family, size, color, set basic alignment

*/

BODY       { color: #DCECFA; font-size: 12px; font-family: verdana, helvetica; background-color:#001750; text-align: center; margin: 0px }



/*

LINKS ---------------------------------------------------------------------------------

- Change the values for link effects to match site appearance

- ALL Link Classes (LVHA) must appear in order to function properly

- 

*/

A:LINK     { color: #A3C6EE; font-weight: bold; font-size: 11px; font-family: verdana, helvetica, "sans serif"; text-decoration: none }



A:VISITED      { color: #A3C6EE; font-weight: bold; font-size: 11px; font-family: verdana, helvetica, "sans serif"; text-decoration: none }



A:HOVER     { color: #FCCC00; font-weight: bold; font-size: 11px; font-family: verdana, helvetica, "sans serif"; text-decoration: none}




/*

td-----------------------------------------------------------------------------------------

- Use for all "normal"  text fields inside table cells

- Change font size, family, and color

*/

td

   { color: #DCECFA; font-size: 12px; font-family: verdana, helvetica;}



/*

td.page_name --------------------------------------------------------------------------

- Page name appears at the top of the listings page

- Change font attributes here for size and color and font

*/

td.page_name

           { color: #DCECFA; font:  16px, verdana, helvetica; font-style: normal; text-align: center }



/*

table.listing -----------------------------------------------------------------------------

- Specify the alignment, background color and borders for the listings

*/

table.listing     { color: #DCECFA; background-color: #022B85; text-align: left; margin: 0px; padding: 0px; border: solid 1px #DCECFA}



/*

td.list_photo  ----------------------------------------------------------------------------

- Table cell for the listing page photo. Change background color to match site color scheme

- Add or Remove borders if necessary

*/

td.list_photo

     { color: #DCECFA; background-color: #001750 margin: 0px; padding: 5px; border: #DCECFA; width: 150px; height: 100px }



/* 

td.title ------------------------------------------------------------------------------------

- Used for the title line of the detail page

- Changes the cell to have a bottom border (shown as a solid line)

using the site color scheme - Changes text to 14pt bold

*/

td.title

           { color: #DCECFA; font-style: normal; font-weight: bold; font-size: 14px; font-family:Verdana, Helvetica; text-align: center; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #ffffed #ffffed #DCECFA #ffffed }





/*

td.underline ------------------------------------------------------------------------

 Used for table cells that need a colored bottom border

- Changes the cell to have a bottom border (shown as a solid line)

- ONLY change the border-bottom for size and color of underline

- Change the font color as needed

NOTE: the cell must contain text OR   to display the line

*/

td.underline

    { color: #DCECFA; font-weight: bold; text-align: center; border-bottom: 1px solid #DCECFA }



/*

td.cell_back -------------------------------------------------------------------------

Set the background color of a cell - used for a spacer or strip across page

*/

td.cell_back

   { color: #001750}



/*

td.bold_field ------------------------------------------------------------------------

Use for fields where the text appearance needs to be bold 

All other font attributes are inherited from the BODY element

*/

td.bold_field

   { color: #DCECFA; font-weight: bold }



/*

td.bold_back ------------------------------------------------------------------------

Use for fields where the text appearance needs to be bold AND a

backround color is desired

*/

td.bold_back

  { font-weight: bold }

.td.detail_photo 

{ text-align: center; vertical-align: middle; border:solid 1px #DCECFA;background-color: #012A84}

.input.button_style      
{ color: #001750; font-weight: bold; font-size: 12px; font-family: verdana, helvetica; background-color: #DCECFA}

td.footer

  { color: #012A84; font-size: 11px; font-family:verdane, helvetica; text-align: center }

td.pre

{

	font-family : monospace;

	white-space : pre;

}



/*

.highlight --------------------------------------------------------------------------------

Sets a highlight color for the background of a section of text

- Call with the span tag around the area to highlight

*/

.highlight

{

	background : #FCF9C6;

}

h1{
	font-size:14px;
}