/* default styles
   -------------- */
   
body { 
	padding: 0; 
	margin: 0; 
	font: 0.7em Helvetica, "Lucida Grande", Arial; 
	line-height: 1.5em;
	background: url(../images/bluefade.gif) repeat-x; 
	color: #454545; 
}

p {	
	margin: 0;	
}

a {
	color: #185DA0;
	text-decoration: none;
	background: inherit;
	font-weight: bold;
}

a:hover {
	color: #cc0000;
	background: inherit;	
}

a.red {
	color: #cc0000;
	text-decoration: none;
	font-weight: bold;
}

a.red:hover {
	color: #454545;
	background: inherit;	
}

h1 {
	font: bold 4.0em  Helvetica, "Lucida Grande", Arial; 
	letter-spacing: -1px; 
	padding: 5px 0 0 5px;
	margin: 0;
}

h1 .alt {
	color: #009933;
}

h1 .red {
	color: #cc0000;
}

h1 a, h2 a, h3 a {
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h1 .red:hover {
	color: #009933;
	background: inherit;
}

h2 { 
	margin: 0 0 2px 0px;
	padding: 0;
	font: bold 1.2em Helvetica, "Lucida Grande", Arial; 
	color: #009933; 
	background: inherit;
}

h3 {
	font: bold 3.0em Helvetica, "Lucida Grande", Arial;
}


ul { 
	margin: 0; 
	padding : 0; 
	list-style : none; 
}

form { 
	margin: 0; 
}

input.search { 
	width: 200px; 
	border: none;
	padding: 4px; 
}

img {
	margin: 0 5px 0 0;
	border: 0;
}

img.floatleft {
	float: left;
	margin: 0 9px 3px 0;
	border: 0;
}

img.floatright {
	float: right;
	margin: 0 3px 3px 6px;
	border: 0;
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	margin-bottom: 3px;
}

div.clearer {
	clear: left;
	line-height: 0;
	height: 0;
}

/* layout
   ------ */

.content { 
	margin: 10px auto;
	width: 905px; 
	padding: 10px;
	background-color: #ffffff;
}

.header { 
	margin: 0 auto;
	width: 905px;
	color: #fff;
	background: url(../images/frjamesbanner.png) no-repeat;
}


.logo {
	width: 905px;
	float: left;
	padding: 0;
}
	
.logo p {
	font: bold 1.6em Helvetica, "Lucida Grande", Arial; 
	color: #cc0000;
	padding: 0 0 3px 180px;
}

.logo p2 {
	text-align: right;
	float: right;
	padding-right: 240px;
}

.logo h2 {
	padding-left: 100px;
}

.top_bar {
	background: #eee; 
	color: #454545;
	border-top: 1px solid #009933;
	border-bottom: 1px solid #009933;
	text-align: center;
}

.top_contacts {
	width: 605px;
	float: right;
	text-align: center;
	padding: 10px 0 5px 0;
}

.top_contacts img{
	margin: 0 2px 0 5px;
}

.search_field { 
	background: #eee; 
	color: #cc0000;
	border-top: 1px solid #009933;
	border-bottom: 1px solid #009933;
	text-align: center;
	clear:  both;
	margin: 3px 0 3px 0;
}

.search_field h2 {
	margin: 0;
}

/* far right side
   --------- */

.gutter {
	width: 140px;
	float: right;
	margin: 2px;
}

.gutter_header {	
	padding: 2px;
	background: #c00;
	color: #fff;	
}

.gutter p {
	padding: 2px;
}

.gutter_contacts {
	text-align: center;
}

/* left side
   --------- */

.left {
	float: left;
	width: 435px;
	margin: 0 3px 10px 0;
	padding-right: 2px;
}
	.left_articles {
		margin: 0px 0 5px 0;
		clear: both;
	}
			
	.left_split {
		padding: 10px;	
		margin: 0 0 10px 0;
		clear: both;
	}

		.left_side {
			float: left;
			width: 190px;
			padding: 0 10px 0 0;
			border-right: 1px solid #eee;
		}
		
		.right_side {
			float: right;
			width: 190px;
			padding: 0 0 0 10px;
		}
	
	.left_message {
		border: 1px solid #eee;
		padding: 10px;	
		margin: 10px 0 10px 0;
		background: #fff;
		color: #000000; 
		clear: both;
	}
	
	.left_message:hover {
		border: 1px solid #ccc;
	}
			
	.left_box {
		background: #f4f4f4;
		color: #000;
		border: 1px solid #ccc;
		padding: 10px;
		margin: 0px 0 10px 0;
		clear: both;
	}
	
/* right side
   ---------- */
		
.right {
	float: left;
	width: 310px;
	margin: 0 0 10px 2px;
}

	.right_liturgy {
		padding: 10px;
		margin: 0 0 10px 0;
		background: #eee;
		color: #246088;
		border-top: 1px solid #cc0000;
		border-bottom: 1px solid #cc0000;
	}
	
	.khaki_liturgy {
		padding: 10px;
		margin: 0 0 10px 0;
		background: #f0e68c;
		color: #246088;
		border-top: 1px solid #cc0000;
		border-bottom: 1px solid #cc0000;
	}

	
	.right_liturgy_center {
		padding: 10px;
		margin: 0 0 10px 0;
		background: #eee;
		color: #246088;
		border-top: 1px solid #cc0000;
		border-bottom: 1px solid #cc0000;
		text-align: center;
}

	.right_articles {
		border: 1px solid #eee;
		padding: 8px;	
		margin: 0 0 10px 0;
	}
	
	.right_articles:hover {
		border: 1px solid #ccc;
	}

/* footer
   ------ */

.footer { 
	clear: both; 
	text-align: center;
	line-height: 1.8em;
	color: #808080;
	background: #fff;
	padding: 10px 0 0 0;
	border-top: 1px solid #cc0000;
}

.footer a {
	color: #009933;
	background: #fff;
}

.footer a:hover {
	color: #cc0000;
}