@import url("reset.css");
@import url("typography.css");
body {
	background:white;
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif; /*font-family:"Times New Roman", Times, serif;*/
}
body#home-content .content {
	padding:20px 0 0 70px; /*changes the padding of homepage content as its a different layout*/
}
body#register-content .content {
	float:left;
	height:100%;
	margin-top:50px;
	width:500px;
	padding:0;
}
body#register-content .header {
	width:300px;
	float:left;
	display:inline;
}
body#register-content .header img {
}
.dandelion-background {
	background:url(../Content/images/full-background.jpg) no-repeat;
}
.fern-background {
	background:url(../Content/images/email-full-background.jpg) no-repeat;
}
.yellow-background {
	background:url(../Content/images/yellow-full-background.jpg) no-repeat;
}
.home-background {
	background:url(../Content/images/home-full-background.jpg) no-repeat;
}
.wrapper {
	width:976px;/*TOTAL WEBSITE WIDTH*/
	margin: 0 auto;
	position: relative;
	height: 662px;
}
.content {
	position:relative;
	float:left;
	display:inline;
	width: 600px;
	height:326px;
	padding: 20px 0 0 100px
}
.header {
	width:956px;
	padding-left:20px;
}
.footer, .index-footer {
	position:absolute;
	left: 8px;
	top: 646px;
	font-size:1em;
	width: 303px;
	height: 82px;
}
.index-footer {
	left: 8px;
	top: 628px;
}
.footer p, .index-footer p {
	color:#fff;
	margin:0;
	padding-bottom:4px;
	font-size:1em;
}
.register-footer {
	position:absolute;
	left: 8px;
	bottom: 0px;
	font-size:1em;
	border:1px solid #ff0099;
}
.footer a, .index-footer a {
	color:white;
	padding:0 5px 0 5px;
	border-left:1px solid white;
	border-right:1px solid white;
	line-height:0.8em;
}
/*----------------------------------------------------------------------------------------
NAVIGATION
----------------------------------------------------------------------------------------*/

.navigation {
	background:none;
	width:300px;
	position:absolute;
	left: 341px;
	top: 74px;
}
.nav {
	z-index:10;
}
.nav li {
	list-style: none;
	margin: 0;
	padding:0;
	display: inline;
	background:none;
	float:left;
	width:70px;
}
.nav li a {
	padding: 3px;
	text-decoration: none;
	float:left;
}
.nav li a:hover {
}
#home-content .nav {
	position:absolute;
	top:67px;
	left:-3px;
	width:150px;
	height: 101px;
}
#home-content .nav li a:hover {
	color:#90b600;
}
#home-content .nav li a {
	color:white;
}
#home-content ul.nav li a.active {
	color:white;
	font-weight:bold;
}
#home-content ul.nav li {
	border-bottom:1px solid white;
	width:150px;
}
#home-content .first {
	border-top:1px solid white;
	width:143px;
}
#content .last {
	border-bottom:1px solid #b2b2b2;
}
#content .nav {
	position:absolute;
	top:-17px;
	left:-47px;
	width:90px;
	height: 101px;
}
#content .nav li a:hover {
	color:#90b600;
}
#content .nav li a {
	color:#b2b2b2;
}
#content ul.nav li a.active {
	color:#314513;
	font-weight:bold;
}
#content ul.nav li {
	border-top:1px solid #b2b2b2;
}
#content ul.nav li.register {
	width:330px;
	border-top:1px solid #b2b2b2;
}
#content ul.nav li.about {
	border-top:1px solid #b2b2b2;
	width:330px;
	line-height:15px;
}
#content ul.nav li span {
	color:#b2b2b2;
}
.navigation ul.nav li.about ul#secondary li {
	border:none;
	line-height:1.4em;
}
li.secondarynav-first {
	position:absolute;
	left: 70px;
	top: 21px;
	height:21px;
	width:60px;
}
li.secondarynav-second {
	position:absolute;
	left: 130px;
	top: 21px;
	height:21px;
	width:90px;
}
li.secondarynav-third {
	position:absolute;
	left: 220px;
	top: 21px;
	height:21px;
	width:116px;
}
.content ul li {
	list-style-type:disc;
	margin-left:15px;
	color:#314513;
}
.content ul li span {
	color:#707172;
}
/*----------------------------------------------------------------------------------------
HELPER CLASSES
----------------------------------------------------------------------------------------*/

.right {
	float:right;
}
.left {
	float:left;
}
.clear {
	clear:both;
	overflow: hidden;
	width: 100%;
}
.clear-left {
	clear:left;
}
.clear-right {
	clear:right;
}
.logo {
	margin:0;
	padding:0;
	float:left;
}
/*----------------------------------------------------------------------------------------
BUTTONS
----------------------------------------------------------------------------------------*/

