/*  Designed based on Simple Box technique by Tedd  */


/* \*/
* html .tlc, * html .trc {height: 1%;}
/* */


/*
.tlc, .trc { zoom: 1 }
*/


.box
	{
	/*position: relative;*/
	margin-left: 0px;
	margin-right: 0px;
	/*margin-top: 3em; */
	margin-top: 0px;
	padding: 0;
	text-align: left;
	}

	
.boxContent {                      /*Added this to force outer container to stretch with nested floates boxContents */
	height: 1%;
	overflow: hidden;
}

		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

.tlc, .trc, .blc, .brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

.tlc
	{
	background-position: 0% 0%;
	}

.trc
	{
	background-position: 100% 0%;
	}


.blc
	{
	background-position: 0% 100%;
	}

.brc
	{
	background-position: 100% 100%;
	}

.tb, .bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			

.tb
	{
	background-position: 0% 0%;
	}


.bb
	{
	background-position: 50% 100%;
	}
	
.rb
	{
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

.lb
	{
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}
		
		
/*  Main Box Modifications */		
.MainCenterBox  .box
    {
	/* width:80%;	*/			/* <-- use this to tie width to viewport size */
	width: 951px;				/* <-- use this for a set width */
	background-color: #ffffff;
    }
.MainCenterBox .boxContent
	{
	padding-top: 2em;
	padding-right: 3em;
	padding-bottom: .1em;
	padding-left: 3em;
	}

.MainCenterBox .blc
	{
	background-image:url(../images/MainLeftBottomCorner.gif);
	}

.MainCenterBox .brc
	{
	background-image:url(../images/MainRightBottomCorner.gif);
	}

.MainCenterBox .bb
	{
	background-image:url(../images/MainBottomBorder.gif);
	}
	
.MainCenterBox .rb
	{
	background-image:url(../images/MainRightBorder.gif);
	}

.MainCenterBox .lb
	{
	background-image:url(../images/MainLeftBorder.gif);
	}

/*  Blue Box Modifications */

.BlueBox  .box
    {
	width:100%;				
	/*width: 250px;	*/			/* <-- use this for a set width */
	background-color: #006699;
    }

.BlueBox .boxContent
	{
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	}

.BlueBox .tlc
	{
	background-image:url(../images/BlueBoxLeftTopCorner.gif);
	}

.BlueBox .trc
	{
	background-image:url(../images/BlueBoxRightTopCorner.gif);
	}

.BlueBox .blc
	{
	background-image:url(../images/BlueBoxLeftBottomCorner.gif);
	}

.BlueBox .brc
	{
	background-image:url(../images/BlueBoxRightBottomCorner.gif);
	}

.BlueBox .bb
	{
	background-image:none;
	}
	
.BlueBox .rb
	{
	background-image:none;
	}

.BlueBox .lb
	{
	background-image:none;
	}