/* reset stuff */
* { 
	margin:0;
   	padding:0;
}
/* set stuff */
html {
	width:100%;
	height:100%;
	font-family: Arial;	
	font-size:11px;
	background-image: url(../images/background.gif);
	background-position: center top;
	background-repeat:repeat-x;
	color:#000;
	
}
/* center content */
#content {
   	width:1000px;
   	height:1200px;
   	margin:0 auto;
	bor//der: 1px solid #999;
	backg//round-color:#ccc;

}

#header {
   	padding:0;
   	margin:0;
	width:1000px;
	height:100px;
}

#footer {
	font-weight:bold;
   	padding:0 0 0 100px;
   	margin:0;
   	font-size:10px;
   	color:#999;
}

#register {
   	padding:0 53px 20px 0;
   	margin:0;
	height:40px;
}

#textbackground {
   	width:428px;
   	height:407px;
   	padding:92px 0 0 0;
   	margin:0;

}

#leftcontent {
   	width:568px;
   	height:499px;
   	padding:0px;
   	margin:0px 0 0 0;
	float:left;
	position:relative;
	z-index:10;
}

#rightcontent {
   	width:428px;
   	height:679px;
   	padding:0;
   	margin:0;
	float:left;
	z-index:100;
	background: url(../images/right-bg.gif) no-repeat;
}
#redcontent {
	background: url(../images/red-bg.png) no-repeat;
   	width:1000px;
   	height:450px;
   	padding:0;
   	margin:0;
	z-index:100;
}

#baseleftcontent {
   	width:546px;
   	height:456px;
   	padding-left:100px;
   	margin:0;
	float:left;
	position:relative;
	z-index:10;
}

#baseleftsub{
	height:100px;
	
}

#baserightcontent {
   	width:304px;
   	height:336px;
   	padding:30px 0 0 50px;
   	margin:0;
	float:right;
	z-index:100;
}


.fl {
	float:left;
}
.fr {
	float:right;
}

.cl {
	clear:both;
}

a {
	co//lor: #8DC63F;
	fo//nt-size:19px;
	text-decoration:none;
}

h1 {


}
.red{color:#c80f2e;}
.white{color:#FFF;}
.black{color:#222;}
.grey{color: #636363;}
.bold{font-weight:bold;}

.paragraphFont{
	padding:5px 0 0 0;
	color: #636363;
	font-weight:bold;
	width:390px;
	line-height:15px;
	}

h2 {
	font-size:30px;
}

.subFont{
	font-size:11px;
	padding:5px 0 0px 0;
	line-height:17px;
	color:#FFF;
	font-weight:bold;
}


h3 {

}
h4 {

}
h5 {

}


#form-panel { 
	padding:20px 10px ;
	font-size: 18px;
	height:300px; /* should be the same height as #jpform */
}

#jpform {
	height:300px;
	back//ground: transparent url(../images/form-bg.png) top left no-repeat;
}

/* infield label */
form, fieldset {
	padding:0;
	margin:0 5px;
	border:none;
	}
input,label,a.selectbox-link span.selectbox-link-text {
	font-size:12px !important;
	color:#999 !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
input {
	width:200px;
	height:30px;
	border:1px solid #ccc;
	margin:0px 0 2px 1px;
	padding:5px 0 0 6px;
	/* to use images as form background, uncomment here and change button class to button-link */
	b//order:none;
	back//ground: transparent url(../images/form-field-bg.png) top left no-repeat;
}

input:hover, a.selectbox-link:hover {
	border: 1px solid #5897fb !important;
}

a.selectbox-link {
	width: 213px !important;
	width: 101px !important;
	float:left;
	height: 28px;
	border:1px solid #ccc !important;
	margin:0 0 13px 1px;	
	-webkit-border-radius: 3px;
	-moz-border-radius   : 3px;
	border-radius        : 3px;
	background-color:#B9DA8B !important;
}


form p {position: relative; margin: 1px 0 0 12px;}
form p label {position: absolute; top: 0px; left: 8px;}
form p br {display: none;}

form fieldset p label {
	font-style:italic;
	font-weight:bold;
	width: 214px;
	display: block;
	font-size:12px;
	color:#999999;
	text-align: left;
}


label.infield {
	margin:5px 0 0 0;
	color:grey;
}

label.error {
	margin:6px 0 0 0;
	padding:0 0 0 4px;
	background-color:white;
}

#message {
	color: grey;
}

#message h2 {
	font-size: 30px;
}


.button-link {
	width:214px; /*set to image width */
	height:49px; /*set to image height */
	margin:2px 0px 12px 10px;
	padding:0 0 12px 0;
	background: transparent url(../images/blank-btn.png) top center no-repeat;
	border:none;
}

.button-link div.msg, .button-link div#msg {
	text-align: center;
	padding:3px;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 900;
	color:white;
}
	

#loadingbtn, #form-panel {
	display:none;
}