/***** OVERALL LAYOUT STYLES *****/

.wrapper {
	width: 980px;
	height: auto;
	position: relative;
	margin: 0 auto 0 auto;
}

		/***** HEADER *****/
		.header {
			width: 960px;
			position: relative;
			margin: 0 auto 0 auto;
		}
				
		/***** CONTENT *****/		
		.content {
			width: 960px;
			position: relative;
			margin: 0 auto 0 auto;
			clear: both;
		}
		
		/***** FOOTER *****/
		.footer {
			width: 960px;
			height: 100px;
			position: relative;
			margin: 0 auto 0 auto;
			background-color: #CCCCCC;
			clear: both;
		}
		
				


/***** COLUMN LAYOUTS *****/

		.colA {
			width: 310px;
			position: relative;
			float: left;
			display: inline;
		}
				.colA .cap_GG,		.colA .base_GG,
				.colA .cap_OO,		.colA .base_OO,
				.colA .cap_BB,		.colA .base_BB,
				.colA .cap_GW,		.colA .base_GW,
				.colA .cap_OW,		.colA .base_OW,
				.colA .cap_BW,		.colA .base_BW,
				.colA .cap_white,	.colA .base_white,
				.colA .cap_grey,	.colA .base_grey {
					width: 310px;
				}
				.colA .body_GG,
				.colA .body_OO,
				.colA .body_BB,
				.colA .body_GW,
				.colA .body_OW,
				.colA .body_BW,
				.colA .body_white,
				.colA .body_grey {
					width: 308px;
				}
				
		.colB {
			width: 635px;
			position: relative;
			float: left;
			display: inline;
		}
				.colB .cap_GG,		.colB .base_GG,
				.colB .cap_OO,		.colB .base_OO,
				.colB .cap_BB,		.colB .base_BB,
				.colB .cap_GW,		.colB .base_GW,
				.colB .cap_OW,		.colB .base_OW,
				.colB .cap_BW,		.colB .base_BW,
				.colB .cap_white,	.colB .base_white,
				.colB .cap_grey,	.colB .base_grey {
					width: 635px;
				}
				.colB .body_GG,
				.colB .body_OO,
				.colB .body_BB,
				.colB .body_GW,
				.colB .body_OW,
				.colB .body_BW,
				.colB .body_white,
				.colB .body_grey {
					width: 633px;
				}
				
		.colC {
			width: 960px;
			position: relative;
			float: left;
			display: inline;
		}
				.colC .cap_GG,		.colC .base_GG,
				.colC .cap_OO,		.colC .base_OO,
				.colC .cap_BB,		.colC .base_BB,
				.colC .cap_GW,		.colC .base_GW,
				.colC .cap_OW,		.colC .base_OW,
				.colC .cap_BW,		.colC .base_BW,
				.colC .cap_white,	.colC .base_white,
				.colC .cap_grey,	.colC .base_grey {
					width: 960px;
				}
				.colC .body_GG,
				.colC .body_OO,
				.colC .body_BB,
				.colC .body_GW,
				.colC .body_OW,
				.colC .body_BW,
				.colC .body_white,
				.colC .body_grey {
					width: 958px;
				}
				
		


