/* 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 
*/

/* RIGHT COLUMN LAYOUT SETTINGS */
	#columnRight {
		float               : left;
		/* alternate approach:
		position            : absolute;
		top                 : 5em;
		right               : 20px; */
		width               : 10em;
		margin               : 0px;
		padding              : 0px;
	}
	#columnRight ul {
		list-style-type      : none; /* no bullets */
		list-style-position  : outside;
		margin               : 0px;
		padding              : 0px;
	}
	#columnRight ul li {
		padding              : 0px 0.1em;
		margin               : 0px 4px 0px 0px;
	}
/* END IGHT COLUMN LAYOUT SETTINGS */

/* TOP BUTTON SETTINGS */
	a.topbutton{
		display           :block;
	} 
	#topbutton  {
		font-size         : 1em;
		vertical-align    : middle;
		padding           : 4px;
		position          : fixed;
		bottom            : 4px;
		left              : 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: 6px;*/
		-khtml-border-radius: 9px;
		-moz-border-radius: 9px;
	}
	a.topbuttontext {
		font-family       : Arial, sans-serif;
		font-weight       : bold;
		text-decoration   : none;
		text-align        : center;   
		font-size         : 1.1em;
	}
	a#topbutton:link {
		background-color  : #527A6D;
		color             : #F0DB75;
	}
	a#topbutton:visited {
		background-color  : #527A6D;
		color             : #F0DB75;
	}
	a#topbutton:hover {
		background-color  : #3D5C52;
		color             : #F0DB75;
	}
	a#topbutton:active {
		background-color  : #527A6D;
		color             : #F0DB75;
	}
/* END TOP BUTTON SETTINGS */


/* FOOTER LAYOUT SETTINGS */
	#footer {
		text-align          : center;
	}
	#footer ul, #footer li {
	  display              : inline; /* horizontal alignment of tabs */
		list-style-type      : none; /* no bullets */
	}
	#footer ul li {
		width                : 12em;
		float                : left;
		padding              : 0px 0.1em;
		margin               : 0px;
	}
	#footer img {
		display              : block;
	}
/* END FOOTER LAYOUT SETTINGS */

/* FOOTER BUTTON SETTINGS */
	a.footerbutton  {
		font-size         : 1em;
		display           : block;
		vertical-align    : middle;
		padding           : 4px;
		margin            : 2px;
		/*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: 6px;*/
		-khtml-border-radius: 9px;
		-moz-border-radius: 9px;

		font-family       : Arial, sans-serif;
		font-weight       : bold;
		text-decoration   : none;
		text-align        : center;   
		font-size         : 0.9em;
	}
	a.footerbutton:link {
		background-color  : #527A6D;
		color             : #F0DB75;
	}
	a.footerbutton:visited {
		background-color  : #527A6D;
		color             : #F0DB75;
	}
	a.footerbutton:hover {
		background-color  : #3D5C52;
		color             : #F0DB75;
	}
	a.footerbutton:active {
		background-color  : #527A6D;
		color             : #F0DB75;
	}
/* END FOOTER BUTTON SETTINGS */