﻿

/*=====================================================   

 /*Start Gray Image box */
	.grayRoundCornerBox {float:left;width:100%; margin-left:-8px; position:relative;z-index:3;}
	.grayRoundCornerBox .topLeft {background-image:url(../img/boxWhite.png)}

	.grayRoundCornerBox .topRight {background-image:url(../img/boxWhite.png)}
	.grayRoundCornerBox .roundBox .textArea {border-left:1px solid #ccc;border-right:1px solid #ccc;  background:#FFF;}
	 /*End Gray Image box */
	 .grayRoundCornerBox .title {text-decoration:none; background:#ccc; position:relative; z-index:2; border-bottom:1px solid #EEE; padding-bottom:2px;}


/*=====================================================   
 


 /*Start Gray CSS box */

	.cssGrayBox {float:left;width:100%; margin-left:0px;  border:1px solid #999; position:relative;z-index:3;   background:#EEE;}
	.cssGrayBox .topLeft, .cssGrayBox .topRight{display:none;}

	.cssGrayBox .textArea {margin-left:-8px; padding:0px 0px 4px 0px; border-left:1px solid #ccc;border-right:1px solid #ccc;}
	 /*End Gray Image box */
	.cssGrayBox .roundBox .textArea{border:none; padding:4px;}
	.cssGrayBox .title {text-decoration:none; background:#ccc; position:relative; z-index:2; padding-bottom:2px;}
	.cssGrayBox .roundBox .title {margin-left:-8px; padding-right:4px}


/*End Gray CSS box */

/*=====================================================   

 /*Start Gray CSS box */

	.cssGreenBox {float:left;width:100%; margin-left:0px;  border:1px solid #999; position:relative;z-index:3;   background:#EEE;}
	.cssGreenBox .topLeft, .cssGrayBox .topRight{display:none;}

	.cssGreenBox .textArea {margin-left:-8px; padding:0px 0px 4px 0px; border-left:1px solid #ccc;border-right:1px solid #ccc;}
	 /*End Gray Image box */
	.cssGreenBox .roundBox .textArea{border:none; padding:4px;}
	.cssGreenBox .title {text-decoration:none; background:#ccc; position:relative; z-index:2; padding-bottom:2px;}
	.cssGreenBox .roundBox .title {margin-left:-8px; padding-right:4px}

/*End Gray CSS box */
/*=====================================================*/

/*=====================================================   

 /*Start navigation CSS box */

	.cssNavigationBox {float:left;width:100%; margin-left:0px;  border:1px solid #999; position:relative;z-index:3;   background:#FFF;}
	.cssNavigationBox .topLeft, .cssNavigationBox .topRight{display:none;}

	.cssNavigationBox .textArea {margin-left:-8px; padding:0px 0px 4px 0px; border-left:1px solid #ccc; border-right:1px solid red;}

	 /*End navigation Image box */
	.cssNavigationBox .roundBox .textArea{border:none; padding:4px;}
	.cssNavigationBox .title {text-decoration:none; background:#eee; position:relative; z-index:2; padding:2px;}
	.cssNavigationBox .roundBox .title {margin-left:-8px; padding-right:4px}

/*End Gray CSS box */
/*=====================================================*/