/* Fresh Reminders Main Stylesheet */

@import url("tables.css") screen;
@import url("sprite.css");


body {
	margin: 0 auto;
	background: #f2f1df url('/images/page_bg.jpg') repeat-x top left;
	color:#416271;
	font:0.9em "Gill Sans","Gill Sans MT","Helvetica Neue","Helvetica",Arial,sans-serif;
}

div#site_container {
	margin: 0 auto;
	min-width:1050px;
}

div#header {
	background: url('/images/header_bg.jpg') no-repeat top center;
	height:206px;
}

div#header #logo {
	background: url('/images/logo.gif') no-repeat;
	float:left;
	min-width:362px;
	min-height:206px;
}

div#header #logo h1 {
	left:-9999px;
	position:relative;
}

div#header #menu {
	float:right;
	margin-top:20px;
	height:161px;
	text-align:right;
}

div#header #menu ul {
	margin: 0;
	list-style:none;
}

div#header #menu ul li {
	display:inline;
}

div#header #menu a {
	display:block;
	float:left;
	height:90px;
	width:85px;
	padding:90px 20px 0 20px;
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	line-height:1.2em;
	text-shadow: 1px 1px 1px #000;
}

div#header #menu li.active a {
	height:71px;
	background: #84a631 url('/images/menu_active.jpg') repeat-x top left;
}

div#header #menu a:hover {
	height:71px;
	background: #a3cc30 url('/images/menu_hover.jpg') repeat-x top left;
}

div#main_container {
	background: #ffffff url('/images/content_bg.jpg') repeat-y top center;
}

div#content_container {
	background: url('/images/content_top_bg.jpg') no-repeat top center;
}

div#footer_container {
	background: #a3c430 url('/images/footer.jpg') no-repeat top center;
	height:255px;
}

div#footer {
	padding-top:25px;
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
	text-align:center;
}

/* ---- Still needs work ----- */
#right_content {
  margin:10px 0 0;
}

#left_content {
  background:url(/images/left_content_bg.gif) repeat-x top;
  margin:10px;
  padding:10px;
}

#left_nav {
  float:left;
  height:auto;
  padding:5px 0 0;
  width:280px;
}
	#left_nav ul,#right_nav ul {
	  display:block;
	  list-style:none;
	  margin:auto;
	  padding:0;
	}
	
	#left_nav ul li,#right_nav ul li {
	  display:block;
	  height:29px;
	  line-height:29px;
	  list-style:none;
	  padding:0;
	  width:auto;
	}
	
	#left_nav ul li a {
	  background:url(/images/green-arrow.gif) no-repeat 3px 6px;
	  border-bottom:1px #bedf77 dashed;
	  color:#6898ac;
	  display:block;
	  height:29px;
	  margin:7px 0;
	  padding:0 0 0 35px;
	  text-decoration:none;
	}


/* ----- Typography Styles ----- */

h1, h2, h3, h4 { font-family:"Lucida Fax",Georgia,Helvetica,Arial,sans-serif; font-weight:bold; }
h1 { color:#f29f05; font-size:2em; margin:0; padding:5px 0;}
h2 { color:#f29f05; font-size:1.8em; margin:0 0 20px; padding:5px 0;}
h3 { color:#74ac00; font-size:1.4em; margin:0 0 15px; padding:0 0 5px;}
h4 { color:#a3c430; font-size:1.3em; margin:0; padding:0 0 10px; font-weight:normal; }

p {
  line-height:1.5em;
  letter-spacing:0.03em;
  margin:0;
  padding:2px 0 15px 0;
  text-align:justify;
}
p.white { color:#FFF; }
p.clear { clear:both; padding:10px 0 0; }

div#left_content p, div#left_content a {text-align:left;}
div#left_nav li a:hover {color:#666699;}
div#copyright p {font-weight:normal; text-align:center;}
div#footer a {color:#fff; text-decoration:none; border-bottom:1px dashed #F2F1DF; padding-right:10px;}


/* ----- Other Styles ----- */

.step_box { background: url('/images/menu_hover.jpg') repeat-x top;	padding:15px;
			-moz-border-radius: 5px; -webkit-border-radius:5px }
.top_box { background: url('/images/left_content_bg.gif') repeat-x top; margin: 30px 0 30px 0; }
.text_content p { color:#a3c430; }

.read_more {
  background:url(/images/read_more_bg.gif) no-repeat center;
  float:right;
  height:29px;
  line-height:29px;
  padding:10px;
  text-align:center;
  width:101px;
}
	.read_more a {
	  color:#FFF;
	  text-decoration:none;
	}
	.read_more a:hover {
		color: #FFE789;
		text-shadow: #000 0 0 3px;
	}
	
	.read_more_link {
	  background:url(/images/orange_bullet.gif) no-repeat right;
	  float:right;
	  padding:3px 25px 3px 0;
	  width:auto;
	}
	
	.read_more_link a {
	  color:#f7941d;
	  text-decoration:none;
	}
	
img.box_img {
	float:left;
	padding:0 20px 10px 0;
}

img.left_img {
  /*border:1px #cae6c6 solid;*/
  float:left;
  margin:0 10px 0 0;
}

.send a {
  background:url(/images/read_more_bg_white.gif) no-repeat center;
  background-position:0 0;
  color:#FFF;
  display:block;
  float:right;
  height:24px;
  line-height:22px;
  margin:10px;
  padding-left:40px;
  text-decoration:none;
  width:62px;
}

.btn { background: url('/images/menu_hover.jpg') repeat-x bottom; color:#fff; margin:3px; padding:6px; -moz-border-radius: 5px; -webkit-border-radius:5px; border:1px solid #999; text-decoration:none; }
.btn:hover { color:#416271; background: url('/images/menu_hover.jpg') repeat-x top;}

/* ----- Form Styles ----- */

form.initial input.input-text {
	font-size:1.2em;
	padding:4px;
}
form.initial input, form.initial select { font-size:1.2em; }
form.initial input.submitbutton {
	background: url(/images/read_more_bg_white.gif) no-repeat top left;
	width: 102px;
	height: 24px;
	color: #fff;
	padding:0 0 0 27px;
	margin: 15px 20px 0 0;
	float: right;
	border: none;
}
form.initial input.submitbutton:hover { color: #D6F4FF; cursor:pointer; }
form.initial h3 { margin-top:8px; }

label {
  color:#59a5bf;
  float:left;
  padding:3px 5px 0 0;
  text-align:right;
  width:100%;
}

input.contact_input {
  background-color:#dbedf3;
  border:1px #ced6ec solid;
  color:#000;
  float:left;
  height:18px;
  width:220px;
}

textarea.contact_textarea {
  background-color:#dbedf3;
  border:1px #ced6ec solid;
  color:#000;
  float:left;
  height:80px;
  width:220px;
}