/* Styles for summer color scheme. Add color styles only to this style sheet. 
   General layout styles go in main.css. */

/* LAYOUT ELEMENTS */

body {
	background-color: #184324; 
	background-image: url(images/bkgrnd_summer.gif);
}

div#outerWrapper {
	background-color: #285133; /* 226036; 215931 */
	border-color: #1595da;  /*  00a8ec lt blue:66c7ea ad4605;  184324*/
}

div#innerWrapper {
	color: #cbd4cd; /* cadccf d9e7dd d8e6dc*/
	background-color: #285133;
}

div#mainnav {
	background-color: #184324;
	border-top-color: #7ac3e0;  /* 00a8ec; */
	border-bottom-color: #7ac3e0;  /* 00a8ec; */
}

div#secondnav {
	border-bottom-color: #7ac3e0;  /* 00a8ec; */
}

/* NAVIGATION */

/* Mainnav links */

#mainnav a, #mainnav a:link, #mainnav a:visited {
	color: #7ac3e0; 
}

#mainnav a:hover {
	color: #1595da;
	background-color: #163e21; 
}

#mainnav a:active {
	color: #7ac3e0; 
}

#mainnav a.active, #mainnav a.active:link, #mainnav a.active:visited {
	color: #1595da; 
}

#mainnav a.active:hover {
	color: #1595da;
}

#mainnav a.active:active {
	color: #1595da; 
}

/*
#mainnav a.active.has2nav {
	border-bottom-color: #285133;
}
*/

/* Secondary nav links */

#secondnav a, #secondnav a:link, #secondnav a:visited {
	color: #7ac3e0; 
}

#secondnav a:hover {
	color: #1595da;
	background-color: #264d30; /* 285133 264d30*/
}

#secondnav a:active {
	color: #7ac3e0; 
}

#secondnav a.active, #secondnav a.active:link, #secondnav a.active:visited {
	color: #1595da; 
}

#secondnav a.active:hover {
	color: #1595da;
}

#secondnav a.active:active {
	color: #1595da; 
}


/* FOOTER */

ul#footerLinks li {
	border-right-color: #7ac3e0;
}

#footerLinks a, #footerLinks a:link, #footerLinks a:visited {
	color: #00a8ec; /* 00a8ec  1594da */
}

#footerLinks a:hover {
	color: #7ac3e0; 
	/* border inherits the element's color by default */
	/* border-bottom-color: #7ac3e0; */
}

#footerLinks a:active {
	color: #00a8ec;
}


/* FORMS */

form {
	background-color: #d8e6dc; 	
	color: #285133;
}


form.justbutton {
	background-color: #285133; /* 226036; 215931 */
}

fieldset {
	border-color: #285133; 
}

legend {
	color: #285133;
}

label, h6.fauxlabel {
	color: #285133;
}

h6.fauxlabel.error {
	color: #db2525; 
}

/* !important is used to override the Google Toolbar autofill feature, which IE allows to override stylesheets.
GTB autofill gives certain input fields (name, address, etc.) a yellow background on the basis of the label
text. The style is restricted to input elements of class textInput (applied only to input with type text), 
else IE6  applies it to radio buttons, which looks bad. Unfortunately, IE6 doesn't support input[type="text"] 
and it SHOULD NOT be added to this rule, or it ceases to apply to the classed input. */
input.text, select, textarea {
	background-color: #fff !important; 
	border-color: #b7b7b7;
}

input.button {
	background-color: #285133;
	color: #cbd4cd;
	border-color: #b7b7b7;
}

/* Styles for forms that display only a button */
/* Fieldset border gets hidden because it's the same as the background color */
form.justbutton {
	background-color: #285133; /* 226036; 215931 */
	color: #d8e6dc;
}

form.justbutton input.button {
	color: #184324;
	background-color: #cbd4cd;
	border-color: #b7b7b7;
}


/* PAGE LINKS */

a, a:link, a:visited {
	color: #7ac3e0;  /* 7ac3e0 1184b2 00a8ec*/
}
a:hover {
	color: #00a8ec;  /* ac3e0 00a8ec */
	border-bottom-color: #1594da;
}
a:active {
	color: #7ac3e0;
}

/* LISTS */

li span.eventheading {
	color: #82b08c;
}


/* HEADINGS */

h1 {
	color: #c6dccc;
}

/* TABLES */

table#trailblazes, table#trailblazes td, table td, table th {
	border-color: #82b08c;
}

table#trailblazes tr.tableheader {
	background-color: #184324;
}

table#formtable tr.tableheader {
	background-color: #184324;
	color: #000000;
}
/* Though not connected to the color scheme, these may need tweaking depending
on the surrounding colors */
table#trailblazes .orange {
	color: #F4511B; 
}
table#trailblazes .yellow {
	color:  #cdcf25; 
}
table#trailblazes .blue {
	color:  #00A8EC; 
}
/* MISCELLANEOUS */

p.quotesource {
	color: #82b08c; /*8ec19a;  90b899*/
}
p.copyrite {
	color: #82b08c; /*8ec19a;  90b899*/
}
span.outerbg {
	background-color: #184324;
}
/* error messages to user */
.error {
	color: #db2525; 
}
.errordetail {
	color: #285133;
}	

/* Both event table listings and event details */
.eventalert {
	color: #FF0000;
	/* was color: #82b08c; Changed by RAH */
}
.hitcount {
	color: #285133; 
}	
/* In the event details, but not the events table */
/* li.eventalert {
	color: #82b08c; 
} */