/****************** COLOR SCHEME STYLES *********************/

/* overall background */
body {
	/* 
	background is white to make MG debugging info more clear
	when development is complete, 
	change the background color back to the dk blue color 
	
	dark blue background as colored at bottom of gradient image 
	*/
	
	/*background-color: #FFFFFF;*/
	background-color: #033b5e;  
}

/*
ALL NAV STYLES ARE IN menu.css
*/


/* ***************** COLOR PALETTE ***************** */

.pal-base {
	color: #FFF; /* white */
}

.pal-primary {
	color: #045283; /* navy */
}

.pal-secondary {
	color: #309ddb; /* bright blue */
}

.pal-bkg-secondary {
	background-color: #309ddb; /* bright blue */
}

.pal-dk {
	color: #004269; /* dark navy */
}

.pal-alt {
	color: #b3db84; /* green */
}

.pal-bkg-alt {
	background-color: #99d058!important; /* green */
}

.pal-accent {
	color: #fff099; /* yellow */ 
}

.pal-light {
	color: #eef8ff; /* ice blue */
}

.pal-neutral {
	color: #f1f1f1; /* light silver */
}


/* ***************** MAIN SITE AREA ***************** */

#doc {
	background-color: #FFFFFF;
}

/* flex mesage area on home page */
#banner {
	background-color: #309ddb;
	color: #FFF;
}

#fma {
	background-color: #033b5e;  /*#b3db84;*/
}	

div.body,
div#hd {
	border-left: 3px solid #f1f1f1;
	border-right: 3px solid #f1f1f1;
}

#crumb {
	background-color: #eef8ff;
	background-image:url(../images/bkg/bkg_ltbluegradient.jpg); 
	background-repeat: repeat-x;	
}

#crumb a:link {
	color: #045283;
}
#crumb a:visited {
	color: #004269;
}
#crumb a:hover {
	color: #309ddb;
}
#crumb a:active {
	color: #309ddb;
}

#cta1 {
	background-color: #309ddb;
}

#cta2 {
	background-color: #99d058;
}

#ft {
	background-color: #033b5e;
	color: #b4bec5;
}

#ft a:link,
#ft a:visited,
#ft a:hover,
#ft a:active {
	color:#b4bec5!important;
}


.divider {
	border-bottom: 2px solid #f1f1f1;
}

/* default link colors */

#bd a:link,
#body a:link {
	color: #045283;
}

#bd a:visited,
#body a:visited {
	color: #004269;
}

#bd a:hover,
#body a:hover {
	color: #309ddb;
}

#bd a:active,
#body a:active {
	color: #309ddb;
}

/* ********************* NEWS BAR ************************** */

#news {
	background-color: #fef3bc;
	color: #000;
}

/* ***************** TEXT COLORS ***************** */

h1,
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active {
	color: #004269;
}

h2,
h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:active {
	color: #666666;
}

.shadedbox h2,
.shadedbox h2 a:link,
.shadedbox h2 a:visited {
	color:#e9ffca;
}

h3,
h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:active {
	color: #000;
}

/* linked headers inherit colors 
(doesn't work in IE) */
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active,
h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:active,
h3 a:link,
h3 a:visited,
h3 a:hover,
h3 a:active
 {
	color: inherit;
}

div.acchead h2,
div.acchead h2 a:link,
div.acchead h2 a:visited,
div.acchead h2 a:hover,
div.acchead h2 a:active {
	color: #eaf4fb!important;
}

#sidebar h2 {
	color: #004269;
}

.shadedbox h2,
.shadedbox h2 a:link,
.shadedbox h2 a:visited,
.shadedbox h2 a:hover,
.shadedbox h2 a:active {
	color: #689633!important; /*dk green */
}

#cta2 h2 a:link,
#cta2 h2 a:visited,
#cta2 h2 a:hover,
#cta2 h2 a:active {
	color: #e2fac2;
}

h3 {
	color: #004269;
}

h4 {
	color: #666666;
}

.knockout {
	color: #FFF;
}
.newshead {
	color: #3ea3d9;
}

