/* Blue box */

#blue-box {
 width: 920px;
 margin: 0 auto;
 padding: 10px 0;
}

#blue-box a {
 color: #1986c0;
}

.blue-box-top {
 background: url(images/blue-box-top.png) 0 0 no-repeat;
 width: 920px;
 height: 30px; 
}

.blue-box-top h3 {
 height: 30px;
 width: 220px;
 line-height: 30px;
 font-weight: normal;
 font-size: 13px;
 color: #555;
 text-transform: uppercase;
 padding: 0;
 float: right;
 text-indent: 20px;
}

.blue-box {
	background: url(images/blue-box.png);
	width: 920px;
	margin: auto;  
	text-align: left; 
}

.blue-box-right {
	float: left;
	width: 220px;
}

.blue-box-right ul.plus {
 padding: 12px 20px 10px 20px;
 margin: 0 0 10px 0; 
 line-height: 30px; 
 border-bottom: 1px solid #bddcfb;
}

.blue-box-right ul.plus li {
 background: url(images/blue-plus.gif) left center no-repeat;
 padding: 0 0 0 20px;
}

.blue-box-left {
	float: left;
	width: 660px;
	padding: 0 20px;
	margin: -15px 0 0 0;
}

.blue-box-left h2.title, .blue-box-left h2.title a {
 color: #1986c0;
 font-weight: bold;
}

.blue-box-bottom {
 background: url(images/blue-box-bottom.png) 0 0 no-repeat;
 width: 920px;
 height: 10px;
 clear: both;
}

.blue-box-small-button {
 float: right;
 clear: both;
 margin: 0 30px 0 0;
}

.blue-box-small-button-li a, .blue-box-small-button-li span {
 display: block;
 height: 25px;
 width: 160px;
}

.blue-box-small-button-li a {
 position: relative;
}

.blue-box-small-button-li span {
 cursor: pointer;
}

.blue-box-small-button-li a span {
 background: url(images/small-blue-button.png) 0 0 no-repeat;
}

.blue-box-small-button-li a:hover span {
 background-position:0 -25px;
}

.blue-box-small-button-li a:hover {
 text-decoration:none;
}

.blue-box-big-button {
 float: right;
 clear: both;
 margin: 5px 20px 0 0;
}

.blue-box-big-button-li a, .blue-box-big-button-li span {
 display: block;
 height: 30px;
 width: 180px;
}

.blue-box-big-button-li a {
 position: relative;
}

.blue-box-big-button-li span {
 cursor: pointer;
}

.blue-box-big-button-li a span {
 background: url(images/big-blue-button.png) 0 0 no-repeat;
}

.blue-box-big-button-li a:hover span {
 background-position:0 -30px;
}

.blue-box-big-button-li a:hover {
 text-decoration:none;
}

/* Orange box */

#orange-box {
 width: 920px;
 margin: 0 auto;
 padding: 10px 0;
}

#orange-box a {
 color: #f7941d;
}

.orange-box-top {
 background: url(images/orange-box-top.png) 0 0 no-repeat;
 width: 920px;
 height: 30px; 
}

.orange-box-top h3 {
 height: 30px;
 width: 220px;
 line-height: 30px;
 font-weight: normal;
 font-size: 13px;
 color: #555;
 text-transform: uppercase;
 padding: 0;
 float: right;
 text-indent: 20px;
}

.orange-box {
	background: url(images/orange-box.png);
	width: 920px;
	margin: auto;  
	text-align: left; 
}

.orange-box-right {
	float: left;
	width: 220px;
}

.orange-box-right ul.plus {
 padding: 12px 20px 10px 20px;
 margin: 0 0 10px 0; 
 line-height: 30px; 
 border-bottom: 1px solid #ffdb6e;
}

.orange-box-right ul.plus li {
 background: url(images/orange-plus.gif) left center no-repeat;
 padding: 0 0 0 20px;
}

.orange-box-left {
	float: left;
	width: 660px;
	padding: 0 20px;
	margin: -15px 0 0 0;
}

.orange-box-left h2.title, .orange-box-left h2.title a {
 color: #f7941d;
 font-weight: bold;
}

