/* ---- First Evangelical Free Church - Ames, Iowa ---- */

/* Undo Defaults
----------------------------------------------------- */
* { /* -- removes default padding, margin & border -- */
  margin: 0px;
  padding: 0px;
  border: 0px;
}
img, a img {
  border: none; 
}
/* General Stuff
----------------------------------------------------- */
body {
	background: #00286c url(../images/bgnd_main.gif) repeat-x;
	color: #4d5e7b;
	text-align: left;
	font: 13px Arial, Helvetica, sans-serif;
}
.clearit {
	clear: both;
	visibility: hidden;
	height: 1px;
}
.bumpdown {
 display: block;
	clear: both;
}
hr {
	color: #7f9ec3;
	height: 1px;
}
/* Main Boxes
----------------------------------------------------- */
#top {
	text-align: center;
	width: 779px;
	height: 31px;
	margin: 0px auto;
	padding: 6px 0px 0px 0px;
}
#outer { /* stretch white page sides vertically */
	width: 779px;
	margin: 0px auto;
	padding: 0px;
	background: #fdfdfd url(../images/bgnd_page.gif) repeat-y left 152px;
}
#inner { /* position top of white page */
	width: 779px;
	background: url(../images/bgnd_page_top_home.jpg) no-repeat left top;
}
#inner-sub { /* position top of white page */
	width: 779px;
	background: url(../images/bgnd_page_top_sub.jpg) no-repeat left top;
}
#inner-subtwo { /* pages without side column */
	width: 779px;
	background: url(../images/bgnd_page_top_subtwo.jpg) no-repeat left top;
}
h1 { 
 display: none; /* -- hide Welcome msg -- */
}
#left {
	width: 309px;
	padding: 0px;
	margin: 0px;
	float: left;
}
#right {
	width: 438px;
	padding: 0px 15px 10px 5px;
	margin: 0px;
	float: left;
}
#bottom {
	clear: both;
	height: 24px;
	background: url(../images/bgnd_page_bottom_home.jpg) no-repeat;
}
#left-sub {
	width: 276px;
	padding: 0px;
	margin: 0px;
	float: left;
}
#right-sub {
	width: 465px;
	padding: 0px 15px 10px 5px;
	margin: 0px;
	float: left;
}
#sub-two {
	width: 752px;
	padding: 0px 15px 0px 0px;
	margin: 0px;
}
/* Logo Box
----------------------------------------------------- */
#logobox {
	text-indent: -9999px;
	height: 98px;
	margin: 0px;
	padding: 17px 0px 0px 30px;
}
#logobox-two {
	text-indent: -9999px;
	height: 78px;
	margin: 0px;
	padding: 17px 0px 0px 30px;
	float: left;
}
#logobox h2.logo, #logobox-two h2.logo{
	background: url(../images/EFC_Ames.jpg) no-repeat left top;
	width: 188px;
	height: 66px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#logobox h2.logo a, #logobox-two h2.logo a {
	background: url(../images/EFC_Ames.jpg) no-repeat left top;
	width: 188px;
	height: 66px;
	display: block;
	outline: none;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
