/*Centers middleboxes and aligns them in one row*/
#navColumnMiddleWrapper {
    margin: auto;
    overflow:hidden; 
    }

#middlebox_1 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
    float:left; 
    width:72.3%;
    }
    
#middlebox_2 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
    float:left;margin-left: 0.35em;
    width:27.2%;
	/* Adds a slight space between the 2nd and 3rd middleboxes when in rows of three*/
/*
	margin-right: 0.15em;
	margin-left: 0.15em;
*/
    }

#middlebox_3 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
    float:left; 
    width:33%;
    }

#middlebox_4 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
    float:left; 
    width:33%;
    }
    
#middlebox_5 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
    float:left;
    width:33%;
	/* Adds a slight space between the 2nd and 3rd middleboxes when in rows of three*/
/*
	margin-right: 0.15em;
	margin-left: 0.15em;
*/
    }

#middlebox_6 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
    float:left; 
    width:33%;
    }

#middlebox_7 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
    float:left; 
    width:33%;
    }

#middlebox_8 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
    float:left; 
    width:33%;
	/* Adds a slight space between the 2nd and 3rd middleboxes when in rows of three*/
/*
	margin-right: 0.15em;
	margin-left: 0.15em;
*/
    }

#middlebox_9 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
    float:left; 
    width:33%;
    }

#middlebox_1, #middlebox_2, #middlebox_3, #middlebox_4, #middlebox_5, #middlebox_6, #middlebox_7, #middlebox_8, #middlebox_9 {
	/*padding-bottom: 1em; 
	margin-bottom: 1em;*/
	}	

h2.middleBoxHeading, h2.middleBoxHeading a {
	font-size: 14px;
	color: #222;
	}

h2.middleBoxHeading a:hover {
	color: #FFFF33;
	text-decoration: none;
	} 
	
.middleBoxHeading {
	color:#18232a;
	text-transform:uppercase;
	font-size:12px;
	line-height:16px;
	display:block;
	text-decoration:none;
	padding: 5px 19px 5px 22px;
	background:url(../images/menu-bg.gif) repeat-x left top;
	border-right:1px solid #e6e6e6;
	text-align: left;
	}

.middleBoxContainer {
	margin-top: 0.2em;
	}

.middleBoxContent {
	border:1px solid #f0eeee;;
    padding: 0.4em;
    min-height:270px;
    /* -- DO NOT REMOVE!!! -- Yep this is another stupid IE hack. The next two statements set min-height in IE's dumb-a$$ed browser -- If you modify this setting, "min-height" must match "height" --*/
    height:auto !important;
    height:270px;
    }

/*If you want all the middleboxes to line up at the bottom uncomment this class. (see the readme for a screenshot of one example on how this works) Also see http://www.cssplay.co.uk and their excellent tutorial on tableless layouts for a demo of how this works.*/
/*
.middleBoxContent {
    padding-bottom:32767px;
    margin-bottom:-32767px;
    }
*/

#middlebox1Content {
    }
    
#middlebox2Content {
  
    }

#middlebox3Content {
    background:#e0d0d0;
    }
	
#middlebox4Content {
    background:#e0d0d0;
    }
	
#middlebox5Content {
    background:#c0c0c0;
    }

#middlebox6Content {
    background:#e0d0d0;
    }

#middlebox7Content {
    background:#e0d0d0;
    }

#middlebox8Content {
    background:#c0c0c0;
    }

#middlebox9Content {
    background:#e0d0d0;
    }