/* Monochromatic Color Scheme
Reference http://december.com/html/spec/colorhslhex10.html
Hue 160, saturation 20%
Light
90%      #E0EBE7		
80%      #C2D6CF		  
70%      #A3C2B8		
60%      #85ADA0
50%      #669988
40%      #527A6D	
30%      #3D5C52
20%      #293D36
*/

/* Contrast Color Scheme
Hue 50%, saturation 70%
Light
90%      #F7F1D4
70%      #F0DB75  
50%      #E6C419 
*/

/* BANNER SETTINGS */
	.bannerColorBand {
		position             : relative; 
		/* postion:relative needed to set the z-index */
		z-index              : 2;  
		/* the title is rendered above elements with z-index 1 */
		background-color : #527A6D; /* MC 40 */
		color            : #F0DB75; /* CC 70 */
		width            : 100%;
		border-collapse  : collapse;
/*The next item applies rounded corners (CSS3) but only in Safari and FF since it's not fully supported in all browsers*/
/*Once supported "-khtml-" and "-moz" can be removed*/
		-khtml-border-radius: 18px;
		-moz-border-radius: 18px;
	}
	.identifier {
		background-color : #293D36; /* MC 20 */
		color            : #F0DB75; /* CC 70 */
		white-space      : nowrap;
		text-align       : center;
		vertical-align   : middle;
		font-family      : Arial, sans-serif;
		padding          : 4px;
		font-size        : 24pt; 
		font-weight      : bold;
		/*The next item applies rounded corners (CSS3) but only in FF since it's not fully supported in all browsers*/
		/*Once supported "-khtml-" can be removed*/
		-khtml-border-radius: 18px;
		-moz-border-radius: 18px;
	}
	.images {
		width            : 100%;
	}
	.action {
		background-color : #293D36; /* MC 20 */
		color            : #F0DB75; /* CC 70 */
		white-space      : nowrap;
		text-align       : left;
		vertical-align   : middle;
		font-size        : 1.1em;
		font-family      : Arial, sans-serif;
		padding          : 4px;
		/*The next item applies rounded corners (CSS3) but only in FF since it's not fully supported in all browsers*/
		/*Once supported "-khtml-" can be removed*/
		-khtml-border-radius-topright: 18px;
		-khtml-border-radius-bottomright: 18px;
		-moz-border-radius-topright: 18px;
		-moz-border-radius-bottomright: 18px;
	}
	.action a:link {
		background-color : #293D36; /* MC 20 */
		color            : #F0DB75; /* CC 70 */
		font-weight      : bold;
		text-decoration  : none;
	}
	.action a:visited {
		background-color : #293D36; /* MC 20 */
		color            : #F0DB75; /* CC 70 */
		font-weight      : bold;
		text-decoration  : none;
	}
	.action a:hover {
		background-color : #F7F1D4; /* CC 90 */
		color            : #527A6D; /* MC 40 */
		font-weight      : bold;
		text-decoration  : none;
	}
	.action a:active {
		background-color : #E6C419 ; /* CC 50 */
		color            : #3D5C52; /* MC 30 */
		font-weight      : bold;
		text-decoration  : none;
	}
/* END BANNER SETTINGS */