/*

	template: Artificial Intelligence
	author: luka cvrk (www.solucija.com)
	
*/

body {
	margin: 0;
	padding: 0;
	line-height: 2em;
	color: #333;
	width: 100%;
	font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	border: thick double #DF4B27;
	background-image: url(../images/New/bg.gif);
	background-repeat: repeat-x;
}

/* LINKS AND HEADINGS STYLING */

a { color: #546F92; background: inherit; }
a:hover {
	color: #808080;
	background-color: inherit;
	background-repeat: no-repeat;
}
h1  { font: bold 2em "Trebuchet MS", Helvetica, Sans-Serif; margin: 0; color: #fff; background-color:transparent; }
h2  {
	font-family: "Trebuchet MS", Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
}
h3 { clear: both; font-size: 1.3em; color: #000; background: #fff url(../images/New/h3bg.gif) no-repeat center left; padding: 0 14px; margin: 0;}
.blue { color: #546F92; background: inherit; }
.image {
	float: none;
	border: 2px solid #e2e2e2;
	padding: 3px;
	margin-top: 0;
	margin-right: 7px;
	margin-bottom: 7px;
	margin-left: 0;
}

/* CONTENT WRAPPER */

#main {
	width: 900px;
	margin: 25px auto 0 auto;
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #8D9CAF;
}

/* TOP LEFT LOGO */

#logo { 
	float: left; 
	padding: 10px 0 10px 10px; 
}
	#logo h1 { color: #000; background: #fff; }

/* TOP RIGHT HORIZONTAL MENU */
	
#menu {
	float: right;
	background: #fff url(../images/New/barul.gif) no-repeat bottom right;
	color: #808080;
	margin: 0;
	padding-top: 12px;
	padding-right: 1px;
	padding-bottom: 3px;
	padding-left: 0;
}
	#menu li { 
		padding: 14px 18px 14px 18px; 
		color: #444; 
		background: #fff url(../images/New/bar.gif) no-repeat bottom left; 
		display: inline; 
	}
	#menu li.active { 
		background: #fff url(../images/New/baractive.gif) no-repeat bottom left; 
		color: #8D9CAF; 
		font-weight: bold; 
		padding: 14px 18px 14px 18px; 
		margin: 0 1px 0 0; 
	}
	#menu li a { 
		background: #f8f8f8; 
		color: #808080; 
		text-decoration: none; 
	} 	
	#menu li a:hover { 
		color: #000; 
		background: #f8f8f8; 
	} 	
	.key { text-decoration: underline; } /* ACCESKEY UNDERLINED LETTER */

/* LEFT INTRO SIDE */	

#intro_left {
	clear: left;
	float: left;
	width: 250px;
	background: #8D9CAF url(../images/New/leftintrobg.gif) repeat-x;
	color: #E5EAF2;
	margin: 0 0 1px 0;
}
	#intro_left a { color: #fff; background: inherit; }
	#intro_left p { padding: 14px 15px; margin: 0; }

	/* LEFT VERTICAL MENU */
	
	#menu_left { 
		float: left;  
		margin: 0 0 6px 0; 
		padding: 0 0 1px 0; 
		border-bottom: 2px solid #e2e2e2; 
	}
		#menu_left li { list-style: none; }
		#menu_left li a { 
			display: block; 
			color: #3F5B7F; 
			background: #C2CEDE url(../images/New/arrow.gif) no-repeat center left; 
			width: 204px; 
			padding: 7px 23px 7px 23px; 
			margin: 0 0 1px 0; 
			font-weight: bold; 
			text-decoration: none; 
		}	
		#menu_left li a:hover { background: #9EB1C9 url(../images/New/arrow.gif) no-repeat center left; color: #fff;  }

/* RIGHT INTRO SIDE */
	
#intro_right {
	float: right;
	width: 340px;
	color: #547592;
	height: 200px;
	border: 2px solid #e2e2e2;
	background-color: #BCCEDA;
	background-image: url(../images/New/HCCbuildingFront199.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	padding-top: 25px;
	padding-right: 280px;
	padding-bottom: 0;
	padding-left: 20px;
}

#intro_rightStaff {
	float: right;
	width: 340px;
	color: #547592;
	height: 200px;
	border: 2px solid #e2e2e2;
	background-color: #BCCEDA;
	background-image: url(../images/New/OFFICE127-199.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	padding-top: 25px;
	padding-right: 280px;
	padding-bottom: 0;
	padding-left: 20px;
}

#intro_rightSermons {
	float: right;
	width: 340px;
	color: #547592;
	height: 200px;
	border: 2px solid #e2e2e2;
	background-color: #BCCEDA;
	background-image: url(../images/Sermon199.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	padding-top: 25px;
	padding-right: 280px;
	padding-bottom: 0;
	padding-left: 20px;
}

#intro_rightMissions {
	float: right;
	width: 340px;
	color: #547592;
	height: 200px;
	border: 2px solid #e2e2e2;
	background-color: #BCCEDA;
	background-image: url(../images/missions/mexico.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	padding-top: 25px;
	padding-right: 280px;
	padding-bottom: 0;
	padding-left: 20px;
}

#intro_rightAbout {
	float: right;
	width: 340px;
	color: #547592;
	height: 200px;
	border: 2px solid #e2e2e2;
	background-color: #BCCEDA;
	background-image:url(../images/Home/Heartland-team200.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	padding-top: 25px;
	padding-right: 280px;
	padding-bottom: 0;
	padding-left: 20px;
}

#intro_rightFamily {
	float: right;
	width: 340px;
	color: #547592;
	height: 200px;
	border: 2px solid #e2e2e2;
	background-color: #BCCEDA;
	background-image:url(../images/gathering-area.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	padding-top: 25px;
	padding-right: 280px;
	padding-bottom: 0;
	padding-left: 20px;
}