/***** PANEL STYLES *****/

		/*** Titles ***/
		.title_blue, .title_orange, .title_green {
			display: block;
			position: relative;
			float: left;
			clear: both;
			height: 40px;
		}
				.colA .title_blue { width: 310px; background: url(../images/backgrounds/title_blue_310.png) no-repeat #60bee2; }
				.colB .title_blue { width: 635px; background: url(../images/backgrounds/title_blue_635.png) no-repeat #60bee2; }
				.colC .title_blue { width: 960px; background: url(../images/backgrounds/title_blue_960.png) no-repeat #60bee2; }
				
				.colA .title_orange { width: 310px; background: url(../images/backgrounds/title_orange_310.png) no-repeat #ff9f1c; }
				.colB .title_orange { width: 635px; background: url(../images/backgrounds/title_orange_635.png) no-repeat #ff9f1c; }
				.colC .title_orange { width: 960px; background: url(../images/backgrounds/title_orange_960.png) no-repeat #ff9f1c; }
				
				.colA .title_green { width: 310px; background: url(../images/backgrounds/title_green_310.png) no-repeat #afdf0a; }
				.colB .title_green { width: 635px; background: url(../images/backgrounds/title_green_635.png) no-repeat #afdf0a; }
				.colC .title_green { width: 960px; background: url(../images/backgrounds/title_green_960.png) no-repeat #afdf0a; }

		/*** CAPS ***/		
		.cap_white {
			height: 10px;
			position: relative;
			float: left;
			clear: both;
			background: url(../images/panels/white_cap_left.gif) no-repeat;
		}
				.cap_white_right {
					width: 10px; 
					height: 10px;
					position: relative;
					float: right;
					background: url(../images/panels/white_cap_right.gif) no-repeat;
				}
				
		.cap_grey {
			height: 10px;
			position: relative;
			float: left;
			clear: both;
			background: url(../images/panels/grey_cap_left.gif) no-repeat;
		}
				.cap_grey_right {
					width: 10px; 
					height: 10px;
					position: relative;
					float: right;
					background: url(../images/panels/grey_cap_right.gif) no-repeat;
				}
		
		.cap_BB {
			height: 10px;
			position: relative;
			float: left;
			clear: both;
			background: url(../images/panels/BB_cap_left.gif) no-repeat;
		}
				.cap_BB_right {
					width: 10px; 
					height: 10px;
					position: relative;
					float: right;
					background: url(../images/panels/BB_cap_right.gif) no-repeat;
				}
		
		.cap_BW {
			height: 10px;
			position: relative;
			float: left;
			clear: both;
			background: url(../images/panels/BW_cap_left.gif) no-repeat;
		}
				.cap_BW_right {
					width: 10px; 
					height: 10px;
					position: relative;
					float: right;
					background: url(../images/panels/BW_cap_right.gif) no-repeat;
				}
				
		.cap_OO {
			height: 10px;
			position: relative;
			float: left;
			clear: both;
			background: url(../images/panels/OO_cap_left.gif) no-repeat;
		}
				.cap_OO_right {
					width: 10px; 
					height: 10px;
					position: relative;
					float: right;
					background: url(../images/panels/OO_cap_right.gif) no-repeat;
				}
				
		.cap_OW {
			height: 10px;
			position: relative;
			float: left;
			clear: both;
			background: url(../images/panels/OW_cap_left.gif) no-repeat;
		}
				.cap_OW_right {
					width: 10px; 
					height: 10px;
					position: relative;
					float: right;
					background: url(../images/panels/OW_cap_right.gif) no-repeat;
				}
				
		.cap_GG {
			height: 10px;
			position: relative;
			float: left;
			clear: both;
			background: url(../images/panels/GG_cap_left.gif) no-repeat;
		}
				.cap_GG_right {
					width: 10px; 
					height: 10px;
					position: relative;
					float: right;
					background: url(../images/panels/GG_cap_right.gif) no-repeat;
				}
				
		.cap_GW {
			height: 10px;
			position: relative;
			float: left;
			clear: both;
			background: url(../images/panels/GW_cap_left.gif) no-repeat;
		}
				.cap_GW_right {
					width: 10px; 
					height: 10px;
					position: relative;
					float: right;
					background: url(../images/panels/GW_cap_right.gif) no-repeat;
				}
				
		/*** BODY ***/
		.body_white {
			position: relative;
			float: left;
			clear: both;
			border-right: 1px solid #C8C8C8;
			border-left: 1px solid #C8C8C8;
			background-color: #ffffff;
		}
		.body_grey {
			position: relative;
			float: left;
			clear: both;
			border-right: 1px solid #C8C8C8;
			border-left: 1px solid #C8C8C8;
			background-color: #EBEBEB;
		}
		.body_BB {
			position: relative;
			float: left;
			clear: both;
			color: #55a8c9;
			border-right: 1px solid #afdef0;
			border-left: 1px solid #afdef0;
			background-color: #dff2f9;
		}
		.body_BW {
			position: relative;
			float: left;
			clear: both;
			border-right: 1px solid #afdef0;
			border-left: 1px solid #afdef0;
			background-color: #ffffff;
		}
		.body_OO {
			position: relative;
			float: left;
			clear: both;
			color: #e59019;
			border-right: 1px solid #ffcf8d;
			border-left: 1px solid #ffcf8d;
			background-color: #ffecd2;
		}
		.body_OW {
			position: relative;
			float: left;
			clear: both;
			border-right: 1px solid #ffcf8d;
			border-left: 1px solid #ffcf8d;
			background-color: #ffffff;
		}
		.body_GG {
			position: relative;
			float: left;
			clear: both;
			color: #98c408;
			border-right: 1px solid #d7ef84;
			border-left: 1px solid #d7ef84;
			background-color: #eff9ce;
		}
		.body_GW {
			position: relative;
			float: left;
			clear: both;
			border-right: 1px solid #d7ef84;
			border-left: 1px solid #d7ef84;
			background-color: #ffffff;
		}
		
		/*** BASES ***/		
		.base_white {
			height: 10px;
			position: relative;
			float: left;
			clear: both;
			background: url(../images/panels/white_base_left.gif) no-repeat;
		}
				.base_white_right {
					width: 10px; 
					height: 10px;
					position: relative;
					float: right;
					background: url(../images/panels/white_base_right.gif) no-repeat;
				}
				
		.base_grey {
			height: 10px;
			position: relative;
			float: left;
			clear: both;
			background: url(../images/panels/grey_base_left.gif) no-repeat;
		}
				.base_grey_right {
					width: 10px; 
					height: 10px;
					position: relative;
					float: right;
					background: url(../images/panels/grey_base_right.gif) no-repeat;
				}
		
		.base_BB {
			height: 10px;
			position: relative;
			float: left;
			clear: both;
			background: url(../images/panels/BB_base_left.gif) no-repeat;
		}
				.base_BB_right {
					width: 10px; 
					height: 10px;
					position: relative;
					float: right;
					background: url(../images/panels/BB_base_right.gif) no-repeat;
				}
				
		.base_BW {
			height: 10px;
			position: relative;
			float: left;
			clear: both;
			background: url(../images/panels/BW_base_left.gif) no-repeat;
		}
				.base_BW_right {
					width: 10px; 
					height: 10px;
					position: relative;
					float: right;
					background: url(../images/panels/BW_base_right.gif) no-repeat;
				}
				
		.base_OO {
			height: 10px;
			position: relative;
			float: left;
			clear: both;
			background: url(../images/panels/OO_base_left.gif) no-repeat;
		}
				.base_OO_right {
					width: 10px; 
					height: 10px;
					position: relative;
					float: right;
					background: url(../images/panels/OO_base_right.gif) no-repeat;
				}
				
		.base_OW {
			height: 10px;
			position: relative;
			float: left;
			clear: both;
			background: url(../images/panels/OW_base_left.gif) no-repeat;
		}
				.base_OW_right {
					width: 10px; 
					height: 10px;
					position: relative;
					float: right;
					background: url(../images/panels/OW_base_right.gif) no-repeat;
				}
				
		.base_GG {
			height: 10px;
			position: relative;
			float: left;
			clear: both;
			background: url(../images/panels/GG_base_left.gif) no-repeat;
		}
				.base_GG_right {
					width: 10px; 
					height: 10px;
					position: relative;
					float: right;
					background: url(../images/panels/GG_base_right.gif) no-repeat;
				}
				
		.base_GW {
			height: 10px;
			position: relative;
			float: left;
			clear: both;
			background: url(../images/panels/GW_base_left.gif) no-repeat;
		}
				.base_GW_right {
					width: 10px; 
					height: 10px;
					position: relative;
					float: right;
					background: url(../images/panels/GW_base_right.gif) no-repeat;
				}
		








/***** ROWS - STANDARD *****/
	.row {
		width: 100%;
		position: relative;
		float: left;
		clear: both;
		display: inline;
	}
	.row_paddingtop_15 {
		width: 100%;
		position: relative;
		padding-top: 15px;
		float: left;
		clear: both;
		display: inline;
	}
	.row_paddingtop_10 {
		width: 100%;
		position: relative;
		padding-top: 10px;
		float: left;
		clear: both;
		display: inline;
	}
	.row_paddingtop_5 {
		width: 100%;
		position: relative;
		padding-top: 5px;
		float: left;
		clear: both;
		display: inline;
	}
	.row_paddingbottom_15 {
		width: 100%;
		position: relative;
		padding-bottom: 15px;
		float: left;
		clear: both;
		display: inline;
	}
	.row_paddingbottom_10 {
		width: 100%;
		position: relative;
		padding-bottom: 10px;
		float: left;
		clear: both;
		display: inline;
	}
	.row_paddingbottom_5 {
		width: 100%;
		position: relative;
		padding-bottom: 5px;
		float: left;
		clear: both;
		display: inline;
	}
	.row_paddingtopbottom_15 {
		width: 100%;
		position: relative;
		padding: 15px 0 15px 0;
		float: left;
		clear: both;
		display: inline;
	}
	.row_paddingtopbottom_10 {
		width: 100%;
		position: relative;
		padding: 10px 0 10px 0;
		float: left;
		clear: both;
		display: inline;
	}
	.row_paddingtopbottom_5 {
		width: 100%;
		position: relative;
		padding: 5px 0 5px 0;
		float: left;
		clear: both;
		display: inline;
	}
	

	
	

/***** ROWS - BORDER *****/
	.row_border_top {
		width: 100%;
		position: relative;
		border-top: dotted 1px #C8C8C8;
		float: left;
		clear: both;
		display: inline;
	}
	.row_border_topbottom {
		width: 100%;
		position: relative;
		border-top: dotted 1px #C8C8C8;
		border-bottom: dotted 1px #C8C8C8;
		float: left;
		clear: both;
		display: inline;
	}
	.row_border_bottom {
		width: 100%;
		position: relative;
		border-bottom: dotted 1px #C8C8C8;
		float: left;
		clear: both;
		display: inline;
	}
	
	
	
	
/***** ROWS - TABLE *****/
.tableRow_dotted_21 {
	background: url(../images/backgrounds/tableRow_dot.gif) center repeat-x;

}



/***** PADDING *****/

		/*** All Sides ***/
		.padding30 {
			position: relative;
			padding: 30px;
			float: left;
			display: inline;
		}
		.padding20 {
			position: relative;
			padding: 20px;
			float: left;
			display: inline;
		}
		.padding15 {
			position: relative;
			padding: 15px;
			float: left;
			display: inline;
		}
		.padding10 {
			position: relative;
			padding: 10px;
			float: left;
			display: inline;
		}
		.padding5 {
			position: relative;
			padding: 5px;
			float: left;
			display: inline;
		}
		
		/*** Top, Right and Left ***/
		.padding30_TRL {
			position: relative;
			padding: 30px 30px 0 30px;
			float: left;
			display: inline;
		}
		.padding20_TRL {
			position: relative;
			padding: 20px 20px 0 20px;
			float: left;
			display: inline;
		}
		.padding15_TRL {
			position: relative;
			padding: 15px 15px 0 15px;
			float: left;
			display: inline;
		}
		.padding10_TRL {
			position: relative;
			padding: 10px 10px 0 10px;
			float: left;
			display: inline;
		}
		.padding5_TRL {
			position: relative;
			padding: 5px 5px 0 5px;
			float: left;
			display: inline;
		}
		
		/*** Right and Left ***/
		.padding30_RL {
			position: relative;
			padding: 0 30px 0 30px;
			float: left;
			display: inline;
		}
		.padding20_RL {
			position: relative;
			padding: 0 20px 0 20px;
			float: left;
			display: inline;
		}
		.padding15_RL {
			position: relative;
			padding: 0 15px 0 15px;
			float: left;
			display: inline;
		}
		.padding10_RL {
			position: relative;
			padding: 0 10px 0 10px;
			float: left;
			display: inline;
		}
		.padding5_RL {
			position: relative;
			padding: 0 5px 0 5px;
			float: left;
			display: inline;
		}