﻿/******** BOXES ********/

/******* BOX 700 WIDTH *******/

.box700 
{
	float: left;
	width: 700px;
	margin: 0 10px 10px 0;
	display: inline;
}

.box700 .boxBody
{
	/*background: url(/images/backgrounds/box/boxBody700.png) left top repeat-y;*/
	float: left;
	width: 688px;
	padding: 0 5px 0 5px;
	min-height: 70px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.box700 .boxHeadingRight
{
	width: 688px;
	height: 20px;
	float: left;
	font-size: 1.09em;
	font-weight: bold;
	color: #fff;
	padding: 5px 0 0 5px;
}

.box700 .boxFooterRight
{
	float: left;
	width: 693px;
	height: 7px;
	background: url(/images/backgrounds/box/boxRightBottom.png) right top no-repeat;
	font-size: 1.09em;
	font-weight: bold;
	color: #fff;
}

/******* BOX 450 WIDTH *******/

.box450 
{
	float: left;
	width: 450px;
	margin: 0 10px 10px 0;
	display: inline;
}

.box450 h2, .box570 h2
{
	font-size: 14px;
	margin: 0;
}


.box450 .boxHeadingRight
{
	width: 438px;
	height: 20px;
	float: left;
	font-size: 1.09em;
	font-weight: bold;
	color: #fff;
	padding: 5px 0 0 5px;
}

.box450 .boxFooterRight
{
	float: left;
	width: 443px;
	height: 7px;
	background: url(/images/backgrounds/box/boxRightBottom.png) right top no-repeat;
	font-size: 1.09em;
	font-weight: bold;
	color: #fff;
}

.greenBoxLeft
{
	background: url(/images/backgrounds/box/boxLeftTopGrey.png) left top no-repeat;
}

.greenBoxRight
{
	background: url(/images/backgrounds/box/boxRightTopGrey.png) right top no-repeat;
}

.boxFooterLeft
{
	float: left;
	width: 7px;
	height: 7px;
	background: url(/images/backgrounds/box/boxLeftBottom.png) left top no-repeat;
}

.boxgreen {
	background: url(/images/backgrounds/bg_box200_green.png) left top no-repeat;
}

/******** BOX 150 WIDTH ********/

.box150 {
	float: left;
	width: 150px;
	margin: 0 10px 10px 0;
	display: inline;
}

.boxHeadingLeft
{
	width: 7px;
	height: 25px;
	float: left;
}

.box150 .boxHeadingRight
{
	width: 138px;
	height: 20px;
	float: left;
	font-size: 1.09em;
	font-weight: bold;
	color: #fff;
	padding: 5px 0 0 5px;
}

.box150 .boxFooterRight
{
	float: left;
	width: 143px;
	height: 7px;
	background: url(/images/backgrounds/box/boxRightBottom.png) right top no-repeat;
	font-size: 1.09em;
	font-weight: bold;
	color: #fff;
}

.box150 .boxBody
{
	background: url(/images/backgrounds/box/boxBody150.png) left top repeat-y;
	float: left;
	width: 140px;
	padding: 0 5px 0 5px;
}

.box150 ul li
{
	padding: 3px 0 0 5px;
	list-style-type: none;
}

.box150 ul.green li a
{
	background: url(/images/icons/sprite.png) 0px -77px no-repeat;
	padding: 0 0 0 13px;
	color: #709d40;
}

.box150 ul.green li a:hover
{
    text-decoration: underline;
}

.greenBoxLeft
{
	background: url(/images/backgrounds/box/boxLeftTopGreen.png) left top no-repeat;
}

.greenBoxRight
{
	background: url(/images/backgrounds/box/boxRightTopGreen.png) right top no-repeat;
}

.boxFooterLeft
{
	float: left;
	width: 7px;
	height: 7px;
	background: url(/images/backgrounds/box/boxLeftBottom.png) left top no-repeat;
}

.fullWidth
{
	width: 570px;
	float: left;
	margin-left: 10px;
}

.box720
{
	float: left;
	width: 720px;
	margin: 0 10px 10px 0;
	display: inline;
}

.box720 .boxBody
{
	float: left;
	width: 708px;
	padding: 0 5px 0 5px;
	min-height: 70px;
	border-left: 1px solid #7aa647;
	border-right: 1px solid #7aa647;
}

.box720 .boxHeadingRight
{
	width: 708px;
	height: 20px;
	float: right;
	font-size: 1.09em;
	font-weight: bold;
	color: #fff;
	padding: 5px 0 0 5px;
	background: url(/images/backgrounds/bg_topbar_720.png) right top no-repeat;
}

.box720 .boxHeadingLeft
{
	width: 7px;
	height: 25px;
	background: url(/images/backgrounds/bg_topbar_720.png) left top no-repeat;
}

.box720 .boxFooterRight
{
	float: left;
	width: 713px;
	height: 7px;
	background: url(/images/backgrounds/bg_bottombar_720.png) right bottom no-repeat;
	font-size: 1.09em;
	font-weight: bold;
	color: #fff;
}

.box720 .boxFooterLeft
{
	float: left;
	width: 7px;
	height: 7px;
	background: url(/images/backgrounds/bg_bottombar_720.png) left bottom no-repeat;
}
/*********************/

/*********************/
.box570
{
	float: left;
	width: 570px;
	margin: 0 10px 10px 0;
	display: inline;
}

.box570 .boxBody
{
	float: left;
	width: 558px;
	padding: 0 5px 0 5px;
	min-height: 70px;
	border-left: 1px solid #7aa647;
	border-right: 1px solid #7aa647;
}

.box570 .boxHeadingRight
{
	width: 558px;
	height: 20px;
	float: right;
	font-size: 1.09em;
	font-weight: bold;
	color: #fff;
	padding: 5px 0 0 5px;
	background: url(/images/backgrounds/bg_topbar_720.png) right top no-repeat;
}

.box570 .boxHeadingLeft
{
	width: 7px;
	height: 25px;
	background: url(/images/backgrounds/bg_topbar_720.png) left top no-repeat;
}

.box570 .boxFooterRight
{
	float: left;
	width: 563px;
	height: 7px;
	background: url(/images/backgrounds/bg_bottombar_720.png) right bottom no-repeat;
	font-size: 1.09em;
	font-weight: bold;
	color: #fff;
}

.box570 .boxFooterLeft
{
	float: left;
	width: 7px;
	height: 7px;
	background: url(/images/backgrounds/bg_bottombar_720.png) left bottom no-repeat;
}

.colorbox
{
    float: left;
    margin: 30px 30px 0 0;
    width: 345px;
    color: #404040;
}

.colorbox .colorboxcontent
{
    background: url(/images/backgrounds/box/colorbox_grobargreen_bottom.png) left bottom no-repeat;
    width: 325px;
    padding: 10px;
    height: 50px;
}

.colorboxgreen
{
    background: url(/images/backgrounds/box/colorbox_grobargreen_top.png) left top no-repeat;
    width: 325px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 10px;
}

.colorboxgreen a
{
    color: #fff;
}

.colorboxgreen a:hover
{
    text-decoration: underline;
}