.orange-box-bottom {
 background: url(images/orange-box-bottom.png) 0 0 no-repeat;
 width: 920px;
 height: 10px;
 clear: both;
}

.orange-box-small-button {
 float: right;
 clear: both;
 margin: 0 30px 0 0;
}

.orange-box-small-button-li a, .orange-box-small-button-li span {
 display: block;
 height: 25px;
 width: 160px;
}

.orange-box-small-button-li a {
 position: relative;
}

.orange-box-small-button-li span {
 cursor: pointer;
}

.orange-box-small-button-li a span {
 background: url(images/small-orange-button.png) 0 0 no-repeat;
}

.orange-box-small-button-li a:hover span {
 background-position:0 -25px;
}

.orange-box-small-button-li a:hover {
 text-decoration:none;
}

.orange-box-big-button {
 float: right;
 clear: both;
 margin: 5px 20px 0 0;
}

.orange-box-big-button-li a, .orange-box-big-button-li span {
 display: block;
 height: 30px;
 width: 180px;
}

.orange-box-big-button-li a {
 position: relative;
}

.orange-box-big-button-li span {
 cursor: pointer;
}

.orange-box-big-button-li a span {
 background: url(images/big-orange-button.png) 0 0 no-repeat;
}

.orange-box-big-button-li a:hover span {
 background-position:0 -30px;
}

.orange-box-big-button-li a:hover {
 text-decoration:none;
}

/* Red box */

#red-box {
 width: 920px;
 margin: 0 auto;
 padding: 10px 0;
}

#red-box a {
 color: #ff4b4b;
}

.red-box-top {
 background: url(images/red-box-top.png) 0 0 no-repeat;
 width: 920px;
 height: 30px; 
}

.red-box-top h3 {
 height: 30px;
 width: 220px;
 line-height: 30px;
 font-weight: normal;
 font-size: 13px;
 color: #555;
 text-transform: uppercase;
 padding: 0;
 float: right;
 text-indent: 20px;
}

.red-box {
	background: url(images/red-box.png);
	width: 920px;
	margin: auto;  
	text-align: left; 
}

.red-box-right {
	float: left;
	width: 220px;
}

.red-box-right ul.plus {
 padding: 12px 20px 10px 20px;
 margin: 0 0 10px 0; 
 line-height: 30px; 
 border-bottom: 1px solid #f8cece;
}

.red-box-right ul.plus li {
 background: url(images/red-plus.gif) left center no-repeat;
 padding: 0 0 0 20px;
}

.red-box-left {
	float: left;
	width: 660px;
	padding: 0 20px;
	margin: -15px 0 0 0;
}

.red-box-left h2.title, .red-box-left h2.title a {
 color: #ff4b4b;
 font-weight: bold;
}

.red-box-bottom {
 background: url(images/red-box-bottom.png) 0 0 no-repeat;
 width: 920px;
 height: 10px;
 clear: both;
}

.red-box-small-button {
 float: right;
 clear: both;
 margin: 0 30px 0 0;
}

.red-box-small-button-li a, .red-box-small-button-li span {
 display: block;
 height: 25px;
 width: 160px;
}

.red-box-small-button-li a {
 position: relative;
}

.red-box-small-button-li span {
 cursor: pointer;
}

.red-box-small-button-li a span {
 background: url(images/small-red-button.png) 0 0 no-repeat;
}

.red-box-small-button-li a:hover span {
 background-position:0 -25px;
}

.red-box-small-button-li a:hover {
 text-decoration:none;
}

.red-box-big-button {
 float: right;
 clear: both;
 margin: 5px 20px 0 0;
}

.red-box-big-button-li a, .red-box-big-button-li span {
 display: block;
 height: 30px;
 width: 180px;
}

.red-box-big-button-li a {
 position: relative;
}

.red-box-big-button-li span {
 cursor: pointer;
}

.red-box-big-button-li a span {
 background: url(images/big-red-button.png) 0 0 no-repeat;
}

.red-box-big-button-li a:hover span {
 background-position:0 -30px;
}

.red-box-big-button-li a:hover {
 text-decoration:none;
}

/* Green box */