#logobox h2.logo a:hover, #logobox-two h2.logo a:hover {
	background: url(../images/EFC_Ames.jpg) no-repeat -188px top;
	width: 188px;
	height: 66px;
}
/* Nav - Primary
----------------------------------------------------- */
#nav {
	width: 779px;
	padding: 5px 0px 0px 16px;
	margin: 0px;
	height: 26px;
}
#nav ul{
	font-size: 13px;
	color: #dadfe8;
	font-weight: bold;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#nav ul li {
	display: inline;
}
#nav ul li a, #nav2 ul li a:active, #nav2 ul li a:visited {
	color: #dadfe8;
	cursor: hand;
	cursor: pointer;
	padding: 2px 15px;
	text-decoration: none;
	outline: none;
	text-transform: uppercase;
}
#nav ul li a:hover {
	color: #5ba41e;
	text-decoration: none;
	background: transparent;
}
.padme {
 margin-bottom: 5px;
}
/* telerik override 
--------------------- */
#nav ul li ul li a, #nav ul li ul li a:active, #nav ul li ul li a:visited {
	font-size: 12px;
	cursor: hand;
	color: #dadfe8;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	padding: 2px 12px 2px 12px;
	height: 16px;
	background: #002460;
	border-top: solid 1px #042a69;
	border-bottom: solid 1px #00215b;
	text-align: left;
}
#nav ul li ul li a:hover {
	color: #5ba41e;
	text-decoration: none;
	background: #001b49;
	padding: 2px 12px 2px 12px;
	border-top: solid 1px #072e6e;
	border-bottom: solid 1px #5ba41e;
}
/* Service Times Home
----------------------------------------------------- */
#servicetimes {
	width: 267px;
 color: #4d5e7b;
	margin: 0px 16px 15px 26px;
	text-align: center;
}
#servicetimes h5 a, #servicetimes h5 a:active, #servicetimes h5 a:visited  {
	font-size: 13px;
	color: #5ba41e;
	text-decoration: none;
	padding: 0px;
	outline: none;
}
#servicetimes h5 a span.time {
	color: #4d5e7b;
	text-decoration: none;
	outline: none;
}
#servicetimes h5 a:hover, #servicetimes h5 a:hover span.time {
	color: #1756ba;
	text-decoration: underline;
}
/* Annc Home
----------------------------------------------------- */
#anncbox {
	width: 267px;
	margin: 0px 16px 15px 26px;
	padding: 0px;
	background: url(../images/bgnd_sidebox.gif) repeat-y;
}
#anncbox h3.annc-label {
	text-indent: -9999px;
	width: 267px;
	height: 34px;
	background: url(../images/label_announce_info.gif) no-repeat;
}
.annc {
 display: block;
	padding: 12px 12px 10px 12px;
	border-bottom: 2px solid #d4d7dc;
}
#anncbox h5, 
#anncbox-sub h5 {
	font-size: 13px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}
#anncbox h5 a, #anncbox h5 a:active, #anncbox h5 a:visited, 
#anncbox-sub h5 a, #anncbox-sub h5 a:active, #anncbox-sub h5 a:visited {
	color: #5ba41e;
	text-decoration: none;
	padding: 0px;
	outline: none;
}
#anncbox h5 a:hover, 
#anncbox-sub h5 a:hover {
	color: #1756ba;
	text-decoration: underline;
	padding: 0px;
}
#anncbox p, #anncbox-sub p {
	padding: 0px;
	font-size: 11px;
	color: #455673;
	margin: 0px;
	line-height: 16px;
}
.anncimg {
	float:left;
	padding: 4px;
	margin-right: 8px;
	background: url(../images/bgnd_annc_thmb.gif) no-repeat;
}
.bottom {
	background: url(../images/bgnd_sidebox_btm.gif) no-repeat;
	height: 31px;
	width: 267px;
}
/* Annc Sub
----------------------------------------------------- */
#anncbox-sub {
	width: 231px;
	margin: 0px 16px 15px 26px;
	padding: 0px;
	background: url(../images/bgnd_sidebox-sub.gif) repeat-y;
}
#anncbox-sub h3.annc-label-sub {
	text-indent: -9999px;
	width: 231px;
	height: 34px;
	background: url(../images/label_announce_info_sub.gif) no-repeat;
}
.annc-sub {
 display: block;
	padding: 12px 10px 10px;
	border-bottom: 2px solid #d4d7dc;
}
.bottom-sub {
	background: url(../images/bgnd_sidebox_btm2.gif) no-repeat;
	height: 31px;
	width: 231px;
}
/* Worship Online & Sermons buttons
----------------------------------------------------- */
#wsbox{width:267px;height:51px;margin:0 16px 15px 26px;padding:0;}
#wsbox a{display:block;outline:none;float:left;text-decoration:none;text-indent:-9999px;}
#wsbox a.one{background:#069 url(../images/gg_homepage.jpg) no-repeat;width:131px;height:51px;margin-right:5px;}
#wsbox a:hover.one{margin-right:5px;background:url(../images/gg_homepage.jpg) no-repeat -131px;}
#wsbox a.two{background:#069 url(../images/worship_online.jpg) no-repeat;width:131px;height:51px;}
#wsbox a:hover.two{background:url(../images/worship_online.jpg) no-repeat -131px;}
/* Adult Small Groups Page - Growth Groups and Sermons Archive Buttons --*/
#wsbox a.gg{background:#069 url(../images/growth_groups.jpg) no-repeat;width:113px;height:51px;}
#wsbox a:hover.gg{background:url(../images/growth_groups.jpg) no-repeat -113px;}
#wsbox a.sa{background:#069 url(../images/sermon_archive_sub.jpg) no-repeat;width:113px;height:51px;}
#wsbox a:hover.sa{background:url(../images/sermon_archive_sub.jpg) no-repeat -113px;}

