/*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:32%;
    }
    
#middlebox_2 {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
    float:left;
    width:32%;
	/* 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:32%;
    }

#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: 2em;
	color: #ffffff;
	}

h2.middleBoxHeading a:hover {
	color: #FFFF33;
	text-decoration: none;
	} 
	
.middleBoxHeading {
	border: 1px solid #000;
	margin: 0em;
	background-color: #FF6699;
	padding: 0.5em 0.2em;
	text-align: center;
	}

.middleBoxContainer {
	margin-top: 0.3em;
	}

.middleBoxContent {
	
    padding: 0.4em;color:#fff;
    min-height:300px;
    /* -- 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:300px;
    }

/*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 { border-right:1px solid #333;
   
    }
    
#middlebox2Content {
border-left:1px solid #000;
border-right:1px solid #333;
    }

#middlebox3Content {
border-left:1px solid #000; font-size:11px;
	line-height:18px;  
    }
	
#middlebox4Content {
    background:#222;
    }
	
#middlebox5Content {
    background:#222;
    }

#middlebox6Content {
    background:#222;
    }

#middlebox7Content {
    background:#e0d0d0;
    }

#middlebox8Content {
    background:#c0c0c0;
    }

#middlebox9Content {
    background:#e0d0d0;
    }