/*******************************
   BANNER (top)
 *******************************/
#headerregion div.banner {
        margin-top: 0;
        margin-bottom: 0;
    }
/* height of the top graphics */
#headerregion div.banner .banner-02,
#headerregion div.banner .banner-03,
#headerregion div.banner .banner-01 
		{
			height: 112px;
		}
/* width of the left and right image */
#headerregion div.banner .banner-02
		{
			margin-left:  322px;	
			margin-right: 319px;
			padding-right: 1em;
		}
/* images */
#headerregion div.banner .banner-02		{ background: url("/css/img/banner02.gif") repeat-x; }
#headerregion div.banner .banner-03		{ background: url("/css/img/banner03.gif") no-repeat top right; }
#headerregion div.banner .banner-01		{ background: url("/css/img/banner01.gif") no-repeat top left; }
/* Hide the banner text, except for screen readers and stylesheets off */
#headerregion div.banner .banner-02 h1  { margin-left: -5000px; }


/*******************************
   BANNER (bottom)
 *******************************/
#footerregion div.banner {
        margin-top: 0;
        margin-bottom: 0;
        max-height: 62px;
        overflow: hidden;
    }
/* height of the top graphics */
#footerregion div.banner .banner-02,
#footerregion div.banner .banner-03,
#footerregion div.banner .banner-01 
		{
			height: 62px;
		}
/* width of the left and right image */
#footerregion div.banner .banner-02
		{
			margin-left:  40px;	
			margin-right: 40px;
			padding-right: 1em;
		}
/* images */
#footerregion div.banner .banner-02		{ background: url("/css/img/bbanner02.gif") repeat-x; }
#footerregion div.banner .banner-03		{ background: url("/css/img/bbanner03.gif") no-repeat top right; }
#footerregion div.banner .banner-01		{ background: url("/css/img/bbanner01.gif") no-repeat top left; }
/* properly position the footer text */
#footerregion div.banner .banner-02 h2 {
        padding-top: 32px;
        font-size: 16px;
   		font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
		color: black;
		text-align: center;
    }

#footerregion a, #footerregion a:visited { font-size: 7pt; color: black;}
#footerregion a:hover, #footerregion a:visited:hover { font-size: 7pt; color: blue;}


/***************************************************************
   Ensure that interior elements have no margins that will
   screw up the layout of the middle band.
 ***************************************************************/
.mcRoundFrame *
{
			margin-top: 0;
			margin-bottom: 0;
}

/***************************************************************
   HEIGHT, WIDTH, SIZE - define the top and bottom bands
   to be the height of the top and bottom band graphics. Since
   the band also includes DIV's for the corners, do them, too.
   Since we're sizing, do also the content band sizing.
 ***************************************************************/

/************************************
   height of the top graphics
*************************************/
.mcRoundFrame .mcRoundFrame-02,
.mcRoundFrame .mcRoundFrame-03,
.mcRoundFrame .mcRoundFrame-01 
		{
			height: 50px;
			font-size: 1px;
		}

/************************************
   height of the bottom graphics
*************************************/
.mcRoundFrame .mcRoundFrame-08,
.mcRoundFrame .mcRoundFrame-09,
.mcRoundFrame .mcRoundFrame-07
		{
			height: 52px;
			font-size: 1px;
		}


/************************************
   width of the left and right image
*************************************/
.mcRoundFrame .mcRoundFrame-02,
.mcRoundFrame .mcRoundFrame-05,
.mcRoundFrame .mcRoundFrame-08
		{
			margin-left:  51px;	
			margin-right: 49px;
			padding-right: 1em;
		}

/************************************
   play with position to make the 
   content fit well in the frame.
 NOTE: pre-IE7 will not use the top fix.
*************************************/
.mcRoundFrame .mcRoundFrame-Content {
			margin-left: -20px;
			margin-right: -50px;
			margin-bottom: -50px;
			min-height: 70px;
		}

html>body .mcRoundFrame-Content {
		    position: relative;
			top: -25px;
		}
/* target IE<=6. This will act as a min-height.
   It's larger than our regular min-height due to 
   not offsetting the top margin like compliant browsers */
/*\*/
* html .mcRoundFrame .mcRoundFrame-Content {
height: 110px;		/* act as a min-height */
margin-bottom: 0;   /* also can't minimize the bottom margin for these */
}
/**/

/***************************************************************
   IMAGE LOADING - load the images into the pieces of the pie.
 ***************************************************************/
.mcRoundFrame .mcRoundFrame-02			{ background: url(/css/img/roundframe02.gif) repeat-x; }
.mcRoundFrame .mcRoundFrame-03			{ background: url(/css/img/roundframe03.gif) no-repeat top right; }
.mcRoundFrame .mcRoundFrame-01			{ background: url(/css/img/roundframe01.gif) no-repeat top left; }

.mcRoundFrame .mcRoundFrame-08			{ background: url(/css/img/roundframe08.gif) repeat-x; }
.mcRoundFrame .mcRoundFrame-09			{ background: url(/css/img/roundframe09.gif) no-repeat top right; }
.mcRoundFrame .mcRoundFrame-07			{ background: url(/css/img/roundframe07.gif) no-repeat top left; }

.mcRoundFrame .mcRoundFrame-05			{ background: url(/css/img/roundframe05.gif) repeat; }
.mcRoundFrame .mcRoundFrame-06			{ background: url(/css/img/roundframe06.gif) repeat-y right; }
.mcRoundFrame .mcRoundFrame-04			{ background: url(/css/img/roundframe04.gif) repeat-y; }