#content {
	overflow: hidden;
	padding: 0 20px;
}

#content h1 {
	color: #fff;
	font-weight: normal;
	font-size: 340%;
	line-height: 36px;
	padding: 18px 20px;
	margin: 14px -20px 34px;
	background: transparent url(../images/h1-bg.gif) no-repeat left top;
}

#content h2 {
	color: #88C425;
	font-size: 360%;
	font-weight: normal;
	line-height: 46px;
	margin: 5px 0;
}

#content h3 {
	font-size: 180%;
	font-weight: normal;
	margin: 1em 0;
}

#content p {
	font-size: 140%;
	line-height: 1.2em;
	margin: 1em 0;
}

#content p a {
	color: #88C425;
}

#content p a:hover {
	text-decoration: underline;
}

#content ul {
	font-size: 140%;
	line-height: 1.2em;
	margin: 1em 0;
	padding-left: 1em;
}

#content ul li {
	list-style: disc;
}

#content ul ul {
	font-size: 100%;
	margin: 0;
}

#exceptionMessage, #successMessage {
	background-color: #f8f8e8;
	padding: 100px 90px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #88c425;
	font-size: 240%;
	text-align: center;
}

/**
 * Print headers
 */
#content #printHeaders {
	background-color: #f8f8e8;
	padding: 2em 10px;
}

#content #printHeaders table {
	font-size: 140%;
	line-height: 1.5em;
	width: 100%;
}

#content #printHeaders table th {
	width: 20%;
	text-align: right;
	padding-right: 0.5em;
}

#content #printHeaders table th:after {
	content: ':';
}

/**
 * Side bar
 */
#sidebar {
	float: right;
	width: 270px;
	padding: 120px 0 0 10px;
	background: transparent url(../images/h1-bg.gif) no-repeat 0 14px;
}

#sidebar .box {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding-bottom: 15px;
	overflow: hidden;
	background: #f7f7f7;
	position: relative;
}

#sidebar .box div {
	padding: 12px 15px 15px;
	border-top: 1px solid #e4e4e4;
	margin-top: -1px;
}

#sidebar .box div:last-child {
	border-bottom: none;
}

/**
 * Static pages
 */
 
.staticPage #content {
	color: #333;
}

.staticPage #content h2,
.staticPage #sidebar h2 {
	font-size: 240%;
	color: #88c425;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 0.5em;
}

.staticPage #content h2.black {
	color: #333;
}

.staticPage #content h3 {
	font-size: 190%;
	color: #88c425;
	font-weight: normal;
	line-height: normal;
	margin-bottom: 0.3em;
}

.staticPage a.back {
	color: #88c426;
	font-style: italic;
	font-weight: bold;
	font-size:1.1em;
	position: relative;
	top: -1em;
}

.staticPage a.back:hover {
	text-decoration: underline;
}

.staticPage #sidebar h3 {
	font-size: 140%;
	font-weight: bold;
	line-height: normal;
	margin-bottom: 0.15em;
}

.staticPage #sidebar h3 a {
	color: #000;
}

.staticPage #sidebar h3 a:hover {
	text-decoration: underline;
}

.staticPage #content p {
	line-height: 1.5em;
	font-size: 120%;
}

.staticPage #sidebar p {
	line-height: normal;
	font-size: 120%;
}

.staticPage #content .bigger {
	color: #808080;
	font-size: 210%;
	line-height: 1.2em;
}

.staticPage #content p.bigger {
	margin-top: 0.575em;
}

.staticPage #content .bulleted {
	margin: 0;
	padding: 0;
	list-style: none;
}

.staticPage #content .bulleted li {
	padding: 0 0 0 10px;
	background: url(../images/static/bullet.gif) no-repeat 1px 0.4em;
	margin: 0 0 0.5em;
	list-style: none;
	line-height: 1.5em;
}

.staticPage #content .imagesBox {
	margin: 0 -20px 0 0;
}

.staticPage #content .imagesBox img {
	border: none;
	margin: 0 1px 0 0;
	display: block;
	float: left;
}

.staticPage #content .imagesTitle {
	margin: 0.5em 0;
}

.staticPage #content .imagesBox .images:after,
.columns:after {
	content:'.';
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}

.columns .col {
	float: left;
}

.columns.two {
	margin-right: -20px;
}

.columns.two .col {
	width: 47%;
	padding: 0 2% 0 0;
}


.withHr {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
}