#intro_rightBirthday {
	float: right;
	width: 340px;
	color: #547592;
	height: 200px;
	border: 2px solid #e2e2e2;
	background-color: #BCCEDA;
	background-image:url(../images/Women/floral-table200.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	padding-top: 25px;
	padding-right: 280px;
	padding-bottom: 0;
	padding-left: 20px;
}

#intro_rightMusic {
	float: right;
	width: 340px;
	color: #547592;
	height: 200px;
	border: 2px solid #e2e2e2;
	background-color: #BCCEDA;
	background-image:url(../images/Unused/Hefti-music.JPG);
	background-repeat: no-repeat;
	background-position: right center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	padding-top: 25px;
	padding-right: 280px;
	padding-bottom: 0;
	padding-left: 20px;
}


#intro_rightYouth {
	float: right;
	width: 340px;
	color: #547592;
	height: 200px;
	border: 2px solid #e2e2e2;
	background-color: #BCCEDA;
	background-image:url(../images/youth200.JPG);
	background-repeat: no-repeat;
	background-position: right center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	padding-top: 25px;
	padding-right: 280px;
	padding-bottom: 0;
	padding-left: 20px;
}


#intro_rightCalendar {
	float: right;
	width: 340px;
	color: #547592;
	height: 200px;
	border: 2px solid #e2e2e2;
	background-color: #BCCEDA;
	background-image:url(../images/Women/floral-table200.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	padding-top: 25px;
	padding-right: 280px;
	padding-bottom: 0;
	padding-left: 20px;
}

#intro_rightInvolved {
	float: right;
	width: 340px;
	color: #547592;
	height: 200px;
	border: 2px solid #e2e2e2;
	background-color: #BCCEDA;
	background-image:url(../images/involved200.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	padding-top: 25px;
	padding-right: 280px;
	padding-bottom: 0;
	padding-left: 20px;
}

#intro_rightMinistries {
	float: right;
	width: 340px;
	color: #547592;
	height: 200px;
	border: 2px solid #e2e2e2;
	background-color: #BCCEDA;
	background-image:url(../images/fall/foliage2.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	padding-top: 25px;
	padding-right: 280px;
	padding-bottom: 0;
	padding-left: 20px;
}


#intro_rightNews {
	float: right;
	width: 340px;
	color: #547592;
	height: 200px;
	border: 2px solid #e2e2e2;
	background-color: #BCCEDA;
	background-image:url(../images/fall/foliage3.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 6px;
	margin-left: 0;
	padding-top: 25px;
	padding-right: 280px;
	padding-bottom: 0;
	padding-left: 20px;
}


	#intro_right h1 { margin: 0 0 20px 0; }
	#intro_right .white { color: #FFF; background-color:transparent; }
	
/* LEFT SIDE */
	
#left {
	float: left;
	width: 250px;
}
	.box {
	border: 1px solid #ccc;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 15px;
	list-style-position: outside;
	list-style-image: url(../images/New/h3bg.gif);
	list-style-type: disc;
	}
	.note {
	border: 1px solid #CFCB66;
	color: #585616;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 20px;
	}
	
	.noteAnnounce {
	border: 1px solid #CFCB66;
	background-image:url(../images/yellowPin.jpg)
	color: #585616;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 40px;
	background-image: url(../images/yellowPin.jpg);
	background-repeat: no-repeat;
	}
	
		.noteFlower {
	border: 1px solid #CFCB66;
	background-image:url(../images/Home/noteFlower.jpg);
	color: #333333;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-repeat: no-repeat;
	}
	
		.notePoinsettia {
	border: 3px solid #33CC99;
	background-image:url(../images/poinsettia.gif);
	color: #333333;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-repeat: no-repeat;
	}
			
.noteFlower-Y {
	border: 1px solid #CFCB66;
	background-image:url(../images/Home/sunflower.jpg);
	background-color:#E1FFE1;
	color: #333333;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	}
	
			
.noteGreen {
	border: thick dotted #009999;
	background-color:#E1FFE1;
	color: #333333;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	}
	
	.noteLavendar {
	background-color:#EBD7FF;
	color: #333333;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	border: thick groove #FFFEB0;
	margin: 5;
	padding: 10px;
	}
	
	
/* RIGHT SIDE */

#right {
	float: right;
	width: 643px;
}
	.leftcol {
	float: left;
	width: 285px;
	border:#ccc 1px solid;
	text-align: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 12px;
	padding-left: 15px;
	}
	.rightcol { 
		float: right; 
		padding: 10px 15px;
		width: 285px; 
		border:#ccc 1px solid;
		margin: 0 0 10px 0;
		}
	.special {
	clear: both;
	border: 1px solid #ccc;
	background: #eee;
	color: #444;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 50px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	}

/* FOOTER */

#footer { clear: both; padding: 5px; border-top: 1px solid #ccc; }
#main #left #staff {
}
#main #left .box #list {
	text-indent: -20px;
}
#main #right .rightcol #list {
	text-indent: -20px;
}

#main #left #birthdayCal {
	width: 850px;
}
#main #left .leftcolCalendar {
	width: 900px;
}
.mail {
	background-repeat: no-repeat;
}
 .noteMissionSprings {
	padding: 10px;
	background-image: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 5px;
	border: medium double #CC0033;
}
 .noteYosemite {
	background-image: url(../images/halfdomeFade.jpg);
	border: thick double #B5C7D2;
	padding: 10px;
	margin: 5px;
}
 .noteFatherandSon {
	background-image: url(../images/father-and-son.jpg);
	background-repeat: no-repeat;
	margin: 5px;
	padding: 10px;
	border: medium double #A34D02;
}
 .note-wreath {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px;
	border: thick double #8D9CAF;
}