#green-box {
 width: 920px;
 margin: 0 auto;
 padding: 10px 0;
}

#green-box a {
 color: #60a427;
}

.green-box-top {
 background: url(images/green-box-top.png) 0 0 no-repeat;
 width: 920px;
 height: 30px; 
}

.green-box-top h3 {
 height: 30px;
 width: 220px;
 line-height: 30px;
 font-weight: normal;
 font-size: 13px;
 color: #555;
 text-transform: uppercase;
 padding: 0;
 float: right;
 text-indent: 20px;
}

.green-box {
	background: url(images/green-box.png);
	width: 920px;
	margin: auto;  
	text-align: left; 
}

.green-box-right {
	float: left;
	width: 220px;
}

.green-box-right ul.plus {
 padding: 12px 20px 10px 20px;
 margin: 0 0 10px 0; 
 line-height: 30px; 
 border-bottom: 1px solid #d3f2b8;
}

.green-box-right ul.plus li {
 background: url(images/green-plus.gif) left center no-repeat;
 padding: 0 0 0 20px;
}

.green-box-left {
 float: left;
 width: 660px;
 padding: 0 20px;
 margin: -15px 0 0 0;
}

.green-box-left h2.title, .green-box-left h2.title a {
 color: #60a427;
 font-weight: bold;
}

.green-box-bottom {
 background: url(images/green-box-bottom.png) 0 0 no-repeat;
 width: 920px;
 height: 10px;
 clear: both;
}

.green-box-small-button {
 float: right;
 clear: both;
 margin: 0 30px 0 0;
}

.green-box-small-button-li a, .green-box-small-button-li span {
 display: block;
 height: 25px;
 width: 160px;
}

.green-box-small-button-li a {
 position: relative;
}

.green-box-small-button-li span {
 cursor: pointer;
}

.green-box-small-button-li a span {
 background: url(images/small-green-button.png) 0 0 no-repeat;
}

.green-box-small-button-li a:hover span {
 background-position:0 -25px;
}

.green-box-small-button-li a:hover {
 text-decoration:none;
}

.green-box-big-button {
 float: right;
 clear: both;
 margin: 5px 20px 0 0;
}

.green-box-big-button-li a, .green-box-big-button-li span {
 display: block;
 height: 30px;
 width: 180px;
}

.green-box-big-button-li a {
 position: relative;
}

.green-box-big-button-li span {
 cursor: pointer;
}

.green-box-big-button-li a span {
 background: url(images/big-green-button.png) 0 0 no-repeat;
}

.green-box-big-button-li a:hover span {
 background-position:0 -30px;
}

.green-box-big-button-li a:hover {
 text-decoration:none;
}

/* Mini boxs */

#mini-boxs {
 margin: 0 -10px 10px -10px;
}  

/* Mini orange box */                                    

#mini-orange {
 width: 340px;
 padding: 10px;
 float: left; 
}

#mini-orange a {
 color: #f7941d;
}

.mini-orange-top {
 background: url(images/mini-orange-top.png) 0 0 no-repeat;
 width: 340px;
 height: 30px; 
}

.mini-orange-top h3 {
 height: 30px;
 width: 340px;
 line-height: 30px;
 font-weight: normal;
 font-size: 13px;
 color: #555;
 text-transform: uppercase;
 padding: 0;
 float: right;
 text-indent: 20px;
}

.mini-orange {
	background: url(images/mini-orange.png);
	width: 340px;
	margin: auto;  
	text-align: left; 
}

.mini-orange-right {
	float: left;
	width: 190px;
}

.mini-orange-right img {
 padding: 15px 0;
 margin: 0 0 0 40px;
}

.mini-orange-left {
	float: left;
	width: 150px;
}

.mini-orange-left p {
 padding: 10px;
}

.mini-orange-bottom {
 background: url(images/mini-orange-bottom.png) 0 0 no-repeat;
 width: 340px;
 height: 10px;
 clear: both;
}

.mini-orange-right .orange-box-small-button {
 float: right;
 clear: both;
 margin: 0 20px 0 0;
}

.mini-orange-right .orange-box-big-button {
 float: right;
 clear: both;
 margin: 5px 10px 0 0;
}

