@charset "UTF-8";
/* CSS Document */

/**************************
HTML
**************************/

.contentWrap { padding: 0px; background: none #FFF ; }
#mainContainer { width: 960px; margin: 0 auto; /*** Centers the design ***/ min-height: 479px; text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/ }
* html #mainContainer { height: 479px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/ }

.outer { margin-top: 740px; /*** We need to add some space for our top menu ***/ }

/**************************
RIGHT
**************************/
.Right {width: 960px; padding:0px 0px 0px 0px; margin:0; float:left; background:#fdfdfc url(/Images/Content_Back.jpg) center top no-repeat }

.RightFloatLeft { padding:0 0 0 20px; width:700px; float:left}
.RightFloatRight { width:220px; float:left; overflow:hidden; }

#BottomClear { background: none #FFF;  }
#BottomClear { float: left; width: 960px; padding: 0px; height: 8px;  }
* html #BottomClear { position: relative;  /*** IE needs this  ***/ }

.clear { clear: both; }

/**************************
TOP BANNERS
**************************/
#Top { float: right; width: 960px; height: 479px; padding: 0px; margin: -740px 0 0 -960px; /*** Move the left column so it takes the positon as a top menu ***/ }
* html #Top { position: relative;  /*** IE needs this  ***/ }

#Pod { float: right; width: 960px; height: 261px; padding: 0px; margin: -261px 0 0 -960px; background:none; /*** Move the left column so it takes the positon as a top menu ***/ }
* html #Pod { position: relative;  /*** IE needs this  ***/ }

.ContentRightTop h4 {font-size:16px; margin-bottom:5px; padding-left:0px; font-weight:normal; }

.SubFooterFrame {background:none;}
.SubFooterFrame .Frame {padding:10px 20px 10px 20px; width:920px; border-top:1px solid #e5e5e5;background:none; }

.Crumb { height:27px; border-bottom:1px solid #e5e5e5; padding:13px 0 0 0; width:690px; background:transparent }