/* CSS by Aseel Gilbert */

/* MAIN BODY */
body {
 behavior: url(csshover.htc);
 font-family: Arial, Helvetica, sans-serif;
 color: #555555;
 font-size: 12px;
 background-image: url(images/background/bg1.gif);
 background-repeat: repeat;
}

/* BORDERS */
#wrapper {
	width: 950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#border {
	border: 1px solid #315086;
	background-color: #fffffe;
	/*min-height: 776px;*/
 float: right;
	width: 915px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
* html #border {height:776px} /* IE Min-Height Hack */ 

/* HEADER */
#header {
	float: left;
	width: 910px;
	margin-top: 6px;
	margin-right: 5px;
	margin-bottom: 3px;
	margin-left: 5px;
}
.banner { 
	float: left;
	height: 164px;
	padding: 0px 0px 0px 0px;
	width: 910px;
	color: #FFFFFF;
	margin: 0 0 0px 0;
	background-image: url(images/TemplateAnimation.gif);
	background-repeat: no-repeat;
	background-position: 99% 100%;
	/*border: 1px solid #003366;*/
}

.banner h1
{
	font-family:"Trebuchet MS";
	font-size:25px;
	color:#999999;
	font-weight: normal;
}

.banner p
{
	font-family:"Arial";
	font-size:12px;
	color:#555;
	font-weight: normal;
	padding-left: 10px;
	margin-top: 0px;
}
.subline
{
	margin-top: 0px;
	margin-left: 10px;
	width: 610px;
	border-top: 1px solid #cccccc;
	margin-bottom: 0px;
}

.blue
{
color:#3573B1;
} 

/* LINKS AND HEADINGS STYLING */
a { color: #546F92; }
a:hover {
	color: #FFF;
} /*background: inherit; }*/
h1 { font: bold 20px "Arial"; margin: 0; color: #546F92; background-color:transparent; padding: 0 5px 5px; }
h2 { clear: both; font: bold 13px "Arial"; color: #546F92; padding: 0px 5px 5px 0px; margin: 0;}
h3 { clear: both; font: bold 13px "Arial"; color: #546F92; padding: 10px 5px 5px 0px; margin: 0;}
h4 { clear:both; font-size: 1.0em; padding: 0 14px; margin: 0; color: #333; background: url(images/h3bg.gif) no-repeat center left; }
h5 { font: bold 1.7em "Arial"; margin: 0; color: #fff; background-color:transparent; padding: 10px 10px; }
.blue { color: #546F92; background: inherit; }
.red { color: #990000; background: inherit; }
.image { float: right; border: 1px solid #2666AA; padding: 3px; margin: 0 15px 10px 0; }

img { float: left; border: 1px solid #2666AA; }
.template{ margin-top: 5px; }
p {
	text-indent: 0px;
	display: block;
	margin-left: 5px;
	margin-right: 20px;
	margin-top: 0px;
	line-height: 1.5em;
	margin-bottom: 10px;
}
.christmastext{ font: bold 15px "Arial"; color: #990000; background: url(images/christmasbg.gif) no-repeat center left; padding: 1px 25px;}
.subpage_title{font: bold 15px "Arial"; color: #333333; background: url(images/h3bg.gif) no-repeat 65% left; padding: 5px 7px 0px 14px; width:100px;}

/* CONTENT WRAPPER */
#main { 
	width: 900px; 
	margin: 0px 0px 0px 0px; 
}

.narrowcolumn
{
	float: left;
	margin: 0;
	width: 390px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 70px;
}

.widecolumn
{
	float: left;
	margin: 0;
	width: 800px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 70px;
}

.line
{
	margin-top: 15px;
	border-top: 1px solid #cccccc;
	margin-bottom: 3px;
}
.entry p
{
	padding-left: 20px;
	border-top: #FFF;
}

/* LEFT SIDE BOXES - TEMPLATE */
#sidebar{
	float: left;
	width: 320px;
	padding-left: 40px;
	padding-bottom: 5px;
	padding-right: 5px;
}
	.box {
		padding: 4px 15px;
		border: 1px solid #ccc;
		margin: 0 0 10px 0;
	}
	/* MASS TIMES  - TEMPLATE */
	.mass_times {
	clear: left;
	float: left;
	width: 320px;
	background: #7AB1EA;
	border: 1px solid #2666AA;
	color: #FFFFFF;
	margin: 5px 0 1px 0;
	}
	.mass_times a { color: #000000; background: inherit; }
	.mass_times p { padding: 15px 10px 15px 10px; margin: 0; }
	.note {
	padding: 10px 10px 0px 60px;
	border: 1px solid #C79407;
	margin: 5px 0 0px 0;
	background: #FFFFAD url(images/package3.gif) no-repeat;
	color: #585616;
	height: 50px;
	}
	.clear
	{
		margin: 0;
		padding: 0;
		clear: both;
	}
	.note a{ color:#585616; }
	.note a:hover{ color:#808080; }
	.note2 {
	border: 1px solid #669900;
	background: #B2D294 url(images/download.gif) no-repeat;
	color: #585616;
	height: 50px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 60px;
	}
	.note2 a{ color:#585616; }
	.note2 a:hover{ color:#808080; }
	.note3 {
		padding: 10px 10px 0px 60px;
		border: 1px solid #6B238E;
		margin: 5px 0 0px 0;
		background: #724249 url(images/readings.gif) no-repeat;
		color: #FFF;
		height: 50px;
	}
	.note3 a{ color:#FFFFFF; }
	.note3 a:hover{ color:#999999; }
/*--------------------------------------------------------------------*/




/* LEFT SIDEBAR FOR INDEX PAGE */

/* MAIN AREA */

/* LEFT COLUMN */
#main_area_left {
	float: left;
	width: 338px;
}
	.main_area_left_box1 {
		float: left;
		width: 320px;
		height: 250px;
		padding: 5px 5px;
		border:#bbb 1px solid;
		margin: 0 0 0px 0;
	}
	.main_area_left_box2 {
	float: left;
	height: 370px;
	width: 320px;
	padding: 5px;
	border:#bbb 1px solid;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	}
	
#main_area_right {
	float: left;
	width: 295px;
}
	.main_area_right_box1 {
		height: 170px;
		width: 292px; 
		padding: 5px 5px;
		border:#bbb 1px solid;
		margin: 0px 0 0px 0;
	}
	.main_area_right_box2 {
		height: 235px;
		width: 292px;
		padding: 5px 5px;
		border:#bbb 1px solid;
		margin: 5px 0 0px 0px;
	}
	.main_area_right_box2 img{
		float: right; border: 1px solid #2666AA;
	}
	.main_area_right_box3 {
	height: 198px;
	width: 292px;
	padding: 5px;
	border:#bbb 1px solid;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	}
	.christmas_box {
		height: 202px;
		width: 292px; 
		padding: 5px 5px;
		border:#990000 1px solid;
		margin: 5px 0 0px 0;
	}

/* FOR THE CONTACT US BOXES */	
.inputgs2 {
	width:auto;
	border-color:black;
	background-color:#FFFFFF;
	color:black;
	font-size:100%;
	border-width:1px;
	border-style:dashed;
	padding:5px;
	spacing:2px;
	margin:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-top-width:0px;
	border-bottom-width:0px;
	font-family: Tahoma;
}

/* FOOTER */
#footer { clear: both; padding: 5px; color: #FFFFFF; }