@charset "UTF-8";

/*

		==========================================================================

		SITE:		http://www.saints-francis-and-mary.org.uk/
		AUTHOR:		Paul Kiernan
		
		==========================================================================
		
		CSS defining basic layout classes for site.
		
	
*/


body, html,div,p,form,blockquote,input,textarea,h1,h2,h3,h4,h5,h6,ul,li,img,a,a img,hr,object {
	margin:0px;
	padding:0px;
	list-style:none;
	list-style-type:none;
	font-weight:normal;
	border:0px;
	text-decoration:none;
	font-size:10pt;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
}

div,p,form,input,textarea,h1,h2,h3,h4,h5,h6,ul,li,img,a,a img,hr {	
	position:relative;
}


body {
	background:#e7e7e7;
	color:#555555;
}

a {
	text-decoration:none;
	color:#1f298a;
}

a:hover {
	text-decoration:none;
	color:#666666
}

a img {
	border:none;
}

h1,h2,h3,h4,h5,h6 {
	color:#1f298a;	
}

#about h3 {
	font-size:12pt;
	margin-bottom:10px;
}

p {
	padding-bottom:10px;
	text-align:justify;
	line-height:1.5em;
}

hr {
	border:0px;
	color: #999;
	background-color: #999;
	height: 1px;	
	margin-bottom:30px;
}

/* ==========================================================================*/


#wrapper {
	width:750px;
	margin:0px auto;
	padding:25px;
	padding-bottom:75px;
	background:#ffffff;
	border:1px solid #dadada;
	margin-bottom:50px;
}

#content {
	float:right;
	width:595px;
}


/* ==========================================================================*/


#header {
	height:135px;
	width:100%;
	background:#ffffff;
	border-bottom:10px solid #1f298a;
}

#head {
	width:800px;
	height:135px;
	padding:0px;
	margin:0px auto;
}

#head .logo {
	position:absolute;
	margin-top:7px;
}

#head h1 {
	position:absolute;
	left:120px;
	bottom:25px;
}

#head h1 span {
	font-size:.8em;
}

h1, h2 {	
	font-size:16pt;	
}

h2 {	
	margin-bottom:20px;
}

.saints {
	width:188px;
	height:90px;
	position:absolute;
	right:0px;
	bottom:0px;
}

.saints .maryImg, .saints .francisImg {
	display:block;
	width:94px;
	height:90px;
	float:left;
}

.saints .maryImg {
	background:url(../Images/Generic/saints.jpg) no-repeat;
}

.saints .francisImg {
	background:url(../Images/Generic/saints.jpg) no-repeat -94px;
}

.accessibility {
	position:absolute;
	right:0px;
	top:-1px;
	height:20px;
}


/* ==========================================================================*/


#side {
	width:135px;
	height:500px;
	float:left;
	margin-right:20px;
}

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

#side ul, ul.inner {
	width:135px;
	position:absolute;	
}

#side ul li a, ul.inner a, #newsSelecter a {
	padding:7px;
	display:block;
	background:#ffffff;
	border-bottom:1px solid #dedede;
}

#side ul li a:hover, ul.inner a:hover, #newsSelecter a:hover {
	background: #ebebeb;
	color:#1f298a
}

#side ul li a.selected,  #newsSelecter a.selected {
	color:#ffffff;
	background: #1f298a;
}

#newsSelecter a.selected {
	background: #bcbcbc;
	color: #1f298a;
}

#newsEventsHolder {
	width:100%;
	height:160px;	
	margin-top:25px;
}

#newsEventsHolder h3 {
	margin-bottom:10px;
}

#newsEventsHolder div {
	width:160px;
	height:170px;
	float:left;
	
}

#newsEventsHolder div {
	padding-right:22px;
	border-right:1px solid #c4c4c4;
	margin-right:22px;
	padding-bottom:10px;
	
}

ul li {
	position:relative;
}