a.button {
	/* Right half of button */
background: transparent url(../Content/images/button.gif) no-repeat scroll top right;
	display: block;
	float: left;
	height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 20px; /* CHANGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	text-decoration: none;
	color: #000000;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:1em;
}
a.button span {
	/* Left half of button */ 
background: transparent url(../Content/images/button.gif) no-repeat;
	display: block;
	line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 5px 0 5px 18px;
}
a.button:hover {
	background:url(../Content/images/button.gif) scroll right -250px;
}
a.button:hover span {
	background: url(../Content/images/button.gif) no-repeat scroll 0px -250px;
}
a.button-to-top {
	display:block;
	font-weight:bold;
	text-decoration:none;
	background:#333333;
	padding:0;
	margin:0 0 1em 0;
	color:#FFFFFF;
	width:7em;
	text-align:center;
	border:1px solid #fff;
}
a:hover.button-to-top {
	color:#333333;
	border:1px solid #333333;
	background:#fff;
}
/**	Framework
----------------------------------------------- */
.clear {
	clear: both;
	display: block;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.s-h {
	display: block;
	height: 0;
	float: left;
	overflow: hidden;
	width: 0;
} /* accessible display none */
.s-h-o {
	left: -9999em;
	position: absolute;
	top: -9999em;
} /* place content off screen */
.s-i-bg {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
}
.s-i-i {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
}
.s-break {
	display: block;
}
/* **/

/*----------------------------------------------------------------------------------------
MISC
----------------------------------------------------------------------------------------*/

a.email {
	z-index:1;
	position:absolute;
	left:423px;
	top:151px;
	background:url(../Content/images/sendemail.png) no-repeat;
	display:block;
	height:151px;
	width:151px;
	text-indent:-9999px;
}
a.register {
	position:absolute;
	top:145px;
	right:95px;
	background:url(../Content/images/register.png) no-repeat;
	display:block;
	height:125px;
	width:125px;
	text-indent:-9999px;
}
a.register-homepage {
	position:absolute;
	top:239px;
	right:243px;
	background:url(../Content/images/register.png) no-repeat;
	display:block;
	height:125px;
	width:125px;
	text-indent:-9999px;
}
/*----------------------------------------------------------------------------------------
form
----------------------------------------------------------------------------------------*/

form {
	width:555px;
	float:left;
}
.category {
	width:555px;
	margin-top:15px;
	float:left;
}
form .left {
	float:left;
	width:275px;
	margin-bottom:10px;
}
form .right {
	float:right;
	width:275px;
	margin-bottom:10px;
}
input {
	background-color:#eceded;
	color:black;
	border:none;
	padding:3px;
	width:250px;
}
label {
	font-size:1.2em;
	margin-bottom:3px;
	color:#7a7a7b;
	float:left;
	margin-right:10px;
}
.input-wide {
	width:530px;
	margin-bottom:30px;
}
input.checkbox {
    background-color:white;
	color:black;
	border:none;
	padding:3px;
	display:block;
	width:15px;
	margin-bottom:10px;
}
span.checkbox input {
	background-color:white;
	color:black;
	border:none;
	padding:3px;
	display:block;
	width:15px;
	margin-bottom:10px;
	float:left;
}
label.checkbox {
	float:right;
}
.register-disclaimer {
	clear:both;
	font-size:1em;
}
.submit-button {
	width:73px;
	height:72px;
	float:right;
	color:white;
	padding:0;
	margin:0;
	clear:both;
}
ul.register-disclaimer, ul.register-disclaimer li {
	list-style-type:decimal;
	font-size:100%;
	color:#707172;
}
.category-choices {
	float:left;
	position:relative;
}
#tick-paragraph {
	font-weight:bold;
	color:#4f711d;
	float:left;
	line-height:1.6em;
	width:520px;
	font-size:1em;
}
.header img a {
	border:0;
}
.category-content {
	width:210px;
}
.category-content input {
	height:15px;
	margin-bottom:10px;
}
.category-content label {
	width:180px;
	height:25px;
	margin:0px;
	padding:3px;
}
.address {
	margin-top:10px;
	float:left;
}
br {
	clear:both;
}
.tc {
	margin-top:15px;
	float:left;
	font-size:1em;
}

span.job-code {
	color:#707172;
	margin-top:15px;
	float:left;
	margin-left:0;
	font-size:1.2em;
}

p.job-code {
clear:left;
font-size:1.2em;
}