/*stylesheet for Editable Centerboxes
 *modified by gjh42 2012-10-15
 */
/*Centers middleboxes and aligns them in one row*/
.navColumnMiddleWrapper {
	overflow:hidden;
    background: transparent;
    }
	
#navColumnMiddleWrapper1 {}

#navColumnMiddleWrapper2 {}

#navColumnMiddleWrapper3 {}

#navColumnMiddleWrapper4 {}

#navColumnMiddleWrapper5 {}

#navColumnMiddleWrapper6 {}

#navColumnMiddleWrapper7 {}

#navColumnMiddleWrapper8 {}

#navColumnMiddleWrapper9 {}

.middleboxContainer {
/*DO NOT MODIFY THE FLOAT OR WIDTH UNLESS YOU KNOW WHAT YOU ARE DOING!!*/
    float: left; 
    width: 100%;
	background-color: transparent;
	margin-right:0.4em;
	margin-left:0.4em;
	margin-top:1.5em;
	text-align: center;
	}

.middleboxContainer h3 {
	font-size: 1.7em;
	text-align: center;
	}

.middleboxContainer h3, .middleboxContainer h3 a {
	color: #ffffff;
	text-align: center;
	}

.middleboxContainer h3 a:hover {
	color: #FFFF33;
	text-decoration: none;
	text-align: center;
	} 

#middlebox_1 {width:100%;
	text-align: center;}
    
#middlebox_2 {width:48%;
	text-align: center;}

#middlebox_3 {width:48%;
	text-align: center;}

#middlebox_4 {width:100%;
	text-align: center;}
    
#middlebox_5 .middleboxContainer {}

#middlebox_6 .middleboxContainer {}

#middlebox_7 .middleboxContainer {}

#middlebox_8 .middleboxContainer {}

#middlebox_9 .middleboxContainer {}

#middlebox_1 h3 {background: transparent url(../images/hot-bk.png) no-repeat;font-size:250%;background-size:100%;height:2.5em;padding:0px;padding-top:7px;margin-left:-5px;overflow:visible;width:101%;} /*duplicate as needed for other middleboxes*/
#middlebox_2 h3 {background: transparent url(../images/tabs-head4.png) no-repeat;background-size:100%;height:2.5em;padding:0px;padding-top:7px;margin-left:-5px;overflow:visible;width:101%;} /*duplicate as needed for other middleboxes*/
#middlebox_3 h3 {background: transparent url(../images/tabs-head4.png) no-repeat;background-size:100%;height:2.5em;padding:0px;padding-top:7px;margin-left:-5px;overflow:visible;width:101%;} /*duplicate as needed for other middleboxes*/
#middlebox_4 h3 {background: transparent url(../images/tabs-head.png) no-repeat;font-size:2.1em;background-size:100%;height:2.8em;padding:0px;padding-top:18px;margin-left:-10px;overflow:visible;width:100%;} /*duplicate as needed for other middleboxes*/
    
.middleboxContent {

    background:transparent;
    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;
	text-align:center;
	color:#03288a;
	font-weight:bold;
    /*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.*/
    /*
    padding-bottom:32767px;
    margin-bottom:-32767px;
    */
    }

#middlebox_1 .middleboxContent {
	margin-left:1.1em;
    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;
	width:93%;	
	font-size:150%;}
    
#middlebox_2 .middleboxContent {
	margin-left:1.1em;
    min-height:250px;
    /* -- 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:250px;
	width:95%;}

#middlebox_3 .middleboxContent {
	margin-left:1.1em;
    min-height:250px;
    /* -- 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:250px;
	width:95%;}
	
#middlebox_4 .middleboxContent {
	margin-left:1.7em;
    min-height:100px;
    /* -- 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:100px;
	width:93.5%;}
	
#middlebox_5 .middleboxContent {}

#middlebox_6 .middleboxContent {}

#middlebox_7 .middleboxContent {}

#middlebox_8 .middleboxContent {}

#middlebox_9 .middleboxContent {}