/* This is the style sheet for specific white label applications */
/* Edit the designate lines below to modify the UI for your white label application */


/* SECTION 1 -- COLORS  */
/* TERMINOLOGY */
/* For the purposes of this system the following terms are used to describe the colors used to create the UI for a White label application */
/* Accent -- the main color, usally the dominate color in the logo  */
/* AccentDark -- a darker varient of Accent */
/* AccentLight -- a lighter varient of Accent */
/* Contrast -- a coor to contrast or compliment Accent; in ost cases it is lighter, less saturated  */

/* Define the basic colors for the white label */
.Accent { color : #FF594E; }
.AccentDark { color : #E60F00; }
.AccentLight { color : #FF8880; }
.Contract { color : #FFB24D; }

/* Define the basic bg colors for the white label */
.AccentBG { background-color : #FF594E; }
.AccentDarkBG { background-color : #E60F00; }
.AccentLightBG { background-color : #FF8880; }
.ContractBG { background-color : #FFB24D; }



/* SECTION 2 -- HEADER  */
/* This is the color that will tint the montage of photos at the top of the page */
/* Insert the color value of either Accent or AccentLight */
.stripeoverarea {	background-color: #FFB24D;}


/* SECTION 3 -- HEADLINES  */
/* The following Headline definitions are list by size; largest to smallest */
/* H1 should be set to the AccentDark color value */
H1 { color : #E60F00; }


/* H2 should be set to the AccentLight color value */
H2  { color : #FF8880; }


/* H3 should be set to the AccentLight color value */
H3  { color : #FF8880; }



/* SECTION 4A -- NAVIGATION  */
/* The following settings control the rollover color of the navigation in the left columns */

/* NOTE */
/* You are setting the colors of hyperlinks. There are four states for any link: */
/* A:Link -- the default state */
/* A:Hover -- the mouseover color */
/* A:Active -- the onClick color */
/* A:Visited -- the default stae of a link to a page that the user has already visited. */

/* In this application all A:Visited links are set to the same value as A:Link */
/* In this application all A:Active links are set to the same value as A:Hover */

/* Insert the color value of AccentDark */
.navigation  A:Active {color : #E60F00; text-decoration : none; }

/* Insert the color value of AccentDark */
.navigation  A:Hover {color : #E60F00; text-decoration : none; }

/* Insert the color value of AccentDark */
.navigation_deemphasis  A:Active {color : #E60F00; text-decoration : none; }

/* Insert the color value of AccentDark */
.navigation_deemphasis  A:Hover {color : #E60F00; text-decoration : none; }

/* Insert the color value of AccentDark */
.subnavigation  A:Active {color : #E60F00; text-decoration : none; }

/* Insert the color value of AccentDark */
.subnavigation  A:Hover {color : #E60F00; text-decoration : none; }

/* Insert the color value of AccentDark */
.subnavigation_deemphasis  A:Active {color : #E60F00; text-decoration : none; }

/* Insert the color value of AccentDark */
.subnavigation_deemphasis  A:Hover {color : #E60F00; text-decoration : none; }


/* SECTION 4B -- NAVIGATION  */
/* This is a special section that defines the color of a link based on the heirarchy of the site */
/* The emphasis definition is applied to a higher level page when the user is viewing a lower level page within the same area of the site.  */
/* For example, on a website for a grocery store, the user may navigate to Fruit and then to a page about Apples.  */
/* In this example, the link to Fruit would be marked as "emphasis" while the user is viewing the Apples page. */
/* The purpose of this convention is to remind the use which section of the site they are in while navigating lower level pages */

/* Insert the color value of Accent */
.emphasis {	color : #FF8880;}

/* Insert the color value of Accent */
.emphasis  A:Link {color : #FF8880;	text-decoration : none; }

/* Insert the color value of Accent */
.emphasis  A:visited {color : #FF8880; text-decoration : none; }

/* Insert the color value of AccentDark */
.emphasis  A:Active {color : #E60F00; text-decoration : none; }

/* Insert the color value of AccentDark */
.emphasis  A:Hover {color : #E60F00; text-decoration : none; }



/* SECTION 5 -- LINKS IN MAIN CONTENT  */

/* NOTE */
/* You are setting the colors of hyperlinks. There are four states for any link: */
/* A:Link -- the default state */
/* A:Hover -- the mouseover color */
/* A:Active -- the onClick color */
/* A:Visited -- the default stae of a link to a page that the user has already visited. */

/* In this application all A:Visited links are set to the same value as A:Link */
/* In this application all A:Active links are set to the same value as A:Hover */

/* Insert the color value of AccentDark */
.mainspace  A:Link {color : #E60F00;	text-decoration : none;  font-weight: bold;}

/* Insert the color value of AccentDark */
.mainspace  A:visited {color : #E60F00; text-decoration : none;  font-weight: bold;}

/* Insert the color value of Accent */
/*was #FFB24D;*/
.mainspace  A:Active {color : #000000; text-decoration : none; font-weight: bold;}

/* Insert the color value of Accent */
/* 11/12/2005 was #FFB24D changed to #FF624D*/
.mainspace  A:Hover {color : #FF624D; text-decoration : none; font-weight: bold;}



/* SECTION 5 -- FOOTER  */
/* The following setting defines the color of the horizontal rule at the bottom of each page */
/* Insert the color value of Accent */
.footerbar { 
background-color: #FF594E; 
}