/* Mini green box */                                    

#mini-green {
 width: 340px;
 padding: 10px;
 float: left;
}

#mini-green a {
 color: #f7941d;
}

.mini-green-top {
 background: url(images/mini-green-top.png) 0 0 no-repeat;
 width: 340px;
 height: 30px; 
}

.mini-green-top h3 {
 height: 30px;
 width: 340px;
 line-height: 30px;
 font-weight: normal;
 font-size: 13px;
 color: #555;
 text-transform: uppercase;
 padding: 0;
 float: right;
 text-indent: 20px;
}

.mini-green {
	background: url(images/mini-green.png);
	width: 340px;
	margin: auto;  
	text-align: left; 
}

.mini-green-right {
	float: left;
	width: 190px;
}

.mini-green-right img {
 padding: 15px 0;
 margin: 0 0 0 40px;
}

.mini-green-left {
	float: left;
	width: 150px;
}

.mini-green-left p {
 padding: 10px;
}

.mini-green-bottom {
 background: url(images/mini-green-bottom.png) 0 0 no-repeat;
 width: 340px;
 height: 10px;
 clear: both;
}

.mini-green-right .green-box-small-button {
 float: right;
 clear: both;
 margin: 0 20px 0 0;
}

.mini-green .green-box-big-button {
 float: right;
 clear: both;
 margin: 5px 10px 0 0;
}

/* Mini blue box */                                    

#mini-blue {
 width: 340px;
 padding: 10px;
 float: left;
}

#mini-blue a {
 color: #f7941d;
}

.mini-blue-top {
 background: url(images/mini-blue-top.png) 0 0 no-repeat;
 width: 340px;
 height: 30px; 
}

.mini-blue-top h3 {
 height: 30px;
 width: 340px;
 line-height: 30px;
 font-weight: normal;
 font-size: 13px;
 color: #555;
 text-transform: uppercase;
 padding: 0;
 float: right;
 text-indent: 20px;
}

.mini-blue {
	background: url(images/mini-blue.png);
	width: 340px;
	margin: auto;  
	text-align: left; 
}

.mini-blue-right {
	float: left;
	width: 190px;
}

.mini-blue-right img {
 padding: 15px 0;
 margin: 0 0 0 40px;
}

.mini-blue-left {
	float: left;
	width: 150px;
}

.mini-blue-left p {
 padding: 10px;
}

.mini-blue-bottom {
 background: url(images/mini-blue-bottom.png) 0 0 no-repeat;
 width: 340px;
 height: 10px;
 clear: both;
}

.mini-blue-right .blue-box-small-button {
 float: right;
 clear: both;
 margin: 0 20px 0 0;
}

.mini-blue .blue-box-big-button {
 float: right;
 clear: both;
 margin: 5px 10px 0 0;
}

/* Mini red box */                                    

#mini-red {
 width: 340px;
 padding: 10px;
 float: left;
}

#mini-red a {
 color: #f7941d;
}

.mini-red-top {
 background: url(images/mini-red-top.png) 0 0 no-repeat;
 width: 340px;
 height: 30px; 
}

.mini-red-top h3 {
 height: 30px;
 width: 340px;
 line-height: 30px;
 font-weight: normal;
 font-size: 13px;
 color: #555;
 text-transform: uppercase;
 padding: 0;
 float: right;
 text-indent: 20px;
}

.mini-red {
	background: url(images/mini-red.png);
	width: 340px;
	margin: auto;  
	text-align: left; 
}

.mini-red-right {
	float: left;
	width: 190px;
}

.mini-red-right img {
 padding: 15px 0;
 margin: 0 0 0 40px;
}

.mini-red-left {
	float: left;
	width: 150px;
}

.mini-red-left p {
 padding: 10px;
}

.mini-red-bottom {
 background: url(images/mini-red-bottom.png) 0 0 no-repeat;
 width: 340px;
 height: 10px;
 clear: both;
}

.mini-red-right .red-box-small-button {
 float: right;
 clear: both;
 margin: 0 20px 0 0;
}

.mini-red .red-box-big-button {
 float: right;
 clear: both;
 margin: 5px 10px 0 0;
}