ul li:hover ul {
	display:block;
}

	ul.inner {
		position:absolute;
		left:100%;
		width:100%;
		top:0%;
		z-index:1;
		border-top:1px solid #dedede;
		border-right:1px solid #dedede;
		border-left:1px solid #dedede;
		margin-top:-10px;
		margin-left:-10px;
		display:none;
	}


/* ==========================================================================*/

#footer {
	width:780px;
	height:15px;
	background:#1f298a;
	position:absolute;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	color:#FFF;
	bottom:0px;
	left:0px;
}

#footer .login {
	position:absolute;
	bottom:-20px;
	right:0px;
	font-size:8pt;
}


.clear {
	clear:both;
}



.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}


p img.floatLeft {
	margin-right:15px;	
	margin-bottom:5px;
}


p img.floatRight {
	margin-left:20px;
	margin-bottom:10px;	
}

.red {
	color: #900000;
}

#content h1 {
	margin-top:-4px;
	font-size:1.6em;
}

.exterior {
	height:290px;
	margin-top:20px;
	width:590px;
}

.exterior img {
	border:4px solid #1f298a;
}

.exterior .floatLeft,.exterior .floatRight {
	width:285px;
}

.caption {
	margin-top:10px;
	font-size:8pt;
}

a.homeeventlink {
	position:absolute;
	right:20px;
	bottom:0px;
}


#head p {
	float:right;
	color:#1f298a;
}



/* ==========================================================================*/


.contactForm, .adminForm  {
	padding-bottom:30px;	
}

.contactForm label, .adminForm label {
	color:#1f298a;
	font-size:10pt;
	display:block;
	margin-bottom:5px;
}

.contactForm input, .contactForm textarea, .adminForm input, .adminForm textarea{
	background: #e7e7e7;
	color: #555555;
	border:0px;
	padding:5px;
	width:350px;
	margin-bottom:10px;
}


.contactForm textarea, .adminForm textarea {
	height:100px;	
}

.contactForm select, .select {
	margin-bottom:10px;
	height:25px;
	font-size:10pt;
	
}


.adminForm textarea {
	height:250px;	
}

.adminForm input, .adminForm textarea {
	border:2px solid #900000;
	width:550px;
}

.adminForm hr {
	border:0px;
	color: #900;
	background-color: #900;
	height: 2px;
	margin-top:20px;	
	margin-bottom:20px;	

}

input.btn {
	width:auto;
	border:0px;
	padding:4px;
	padding-left:8px;
	padding-right:8px;
	color:#ffffff;
	background:#1f298a;
	display: block;
}

.btn:hover {
	background: #666666;
	color:#ffffff;
}

.hidden {
	display:none;	
}

.full {
	width:550px;
}

ul.upperMenu {
	position:absolute;
	top:-25px;
	right:-25px;
	display:block;
}

ul.upperMenu li {
	float:right;
	margin-left:1px;
}

ul.upperMenu a {
	display:block;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	margin:0px;
	color:#FFF;
	background:#1f298a;
}

ul.upperMenu a:hover {
	background:#666666;
}

select {
	margin-right:10px;
	width:150px;
}

.dynamicContent {
	display:block;
	width:400px;
}

.dynamicContent p {
	padding:0px;
	margin:0px;
}

.dynamicContent h3 {
	margin-bottom:-20px;
}

#newsSelecter {
	width:150px;
	padding:10px;
	float:right;
	margin-top:-7px;
	position:relative;
}


.adminBBcode {
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #e7e7e7;
}

.adminBBcode strong {
	display:inline-block;
	width:130px;;
}

#liturgy {
	width:750px;
	margin:0px auto;
	height:15px;
	padding-top:3px;
	padding-bottom:6px;
	padding-left:25px;
	padding-right:25px;
	display:block;
	font-size:9pt;
}

#liturgy span {
	display:inline-block;
	float:right;
}



/* ==========================================================================*/


#linksHolder {
	margin-top:20px;
}

#linksHolder h3 {
	font-size:12pt;
}

#linksHolder p {
	margin-bottom:20px;
}


#footer div {
	font-size:8pt;
}