/*

	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/imagescross.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin-top: 0;
	margin-right: 0px;
	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;
}

                                                                     
                                                                     
                                                                     
                                             
/* CSS Document "hilight row*/
/*   insert  id="table"  class="datatable"  in <table> for highlight to work*/

#content  #table {
	line-height: normal;
	width: 100%;
}

#content  #table2 {
	line-height: normal;
	width: 100%;
	margin: auto;
}

#content  #table3 {
	line-height: normal;
	width: 100%;
	margin: auto;
}

#content #table4 {
	line-height: normal;
	width: 100%;
	margin: auto;
}

#content #table5 {
	line-height: normal;
	width: 100%;
	margin: auto;
}

/*  Width is not defined in table6*/
#content #table6 {
	line-height: normal;
	margin: auto;
	border: thin solid #6699FF;
}
/************************************************************/


.datatable {
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 100%;
}
.datatable td {
	border: 1px solid #D6DDE6;	
	padding: 1px;
}
.datatable th {
	border: 1px solid #828282;
	background-color: #BCBCBC;
	text-align: left;
	padding-left: 4px;
}
.datatable caption {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #33517A;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
}
.datatable tr:hover, .datatable tr.hilite {
	background-color: #C8D7DF;
	color: #000000;
}