/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MASTER TABLE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#MainTable {
    width: 920px; 
    vertical-align:top;
    padding:0px 0px 0px 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Column Wrapper

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.middle-wrapper {
    background-color: #125280;
    
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Left Column

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.left-column {
    width:169px;
    background:#bbc5cc url(../images/ColumnLeftBG.png) top right no-repeat ;
    float:left;
    height:inherit;
    min-height:500px;
    
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Middle Columns

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.middle-column {
    width: 542px;
    min-height:500px;
    vertical-align: top;
    background-color: #f8fafb;
    background:#bbc8d9 url(../images/CornerPiece.png) top left no-repeat ;
    border:solid 2px #125280;
    padding: 10px 20px 10px 20px;
    float:right;
    
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Right Column

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.right-column {
    width:165px;
    vertical-align: top;
    padding:2px 0px 10px 0px;
    background:#125280 url(../images/ColumnRightBG.png) top left no-repeat;
    text-align:right;
    background:#125280
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - TWO COLUMN - SMALL COLUMN LEFT OR RIGHT

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-two-column {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	width:925px;
	border:2px solid #404b6d;
	background:#ffffff url(../images/backgroundmuted.jpg) no-repeat ;
	position:relative;
	}

	
#small-column-left {
	float: left;
	width: 12%;
	padding:0px 1% 0px 1%;
	}
	
#big-column-right {
	float: right;
	width: 78%;
	padding:0px 1% 0px 1%;
	}

#small-column-right {
	float: left;
	width: 12%;
	padding:0px 1% 0px 1%;
	}
	
#big-column-left {
	float: left;
	width: 78%;
	padding:0px 1% 0px 1%;
	}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	FOUR COLUMN GRAPHIC - Home Page

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#four-column-graphic{
    margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	width:100%;
	border:0px solid #818181;
	position:relative;    
    }
    


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - Home Page

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-homepage {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	width:925px;
	border:2px solid #404b6d;
	background: url(../images/backgroundmuted.jpg) no-repeat ;
	position:relative;
	}



	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - THREE COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-three-column {
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	width:901px;
	height: inherit;
	border: 2px solid #404b6d;
	background:#ffffff url(../images/backgroundmuted_3column.jpg) no-repeat;
	position:relative;
	}

#content-main-three-column {
	width:530px;
	float:left;
	padding-left:10px;
	margin-left:25px;
	}


#content-side1-three-column {
	width:110px;
	float:left;
	}
	
#content-side2-three-column {
	width:200px;
	float:right;
	}	
	

	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE - THREE COLUMN SECTION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#three-column-container {
	background:url(../images/backgrounds/blue-metallic.jpg);
	padding:0;
	margin:0px 0 10px 0;
	}

#three-column-side1 {
	float:left;
	width:30%;
	}

#three-column-side2 {
	float:right;
	width:30%;
	}

#three-column-middle {
	width:30%;
	margin:0px 32% 0px 35%;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE - FOUR COLUMN SECTION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#four-column-container {
	padding:0;
	margin:0px 0 10px 0;
	}

#four-column-side1 {
	float:left;
	width:23%;
	padding:0px 0px 0px 0px;
	}

#four-column-side2 {
	float:right;
	width:23%;
	padding:0px 0px 0px 0px;
	}

#four-column-middle {
	width:50%;
	margin:0px 2% 0px 1%;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE - INSIDE-TWO COLUMN SECTION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#inside-two-column-container {
	background:url(../images/backgrounds/blue-metallic.jpg);
	padding:0px 0px 0px 0px;
	}

#inside-column-left {
	float:left;
	width:23%;
	margin:0px 0px 0px 3%;
	}

#inside-column-right {
	float:right;
	width:23%;
	margin:0px 3% 0px 0px;
	
	}