/* Newsletter Box
----------------------------------------------------- */
#newsbox {
	width: 267px;
	margin: 0px 16px 15px 26px;
	padding: 0px;
	background: url(../images/bgnd_sidebox.gif) repeat-y;
}
#newsbox h3.news-label {
	text-indent: -9999px;
	width: 267px;
	height: 34px;
	background: url(../images/label_newsletter.gif) no-repeat;
}
#news {
	height: 25px;
	padding: 10px 10px 0px 10px;
}
.newsform{
	font-size: 12px;
	color: #4d5e7b;
	background: #f7fafd;
	width: 110px;
	padding: 2px 5px;
	margin: 0px 4px 2px 4px;
	border: 1px solid #d9dde3;
}
/* Users & Rotator area
----------------------------------------------------- */
#promo {
	width: 440px;
	height: 228px;
	background:  url(../images/promo_bgnd.gif) no-repeat center top;
}
#promo-view {
	padding: 27px 0px 0px 41px;

}
#promo-nav {
	text-align: center;
	padding: 22px 0px 0px 2px;
}
.promo-table {
 background-color: #001943;
	font-size: 11px;
	color: #eeedf3;
}
.promo-table a {
 text-decoration: underline;
	color: #eeedf3;
}
.promo-table a:hover {
 text-decoration: underline;
	color: #5ba41e;
}
.promo-title {
	font-size: 14px;
	color: #eeedf3;
	font-weight: bold;
	line-height: 24px;
}
.promo-pic {
	border: 2px solid #000e29;
	margin-right: 10px;
}
#users {
	text-align: right;
	padding: 23px 20px 3px 0px;
	font-size: 10px;
}
#users a, #users a:active, #users a:visited {
	color: #8f97ae;
	text-decoration: none;
	padding: 0px 12px 2px 10px;
	background: url(../images/users_arrow.gif) no-repeat right 4px;
}
#users a:hover {
	color: #5ba41e;
	text-decoration: none;
	padding: 0px 12px 2px 10px;
	background: url(../images/users_arrow_on.gif) no-repeat right 4px;
}
/*  Subpage Photo Sets
----------------------------------------------------- */
#bottom-1{
	clear: both;
	height: 94px;
	background: url(../images/bgnd_page_bottom_welcome.jpg) no-repeat;
	margin-top: 35px;
}
#bottom-2{
	clear: both;
	height: 94px;
	background: url(../images/bgnd_page_bottom_aboutus.jpg) no-repeat;
	margin-top: 35px;
}
#bottom-3{
	clear: both;
	height: 94px;
	background: url(../images/bgnd_page_bottom_connecting.jpg) no-repeat;
	margin-top: 35px;
}
#bottom-4{
	clear: both;
	height: 94px;
	background: url(../images/bgnd_page_bottom_serving.jpg) no-repeat;
	margin-top: 35px;
}
#bottom-5{
	clear: both;
	height: 94px;
	background: url(../images/bgnd_page_bottom_happening.jpg) no-repeat;
	margin-top: 35px;
}
#bottom-6{
	clear: both;
	height: 94px;
	background: url(../images/bgnd_page_bottom_contact.jpg) no-repeat;
	margin-top: 35px;
}
/* Subpage - Youth & College Office Info
----------------------------------------------------- */
#office-info {
	width: 230px;
 color: #4d5e7b;
	margin: 0px 16px 15px 26px;
	text-align: center;
}
#office-info h5 span.green {
	color: #5ba41e;
}
/* Subpage - SubNav
----------------------------------------------------- */
#subnav {
	width: 231px;
	margin: 0px 16px 15px 26px;
	padding: 0px;
	background: url(../images/bgnd_sidebox-sub.gif) repeat-y;
}
#subnav ul {
	font-size: 13px;
	text-align: left;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	width: 231px;
}
#subnav ul li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	position: relative;
}
#subnav ul li a, #subnav ul li a:active, #subnav ul li a:visited {
	color: #4d5e7b;
	text-decoration: none;
	padding: 1px 0px 1px 20px;
	outline: none;
	display: block;
}
#subnav ul li a:hover {
	color: #5ba41e;
	text-decoration: none;
	padding: 1px 0px 1px 20px;
	background: #fdfdfd;
} 
/*1st level sub menu style */
#subnav ul li ul{
	left: 200px; /* Parent menu width - 1*/
	position: absolute;
	width: 160px;
	display: none;
	top: 0px;
	background: #eef1f5;
	padding: 2px;
}
#subnav ul li ul li{
	width: 160px;
	background: #eef1f5;
}
#subnav ul li ul li a{
	width: 160px;
	background: #eef1f5;
	color: #4d5e7b;
	text-decoration: none;
	outline: none;
	display: block;
	height: 16px;
}
#subnav ul li ul li a:hover {
	width: 160px;
	color: #5ba41e;
	text-decoration: none;
	background: #fdfdfd;
}
/* Holly Hack for IE \*/
* html #subnav ul li { float: left; height: 1%; }
* html #subnav ul li a { height: 1%; }

