/* CSS Document */
/*body starts here*/
body{
margin:0px;
padding:0px;
background:url(images/keenkleen_lbg_01.jpg) top repeat-x;
background-color:#267fa4;
font-family:Arial, Helvetica, sans-serif
}
#wrapper{
width:850px;
margin:0px auto;
}

.clear{
clear:both;
margin:0px;
padding:0px;
}

a {
color:#92c83e;
text-decoration:underline;
}

a:hover{
	color:#bedd8d;
}
/*body ends here*/

/*bannerzone starts here*/
#bannerzone{
background:url(images/keenkleen_header.jpg) top no-repeat;
height:342px;
width:850px;
padding: 0px 0px 0px 0px
}

#menu{
	margin: 0px;
	background:url(images/keenkleen_nav.jpg) top no-repeat;
	height:59px;
	width:850px;
	padding:5px 0px 0px 100px;
	}
	
#menu li{
	padding:10px 60px 0px 0px;
	margin:0px 0px 0px 0px;
	display:inline; 
}

#menu li a{
	color:#fff;
	font-size:16px;
	padding:0px 0px 0px 20px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;}
#menu li a:hover{
	color:#1e6b8e;
	font-family: Arial, Helvetica, sans-serif;
}
/*bannerzone ends here*/

#heading{
	width:650px;
	height:auto;
	margin:0px 0px 0px 100px;
	padding:40px 0px 0px 0px;
}
#content{
	width:700px;
	height:auto;
	margin:0px 0px 0px 75px;
	background-color:#1e6b8e;
}
h1{
	color:#FFF;
	font-size:34px;
}
p{
	color:#FFF;
	font-size:12px;
	line-height:25px;
	padding:40px 40px 40px 110px;
}
.form{
	padding-left:110px;
}

/*footer begins here*/
#footer{
	background:url(images/keenkleen_footer.jpg) no-repeat left top;
	height:177px;
	width:850px;
	
}
p.footer { 
	padding-top: 110px;
}

/*STORM*/

/* Controls the color behind the sign up*/
.ema_bkgnd{
	background:url(../images/layout/storm_bg1.png) no-repeat scroll left top;
	background-color:#81a270;
	width:575px;
	/*height:200px;*/
	margin:20px 0x 0px 0px;
	padding:10px;
}

/* Controls width, style, and padding of the table border outlines around individual member fields */
.e2ma_signup_form_row {
	/*border:1px solid #5a471c;*/
	padding:0px;
	margin-bottom:0px;
}

/* Controls alignment and display of image in welcome message */
.e2ma_signup_image_container {
    text-align:center;
    display: inline;
}

/* Controls border around signup image (when image is linked) */
.e2ma_signup_image {
    border:0;
}

/* Controls style and formatting of welcome message */
.e2ma_signup_message {
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:#5a471c;
}

/* Controls style and formatting of form field labels (first name, last name, etc.) */
.e2ma_signup_form_label {
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:#5a471c;
	text-align:left;
	padding-top:5px;
}

/* Controls spacing and style for any text used to list options under multiple choice fields) */
.e2ma_signup_form_element {
	font-family:verdana;
	font-size:10px;
	color:#5a471c;
}

/* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style for "Select your interests..." text */
.e2ma_signup_form_group_label {
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:#5a471c;
	font-weight:normal;
}

/* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style and spacing for groups displayed as options */
.e2ma_signup_form_groups {
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:#333333;
	border:1px solid #5a471c;
	padding:5px;
	margin-bottom:5px;
}

/* Controls the style and spacing of the word "required" and border surrounding that text */
.e2ma_signup_form_required_footnote {
	font-family:Verdana, sans-serif;
	font-size:10px;
	color:#5a471c;
	/*border:1px solid #5a471c;*/
	padding:0px;
	margin-bottom:0px;
}

/* Controls the color of the asterisk that indicates a field is required */
.e2ma_signup_form_required_asterix {
	color:#5a471c;
}

/* Controls the alignment of "submit" and "clear" buttons */
.e2ma_signup_form_button_row {
	float:left;
	padding-top:10px;
	padding-right:10px;
}

/* Controls display of the "clear" button */
.e2ma_signup_form_button_row #e2ma_signup_reset_button {
	display: inline;
}

/*Overrides browser default settings for button styles (for additional control of "submit" and "clear" buttons) */
.e2ma_signup_form_button { 
    width: 60px !important;
}