.bkg {
	background-color: #eef8ff;
	border-bottom: 2px solid #83b6d1;
	padding: .25em;
	line-height: 1.8em;
	font-size: inherit;
}

.bkg2 {
	background-color: #e9ffca;
	border-bottom: 2px solid #99d058;
	padding: .25em;
	line-height: 1.8em;
	color: #4f7d19;
	font-size: inherit;	
}

.bkg3 {
	background-color: #fff099;
	border-bottom: 2px solid #fcdc41;
	padding: .25em;
	line-height: 1.8em;
	color: #333;
	font-size: inherit;	
}

.pod {
	background-image: url(../images/bkg/bkg_medbluegradient_20x300.jpg);
	background-color: #a9d7f2;
	background-repeat: repeat-x;
	padding: 1em;
	border: 2px solid #eef8ff;
}

.bkgWarning {
	background-color: #f2c0ba;
	border-bottom: 2px solid #cd5141;
	padding: .25em;
	line-height: 1.8em;
	color: #333;
	font-size: inherit;	
}

blockquote {
	border-bottom: 1px dashed #309ddb;
}

p.divided {
	border-bottom: 2px solid #309ddb;
}

/* ******************* LEFT NAV **********************/


/* nav links */

#nav-left ul li a,
#nav-left ul li a:link {
	color: #666;
}

#nav-left ul li a:visited {
	color: #666;
}

#nav-left ul li a:hover {
	color: #666;
	background-color: #eef8ff;
	background-image:url(../images/bkg/bkg_ltbluegradient.jpg);
	background-repeat: repeat-x;
	background-position: top left;	
}

#nav-left ul li a:active {
	color: #666;
	background-color: #eef8ff;
	background-image:url(../images/bkg/bkg_ltbluegradient.jpg);
	background-repeat: repeat-x;	
	background-position: top left;	
}

#nav-left ul li.on, /* first level active */
#nav-left ul li.on a, /*first level link */
#nav-left ul li.on ul li, /*second level */
#nav-left ul li.on ul li /* second level link */
{
	color: #309ddb;

}

/*
#nav-left ul li.on a:hover {
	background-color: #eef8ff;
	background-image:url(../images/bkg/bkg_ltbluegradient.jpg);
	background-repeat: repeat-x;	
	background-position: top left;
}*/


/* *************** TOMBSTONES ******************/
div.tombstone {
	background-color: #eef8ff;
}

div.tombstone h2 {
	background-image: url(../images/bkg/bkg_blueswirls100x400.jpg);
	color: #FFF;
	padding: .5em 1em;
	margin: 0;
}

div.tombstone h2 span {
	font-size: .8em;
}

/******************* AUDIO *******************/
.time {
	color:  #99d058;
	font-weight: bold;
}

/******************** GLOSSARY *****************/
.alphalink {
	background-color: #eef8ff;
	text-decoration: none;
	font-weight: bold;
	border: 2px outset #eef8ff;
	line-height: 2em;
	padding: 0 .3em;
}

.alphalink a:link {
	text-decoration: underline;
}

/******************* TABLES ***********************/

table {
	background-color: #FFF;
}


table.data td {
	border: 2px solid #FFF;
	border-collapse: collapse;
}

table.border td {
	border: 1px solid #FFF;
	border-collapse: collapse;
	padding: .5em;
}
td.colored,
th {
	background-color: #045283;
	color: #FFF;
}
.shaded {
	background-color: #eef8ff; 
}

.unshaded {
	border: 1px solid #eef8ff!important; 
	border-collapse: collapse;
}

/*********************** BUTTONS *******************/

a:link.anchor,
a:visited.anchor {
	background-color: #b3db84;
	border: 2px outset #b3db84;
	color: #333!important;
	padding: 1px;
	font-size: .8em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}	

a:hover.anchor,
a:active.anchor  {
	background-color: #b3db84;
	border: 2px outset #b3db84;
	color: #FFF!important;	
	padding: 1px;
	font-size: .8em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}