/* Color Guide */
/* White: ffffff */
/* Green: b1cd0c */
/* Blue: 3e4f66 */


/* @group General */

body {
	background-color: #3e4f66;
	color: #ffffff;	
}

a:link, a:visited {
	color: #ffffff;
}

a:hover, a:active {
	background-color: #b1cd0c;
	color: #3e4f66;
}

h1, h2, h3, h4, h5, h6 {
	color: #b1cd0c;
}

#footerContainer {
	background-color: #3e4f66;
	border-top-color: #b1cd0c;
	font-style: normal;
	font-size: 0.7em;
}/* @end */

/* @group Layout */

#pageHeader {
	background-color: #3e4f66;
}
/* @end */

#content ul {
	color: #b1cd0c;
}

#content .white {
	color: #ffffff;
}

/* @group Navigation */

#navcontainer a:link, 
#navcontainer ul ul a:link { 
	color: #ffffff;
}

#navcontainer a:visited,
#navcontainer ul ul a:visited {
	color: #ffffff;
}

#navcontainer a:active,
#navcontainer ul ul a:active {
	color: #ffffff;	
}

#navcontainer #current,
#navcontainer ul ul #current, 
#navcontainer a:link.currentAncestor,
#navcontainer a:visited.currentAncestor,
#navcontainer ul ul a:link.currentAncestor,
#navcontainer ul ul a:visited.currentAncestor {
	background-color: #3e4f66;
	color: #b1cd0c;
}

/* the block above sets the color to green for:
	1. the current link regardless of position
	2. the current link if it's embedded in a sub-menu
	3-4. the current ancestor regardless of position (if unvisited or visited)
	5-6. the current ancestor if it's in a sub-menu (unvisited or visited)
	*/

#navcontainer a:hover,
#navcontainer ul ul a:hover,
#navcontainer ul ul ul ul a:hover {
	background-color: #b1cd0c;
	color: #3e4f66;
} 

#navcontainer ul ul {
}

#navcontainer ul ul li {
	border-top-color: #BDED44;
	border-right-color: #9AC237;
	border-bottom-color:#9AC237;
	border-left-color: #9AC237;
}





/* @end */

/* @group Headings */

#content .color {
	color: #b1cd0c;
}

#content .noColor {
	color: #ffffff;
}

a.colored {
	background-color: #b1cd0c;
	color: #3e4f66;
}

/* @end */

/* @group Blog */

.blog-entry {
	border-color: #e5e5e5;
}

h1.blog-entry-title {
	color: #070B0F;
}

h1.blog-entry-title a {
	color: #070B0F;
	border-color: #d8d8d8;
}

.blog-archive-headings-wrapper {
	color: #070B0F;
}/* @end */

/* @group Photo and Movies */

.photo-background {
	background-color: #FFFFFF;
}

.photo-navigation {
	background-color: #070B0F;
	color: #FFFFFF;
	border-bottom-color: #ACD83E;
	
}

.photo-links{
	color: #3E4247;
}

.photo-navigation a:link, .photo-navigation a:visited {
	color: #3E4247;
	
}

.photo-navigation a:hover {
	color: #FFFFFF;
}

.photo-caption {
	color: #80A919;
}

.movie-thumbnail-caption {
	color: #80A919;
}

.movie-background {
	background-color: #fff;
}

.thumbnail-caption {
	color: #80A919;
}

.movie-title {
	border-top-color: #ACD83E;
	background-color: #070B0F;
	color: #FFFFFF;
}/* @end */

form {
	color: #ACD83E;
}

label{
	color:#070B0F;
}



/* li#currentItemContainer,
#navcontainer ul li.currentAncestorContainer,
#navcontainer ul li.currentAncsetorContainer li {
	background-color: #ffffff;
	color: #000000;
} */   /*This gives the current Ancestor a white backdrop. 
			Note that <li> can't be used to change the color of the font, just the color of the background.
		The subitems in the list are not affected, though.  */