@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px 0px 30px 0px;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	color: #262626;
	background: url(../img/body-background.png) repeat-x #F7F7F7;
}

.container {
	margin: 0 auto;
	width: 820px;
}

#white {
	width: 820px;
	background: #FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #EFEFEF;
	padding: 20px 0px 20px 0px;
}

#white-inner {
	width: 780px;
	margin: 0px 0px 0px 20px;
}

.clear-both {
	clear: both;
}

#header {
	width: 820px;
}

#logo {
	float: left;
	margin: 20px 0px 20px 0px;
}

#utils {
	float: right;
	font-size: 14px;
	text-align: right;
	line-height: 140%;
	margin: 25px 0px 0px 0px;
}

#navigation {
	float: left;
	margin: 0px;
	padding: 0px;
}

#navigation li {
	float: left;
	list-style: none;
}

#navigation li a {
	float: left;
	color: #FFFFFF;
	font-size: 14px;
	margin-left: 20px;
	padding-top: 15px;
	text-shadow: 0px 1px 0px #479250;
}

#navigation li a:hover {
	text-decoration: none;
	color: #479250;
	text-shadow: 0px 0px 0px;
}

#navigation li a.active {
	color: #479250;
	text-shadow: 0px 0px 0px;
}

#nav {
	width: 820px;
	height: 50px;
	background: #afe2b6; /* Old browsers */
background: -moz-linear-gradient(top, #87D290 0%, #87D290 28%, #5ec36b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87D290), color-stop(28%,#87D290), color-stop(100%,#5ec36b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #87D290 0%,#87D290 28%,#5ec36b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #87D290 0%,#87D290 28%,#5ec36b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #87D290 0%,#87D290 28%,#5ec36b 100%); /* IE10+ */
background: linear-gradient(top, #87D290 0%,#87D290 28%,#5ec36b 100%); /* W3C */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 0px 0px 20px 0px;
}

#box-one {
	float: left;
	width: 380px;
}

#box-two {
	float: right;
	width: 380px;
}

.line {
	background: #5EC36B;
	width: 380px;
	height: 1px;
	margin: 1px 0px 10px 0px;
}

#footer {
	width: 820px;
	margin-top: 10px;
}

#copyright {
	float: left;
	font-size: 10px;
}

#website-design {
	float: right;
	font-size: 10px;
}

ul {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}

ul li {
	list-style: square;
	font-size: 13px;
	margin-bottom: 10px;
}

#inner-nav {
float: left;
width: 220px;
margin-top: 20px;
}

#inner-content {
float: right;
width: 540px;
}

#inner-nav ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
}

#inner-nav li {
list-style: none;
margin-bottom: 10px;
float: left;
}

#inner-nav li a {
color: #262626;
border-bottom: 1px dotted #B2B2B2;
width: 220px;
padding-bottom: 10px;
float: left;
}

#inner-nav li a:hover {
color: #87D290;
text-decoration: none;
}

#inner-nav li a.active {
color: #5EC36B;
}

label {
display: block;
font-size: 13px;
font-weight: 500;
margin-bottom: 10px;
}

input {
width: 490px;
height: 15px;
margin-bottom: 10px;
padding: 10px;
}

textarea {
width: 490px;
height: 80px;
padding: 10px;
}

.button {
width: 140px;
background: #afe2b6; /* Old browsers */
background: -moz-linear-gradient(top, #87D290 0%, #87D290 28%, #5ec36b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87D290), color-stop(28%,#87D290), color-stop(100%,#5ec36b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #87D290 0%,#87D290 28%,#5ec36b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #87D290 0%,#87D290 28%,#5ec36b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #87D290 0%,#87D290 28%,#5ec36b 100%); /* IE10+ */
background: linear-gradient(top, #87D290 0%,#87D290 28%,#5ec36b 100%); /* W3C */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px 0px 10px 0px !IMPORTANT;
border: 0px !IMPORTANT;
color: #FFFFFF;
height: auto !IMPORTANT;
text-shadow: 0px 1px 0px #479250;
}

/* Headings */

h1#logo-pav {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h1#logo-pav a{
	display: block;
	text-indent: -9999px;
	width: 200px;
	height: 65px;
	background: url(../img/logo-emma-hubbuck.png) no-repeat;
}

h2 {
	font-size: 20px;
	line-height: 140%;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	
}

h2#inner {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	font-size: 15px;
	border-bottom: 1px dotted #5EC36B;
	text-align: left;
}


h3 {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	font-size: 15px;
	border-bottom: 1px solid #5EC36B;
}

h3.inner {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	font-size: 13px;
	color: #5EC36B;
	border: 0px;
}

a {
	text-decoration: none;
	color: #5EC36B;
}

a:hover {
	text-decoration: underline;
}

p {
font-size: 13px;
line-height: 140%;
}

label.error {
	color: #CC3333;
}

.error li {
color: #CC3333;
margin-bottom: 10px;
}

p.user-failure {
color: #CC3333;
}

p.user-success {
color: #5EC36B;
}