/* Subpage - SubNav Labels
----------------------------------------------------- */
#subnav h3.aboutus {
	text-indent: -9999px;
	width: 231px;
	height: 34px;
	background: url(../images/label_about.gif) no-repeat;
}
#subnav h3.welcome {
	text-indent: -9999px;
	width: 231px;
	height: 34px;
	background: url(../images/label_welcome.gif) no-repeat;
}
#subnav h3.connecting {
	text-indent: -9999px;
	width: 231px;
	height: 34px;
	background: url(../images/label_connecting.gif) no-repeat;
}
#subnav h3.serving {
	text-indent: -9999px;
	width: 231px;
	height: 34px;
	background: url(../images/label_serving.gif) no-repeat;
}
#subnav h3.happening {
	text-indent: -9999px;
	width: 231px;
	height: 34px;
	background: url(../images/label_happening.gif) no-repeat;
}
#subnav h3.contact {
	text-indent: -9999px;
	width: 231px;
	height: 34px;
	background: url(../images/label_contact.gif) no-repeat;
}

/* Main Content
----------------------------------------------------- */
#contentbox {
	padding: 0px;
	margin: 0px;
	clear: both;
}
#contentbox-two {
	width: 715px;
	padding: 0px 30px 0px 30px;
	margin: 0px;
	clear: both;
}
.content {
	font-size: 13px;
	line-height: 20px;
	padding: 25px 0px 10px 0px;
}
.content h3, .content h3 a, .content h3 a:active, .content h3 a:visited {
	color: #5ba41e;
	height: 29px;
	padding: 10px 0px 10px 10px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	background: url(../images/bgnd_h3.gif) repeat-x left top;
}
.content h3 a:hover {
	color: #1756ba;
	text-decoration: underline;
}
#contentbox-two .content h3 {
	color: #5ba41e;
	height: 29px;
	padding: 10px 0px 10px 12px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	background: url(../images/bgnd_h3.gif) repeat-x left top;
}
.content p{
	padding: 0px 0px 15px 12px;
	margin: 0px;
}
.content a, .content a:active, .content a:visited {
	color: #1756ba;
	text-decoration: underline;
	outline: none;
}
.content a:hover {
	color: #5ba41e;
	text-decoration: underline;
}
p .add a, p .add a:active, p .add a:visited {
	color: #1756ba;
	text-decoration: underline;
	background: url(../images/additional.gif) no-repeat 1px 3px;
	padding-left: 20px;
	outline: none;
}
p .add a:hover {
	color: #5ba41e;
	text-decoration: underline;
	background: url(../images/additional.gif) no-repeat 1px 3px;
	padding-left: 20px;
}
.content ul, .content ol{
	padding: 0px 0px 10px 30px;
	display: block;
	clear: left;	
}
/* Images
----------------------------------------------------- */
.imgright {
	float:right;
	padding: 2px;
	margin: 0px 0px 6px 10px;
	background: #DBE3EF;
	border: 1px solid #8BA2C2;
}
.imgleft {
	float:left;
	padding: 2px;
	margin: 0px 10px 6px 0px;
	background: #DBE3EF;
	border: 1px solid #8BA2C2;
}
.imgleft-sermon {
	float:left;
	padding: 2px;
	margin: 0px 10px 6px 12px;
	background: #DBE3EF;
	border: 1px solid #8BA2C2;
}
.imgright-noborder {
	float:right;
	padding: 2px;
	margin: 0px 0px 6px 10px;
}
.imgleft-noborder {
	float:left;
	padding: 2px;
	margin: 0px 10px 6px 0px;
}
/* Footer
----------------------------------------------------- */
#footer {
	width: 766px;
	font-size: 12px;
	padding: 18px 0px 30px;
	margin: 0px auto;
	clear: both;
	text-align: center;
}
#footer p.footerbox {
 color: #7b94bf;
	background-color: #001f59;
	margin: 0px 0px 10px 0px;
	padding: 15px 20px;
}
#footer p {
 color: #7b94bf;
	padding: 5px 20px;
}
#footer a, #footer a:active, #footer a:visited {
	color: #7b94bf;
	text-decoration: none;
	padding: 15px 5px;
}
#footer a:hover {
	color: #5ba41e;
	text-decoration: none;
	padding: 15px 5px;
	background: #002769;
}
#siteby {
	padding-left: 100px;
}
/* Buttons, Forms, Alternating Rows, Required, Notify, etc.
------------------------------------------------------------------ */
.btn {
	font-size: 12px;
	color: #4d5e7b;
	margin: 0px;
	background: #d1dcee;
	padding: 0px 5px;
	height: 20px;
	border-top: 1px solid #a8b7cc;
	border-right: 1px solid #a8b7cc;
	border-bottom: 1px solid #5ba41e;
	border-left: 1px solid #a8b7cc;
}
.back {
 width: 100px;
}
.alternatingrow {
 background-color: #000;
}
.reqd {
	font: 15px Arial, Helvetica, sans-serif;
	color: #f41010;
}
input, option, textarea, select, .forminput{
	font: 12px Arial, Helvetica, sans-serif;
	color: #4d5e7b;
	background: #f0f3f8;
	padding: 2px 5px;
	margin: 0px 0px 2px 4px;
	border-top: 1px solid #bfc8d9;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #bfc8d9;
}
.notify { /* Evite Successful send message */
	font-size: 13px;
	color: #f41010;
	background: #dfe1e6;
}
/* CM - CSS Styles
----------------------------------------------------- */
.titlereg {
	color: #5ba41e;
	font-size: 16px;
	font-weight: bold;
}
.titlesmall {
	color: #5ba41e;
	font-size: 13px;
	font-weight: bold;
}
.titleblue {
	color: #1756ba;
	font-size: 16px;
	font-weight: bold;
}
.regtext {
	color: #4d5e7b;
	font: 13px Arial, Helvetica, sans-serif;
}
.smalltext {
	color: #4d5e7b;
	font: 11px Arial, Helvetica, sans-serif;
}
.specialtext {
	font: 13px Arial, Helvetica, sans-serif;
	color: #d50c15;
}
.greentext {
	font: 13px Arial, Helvetica, sans-serif;
	color: #5ba41e;
}
.bluetext {
	font: 13px Arial, Helvetica, sans-serif;
	color: #1756ba;
}