@charset "utf-8";
/*  SECTIONS  ============================================================================= */
.section 				{ clear: both;padding: 0px;	margin: 0px; }
/*  GROUPING  ============================================================================= */
.group:before, 
.group:after 			{ content:""; display:table; }
.group:after 			{ clear:both; }
.group 					{ zoom:1; /* For IE 6/7 (trigger hasLayout) */ }
/*  GRID COLUMN SETUP   ==================================================================== */
.col 					{ display: block; float:left; margin: 1% 0 1% 1.6%; }
.col:first-child 		{ margin-left: 0; } /* all browsers except IE6 and lower */
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
    #container 			{ width:95%; }
	#wrapper 			{ width:95%; margin:0px auto; padding:0; }
	.col 				{ margin: 1% 0 1% 0%; }
}
/*  GRID OF TWO   ============================================================================= */
.span_2_of_2 			{ width: 100%; }
.span_1_of_2 			{ width: 49.2%; }
/*  GRID OF THREE   ============================================================================= */
.span_3_of_3 			{ width: 100%; }
.span_2_of_3 			{ width: 66.13%; }
.span_1_of_3 			{ width: 32.26%; }
/*  GRID OF FOUR   ============================================================================= */
.span_4_of_4 			{ width: 100%; }
.span_3_of_4 			{ width: 74.6%; }
.span_2_of_4 			{ width: 49.2%; }
.span_1_of_4 			{ width: 23.8%; }
/*  GRID OF FIVE   ============================================================================= */
.span_5_of_5 			{ width: 100%; }
.span_4_of_5 			{ width: 79.68%; }
.span_3_of_5 			{ width: 59.36%; }
.span_2_of_5 			{ width: 39.04%; }
.span_1_of_5 			{ width: 14.72%; }
/*  GRID OF SIX   ============================================================================= */
.span_6_of_6 			{ width: 100%; }
.span_5_of_6 			{ width: 83.06%; }
.span_4_of_6 			{ width: 66.13%; }
.span_3_of_6 			{ width: 49.2%; }
.span_2_of_6 			{ width: 32.26%; }
.span_1_of_6 			{ width: 15.33%; }
/*  GRID OF SEVEN   ============================================================================= */
.span_7_of_7 			{ width: 100%; }
.span_6_of_7 			{ width: 85.48%; }
.span_5_of_7 			{ width: 70.97%; }
.span_4_of_7 			{ width: 56.45%; }
.span_3_of_7 			{ width: 41.94%; }
.span_2_of_7 			{ width: 27.42%; }
.span_1_of_7 			{ width: 12.91%; }
/*  GRID OF EIGHT   ============================================================================= */
.span_8_of_8 			{ width: 100%; }
.span_7_of_8 			{ width: 87.3%; }
.span_6_of_8 			{ width: 74.6%; }
.span_5_of_8 			{ width: 61.9%; }
.span_4_of_8 			{ width: 49.2%; }
.span_3_of_8 			{ width: 36.5%; }
.span_2_of_8 			{ width: 23.8%; }
.span_1_of_8 			{ width: 11.1%; }
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_2_of_2 		{ width: 100%; }
	.span_1_of_2 		{ width: 100%; }
	.span_3_of_3 		{ width: 100%; }
	.span_2_of_3 		{ width: 100%; }
	.span_1_of_3 		{ width: 100%; }
	.span_4_of_4 		{ width: 100%; }
	.span_3_of_4 		{ width: 100%; }
	.span_2_of_4 		{ width: 100%; }
	.span_1_of_4 		{ width: 100%; }
	.span_5_of_5 		{ width: 100%; }
	.span_4_of_5 		{ width: 100%; }
	.span_3_of_5 		{ width: 100%; }
	.span_2_of_5 		{ width: 100%; }
	.span_1_of_5 		{ width: 100%; }
	.span_6_of_6 		{ width: 100%; }
	.span_5_of_6 		{ width: 100%; }
	.span_4_of_6 		{ width: 100%; }
	.span_3_of_6 		{ width: 100%; }
	.span_2_of_6 		{ width: 80%; }
	.span_1_of_6 		{ width: 100%; }
	.span_7_of_7 		{ width: 100%; }
	.span_6_of_7 		{ width: 100%; }
	.span_5_of_7 		{ width: 100%; }
	.span_4_of_7 		{ width: 100%; }
	.span_3_of_7 		{ width: 100%; }
	.span_2_of_7 		{ width: 100%; }
	.span_1_of_7 		{ width: 100%; }
	.span_8_of_8 		{ width: 100%; }
	.span_7_of_8 		{ width: 100%; }
	.span_6_of_8 		{ width: 100%; }
	.span_5_of_8 		{ width: 100%; }
	.span_4_of_8 		{ width: 100%; }
	.span_3_of_8 		{ width: 100%; }
	.span_2_of_8 		{ width: 100%; }
	.span_1_of_8		{ width: 100%; }
	.bigger,
	.bigger a:link, 
	.bigger a:active, 
	.bigger a:hover, 
	.bigger a:visited 	{ font-size:1.2em; font-weight:600;  }  /* Upcoming Birthdays */
}

 /* Upcoming Birthdays */
#bd 									{ float:left; width:99.99%; background-color:#D4D4D4; margin-top:0px; border: 1px solid; border-color: #666 #333 #333 #666; ooverflow:hidden; height:30px; }
#bd_content 							{ width:100%; overflow:hidden;}
.dobs 									{ font-weight:500; font-family:Lemonada;  }
span.dobs 								{ top:30px;  }

#paycheck div.bigger, .bigger, 
.bigger a:link, 
.bigger a:active, 
.bigger a:hover, 
.bigger a:visited 						{ font-weight:400;  background-color:transparent;font-family:Lemonada; }
.center 								{ text-align: center; } 

.clear 									{ clear: both; }
.left 									{ float: left;  width:28%; margin-left:20px; }
.right 									{ float: left; width:35%; }
.textleft 								{ text-align:left; text-transform:capitalize; } /* New */
.textright 								{ text-align:right; }
.paddingleft 							{ margin-left:20px; margin-bottom:10px; }

fieldset 								{ border-bottom:none; border-left:none; border-right:none; text-align:left; margin:5px; padding:3px 0px 3px 0px; }
legend 									{ font-size:14px; font-weight:600; margin:5px; padding:3px 6px 3px 6px; }

.fleft 									{ float:left; }
.fright 								{ float:right; }
.talignc 								{ text-align:center; }
.talignl 								{ text-align:left; }
.talignr 								{ text-align:right; }
.clearfix 								{ clear:both; margin:0px; padding:0px; }
.smalltxt 								{ font-size:10px; }
.mediumtxt 								{ font-size:14px; }
.largetxt 								{ font-size:18px; }
.xlargetxt 								{ font-size:22px; }

.TopPad       							{ padding-top: 5px;}
.BotPad       							{ padding-bottom: 5px;}
.BotPad2       							{ padding-bottom: 10px;}
.topmar 								{ margin-top: -35px;  }