/*

	Holy Name Province - main stylesheet
	Created by Industrial Media
	www.industrialmedia.ca

*/

/* =general
---------------------------------------------------------------------------------------------------- */
body {
	background: #ffffff url('../images/wrapper/body-bg.jpg') repeat-x;
	margin: 0 auto 0 auto;
	font-family: 'trebuchet ms', helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

table tr td {
	font-family: 'trebuchet ms', helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

#wrapper {
	position: relative;
	margin: 0 auto 0 auto;
	width: 980px;
}

.clearit:after { 
    content: ""; 
    display: block; 
    clear: both; 
    height: 0; 
    visibility: hidden; 
}
.clearit { 
    min-height: 0; 
    height: 0; 
}
html>body .clearit { 
    height: auto; 
}
.clear {
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	font-size: 1px;
}

.print {
	display: none;
	visibility: hidden;
}

hr {
	background: #E8E6D7;
	color: #E8E6D7;
	border: 0;
	height: 1px;
	margin: 0;
	padding: 0;
}

/* =layout (homepage)
---------------------------------------------------------------------------------------------------- */
#home-content {
	background: #ffffff url('../images/wrapper/home-content-bg.jpg') center top no-repeat;
}

#home-content #content-col {
	float: left;
	width: 700px;
}

#home-content #content-col #text-content {
	padding: 18px 20px 20px 20px;
}

#home-content #sub-content {
	float: right;
	width: 277px;
}

#home-content #sub-content #sub-content-items {
	padding: 18px;
}

#home-content #sub-content #sub-content-items p {
	margin: 0 0 7px 0;
}

#home-content #sub-content #sub-content-items h1 {
	color: #901C3B;
	font-size: 18px;
	margin: 0 0 8px 0;
}

#home-content #sub-content #sub-content-items h2 {
	margin: 10px 0 0 0;
	color: #901C3B;
	font-size: 14px;
}

#home-content #sub-content #sub-content-items hr {
	background: #E8E6D7;
	color: #E8E6D7;
	border: 0;
	height: 1px;
	margin: 0;
	padding: 0;
}

#home-full-content {
	clear: both;
	padding: 0 10px 20px 10px;
}	

/* =layout (homepage boxes)
---------------------------------------------------------------------------------------------------- */	
#content-boxes {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#content-boxes li {
	float: left;
	padding: 0 15px 0 0;
	margin: 0;
}

ul#content-boxes li.last {
	float: left;
	padding-right: 0;
	margin: 0;
}

ul#content-boxes li.events-box {
	background: #ffffff;
	padding: 0 15px 0 0;
	margin: 0;
	width: 242px;
}

ul#content-boxes li div.events {
	background: #dbd6b9;
	padding: 0;
	margin: 0;
}

ul#content-boxes li div.events p {
	font-size: 12px;
	color: #665d48;
	line-height: 15px;
	margin: 7px 0 0 0;
}

ul#content-boxes li div.events p span {
	color: #000000;
	margin: 0;
}

ul#content-boxes li div.events h2 {
	color: #901C3B;
	font-size: 16px;
	margin: 0 0 8px 0;
}

ul#content-boxes li div.events div {
	background: #dbd6b9;
	padding: 0 0 0 16px;
	margin: 0;
	min-height: 153px;
}

ul#content-boxes li div.spiritual-resources {
	background: #6B6350;
	color: #ffffff;
	padding: 0;
	margin: 0;
}

ul#content-boxes li div.spiritual-resources p, ul#content-boxes li div.spiritual-resources a {
	font-size: 12px;
	color: #ffffff;
	margin: 7px 0 0 0;
	line-height: 15px;
	text-decoration: none;
} 

ul#content-boxes li div.spiritual-resources a:hover {
	color: #ffffff;
	text-decoration: underline;
}

ul#content-boxes li div.spiritual-resources h2 {
	color: #ffffff;
	font-size: 16px;
	margin: 0 0 8px 0;
}

ul#content-boxes li div.spiritual-resources div {
	background: #6B6350;
	padding: 0 0 0 18px;
	margin: 0;
	min-height: 70px;
}

ul#content-boxes li div.photo-gallery {
	background: #9d947f;
	color: #ffffff;
	padding: 0;
	margin: 0;
}

ul#content-boxes li div.photo-gallery p, ul#content-boxes li div.photo-gallery a {
	font-size: 12px;
	color: #ffffff;
	margin: 7px 0 0 0;
	line-height: 15px;
	text-decoration: none;
} 

ul#content-boxes li div.photo-gallery a:hover {
	color: #ffffff;
	text-decoration: underline;
}

ul#content-boxes li div.photo-gallery h2 {
	color: #ffffff;
	font-size: 16px;
	margin: 0 0 8px 0;
}

ul#content-boxes li div.photo-gallery div {
	background: #9d947f;
	padding: 0 0 0 10px;
	margin: 0;
	min-height: 80px;
}

/* =global layout
---------------------------------------------------------------------------------------------------- */
#content {
	background: #ffffff url('../images/wrapper/content-bg.jpg') center top no-repeat;
}

#content #text-content {
	padding: 10px 30px 20px 30px;
}

#content #main-content {
	float: right;
	width: 737px;
	min-height: 540px;	
}

img.right-align {
	margin: 5px 0 10px 16px;
}

.mh {
	min-height: 200px;
}

/* =branding/toolbar 
---------------------------------------------------------------------------------------------------- */
#branding {
	background: url('../images/wrapper/branding.jpg') right top no-repeat;
	height: 153px;
	position: relative;
}

#branding #toolbar {
	float: right;
	color: #665d48;
	font-weight: bold;
	font-size: 12px;
	margin: 16px 0 0 0;
}

#branding #toolbar td {
	color: #665d48;
	font-size: 12px;
}

#branding #toolbar a {
	color: #A21933;
	font-weight: bold;
	text-decoration: none;
}

#branding #toolbar a:hover {
	color: #A21933;
	font-weight: bold;
	text-decoration: underline;
}

#branding #logo {
	padding-top: 14px;
}

#branding800 {
	background: url('../images/wrapper/branding800.jpg') right top no-repeat;
	height: 153px;
	position: relative;
}

#branding800 #toolbar {
	float: right;
	color: #665d48;
	font-weight: bold;
	font-size: 12px;
	margin: 16px 0 0 0;
}

#branding800 #toolbar td {
	color: #665d48;
	font-size: 12px;
}

#branding800 #toolbar a {
	color: #665d48;
	font-weight: bold;
	text-decoration: none;
}

#branding800 #toolbar a:hover {
	color: #665d48;
	font-weight: bold;
	text-decoration: underline;
}

#branding800 #logo {
	padding-top: 14px;
}


/* =left nav
---------------------------------------------------------------------------------------------------- */
#left-nav {
	float: left;
	width: 240px;
}

#left-nav #left-nav-items {
	padding: 45px 21px 21px 21px;
}

#left-nav #left-nav-items a {
	display: block;
	color: #901C3B;
	text-decoration: none;
	border-top: 1px solid #e4ddc5;
	padding: 8px 0 9px 0;
	line-height: 15px;
}

#left-nav #left-nav-items a:hover {
	display: block;
	color: #444037;
	text-decoration: none;
	border-top: 1px solid #e4ddc5;
	padding: 8px 0 9px 0;
	line-height: 15px;
}

#left-nav #left-nav-items a.on {
	background: url('../images/left-nav-bullet.gif') 0 11px no-repeat;
	display: block;
	color: #901C3B;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 8px 0 9px 14px;
	line-height: 15px;
}

#left-nav #left-nav-items a.first {
	display: block;
	color: #901C3B;
	text-decoration: none;
	border-top: 0;
	padding: 8px 0 9px 0;
	line-height: 15px;
}

#left-nav #left-nav-items a:hover.first {
	display: block;
	color: #444037;
	text-decoration: none;
	border-top: 0;
	padding: 8px 0 9px 0;
	line-height: 15px;
}

#left-nav #left-nav-items a.first-on {
	background: url('../images/left-nav-bullet.gif') 0 11px no-repeat;
	display: block;
	color: #901C3B;
	font-weight: bold;
	text-decoration: none;
	padding: 0 0 0 14px;
	padding: 8px 0 9px 14px;
	line-height: 15px;
	border-top: 0;
}

#left-nav #left-nav-items #sub-nav {
	padding: 0 0 10px 14px;
}

#left-nav #left-nav-items #sub-nav a {
	color: #444037;
	text-decoration: none;
	border-top: 0;
	padding-top: 0;
	padding-bottom: 4px;
	line-height: 16px;
}

#left-nav #left-nav-items #sub-nav a:hover {
	color: #901C3B;
	text-decoration: underline;
	border-top: 0;
	padding-top: 0;
	padding-bottom: 4px;
	line-height: 16px;
}

#left-nav #left-nav-items #sub-nav a.on {
	background: url('../images/left-nav-bullet.gif') 0 4px no-repeat;
	color: #901C3B;
	text-decoration: underline;
	border-top: 0;
	font-weight: normal;
	line-height: 16px;
	padding-top: 0;
	padding-bottom: 4px;
}

/* =breadcrumb
---------------------------------------------------------------------------------------------------- */
#breadcrumb {
	color: #000000;
	font-size: 11px;
	margin: 52px 0 0 0;
	padding: 0 0 0 30px;
}

/* =font resize
---------------------------------------------------------------------------------------------------- */
#font-resize {
	float: right;
	color: #301800;
	font-size: 11px;
	margin: 52px 29px 0 0;
}

#font-resize img {
	margin-right: 2px; 
}

/* =links
---------------------------------------------------------------------------------------------------- */
a {
	outline: none;
}

a {
	outline: none;
	color: #901C3B;
}

a:hover {
	outline: none;
	color: #444037;
}

a.more-link {
	background: url('../images/more-bullet.gif') 100% 66% no-repeat;
	color: #901C3B;
	text-decoration: none;
	padding: 0 10px 0 0;
}

a:hover.more-link {
	background: url('../images/more-bullet.gif') 100% 66% no-repeat;
	color: #901C3B;
	text-decoration: underline;
	padding: 0 10px 0 0;
}

/* =typography
---------------------------------------------------------------------------------------------------- */
p {
	margin: 10px 0 10px 0;
}

h1 {
	color: #9d947f;
	font-size: 20px;
	margin: 0 0 6px 0;
}

h2 {
	color: #901C3B;
	font-size: 18px;
	margin: 0 0 8px 0;
}

h3 {
	color: #666666;
	font-size: 15px;
	margin: 0 0 10px 0;
}

.smaller {
	font-size: 11px
}

.asterisk {
	font-weight: bold; 
	font-size: 12px; 
	color: #a31c37;
}

.white {
	color: #FFFFFF;
}

.black {
	color: #000000;
}

/* =footer
---------------------------------------------------------------------------------------------------- */
#footer {
	background: url('../images/wrapper/footer-top.jpg') 0 0 no-repeat;
	color: #ffffff;
	width: 957px;
	font-size: 11px;
	font-weight: bold;
	margin: 33px 0 20px 10px;
	padding: 7px 0 0 0;
	position: relative;
}
#footer-inner {
	background: #9d947f url('../images/wrapper/footer-btm.jpg') 0 100% no-repeat;
	height: 75px;
	padding-bottom: 7px;
}
#footer .left-links {
	float: left;
	margin: 0;
	padding: 9px 0 12px 13px;
}

#footer .right-links {
	float: left;
	margin: 0;
	padding: 28px 0 0 120px;
}

#footer a {
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
}

#footer a:hover {
	color: #ffffff;
	font-size: 11px;
	text-decoration: underline;
}

#footer-photo {
	position: absolute;
	right: 0;
	top: -33px;
}



/* =video
---------------------------------------------------------------------------------------------------- */
.video-image {
	float: left;
	margin: 0;
	padding: 10px 40px 0 0;
}

.video-caption {
	margin: 4px auto; text-align: left; 
	background: inherit;
}

/* =who we are - main page
---------------------------------------------------------------------------------------------------- */
.who-video-image {
	float: left;
	margin: 0;
	padding: 10px 0 0 0;
}

.vital-stats {
	float: right;
	margin: 0;
	padding: 10px 0 32px 10px;
}

.vital-stats-footer {
	background: url('../images/who/ftr-vital-stats.gif') left top no-repeat;
	margin: 0;
	padding: 0;
	width: 413px;
	height: 20px;
}

.mission-statement {
	font-family: 'trebuchet ms', helvetica, sans-serif;
	font-size: 13px;
	color: #7C7667;
	font-weight: bold;
	padding-right: 4px;
}

/* =photo gallery
---------------------------------------------------------------------------------------------------- */
.left-photo {
	float: left;
	margin: 0;
	padding: 20px 0 0 13px;
}

.right-photo {
	float: right;
	margin: 0;
	padding: 20px 29px 0 0;
}


.left-photo a {
	color: #635f56;
	font-size: 20px;
	margin: 0 0 6px 0;
	text-transform: uppercase;
	text-decoration: none;
}

.right-photo a {
	color: #635f56;
	font-size: 20px;
	margin: 0 0 6px 0;
	text-decoration: none;
	text-transform: uppercase;
}

/* =blogs
---------------------------------------------------------------------------------------------------- */
.blog-entry {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
}

.blog-entry img {
	margin: 0 10px 10px 0;
}


/* =forms
---------------------------------------------------------------------------------------------------- */
form {
	margin: 0;
	padding: 0;
}

form .search-field {
	background: #ffffff;
	border: 0;
	margin: 0;
	padding: 2px 0 0 2px;
	width: 141px;
	height: 21px
}

fieldset {
	padding: 10px 10px 10px 10px;
	border: 1px solid #333333;
	margin: 0;
}

.btn {
	background: #901C3B;
	border: 1px solid #ffffff; 
	color: #ffffff;
	padding: 3px; 
}

.btn2 {
	background: #901C3B;
	border: 1px solid #ffffff; 
	color: #ffffff;
	font-weight: bold;
	padding: 1px;
}

.form-heading {
	color: #901C3B;
	font-size: 14px;
	padding: 6px;
	font-weight: bold;
}

/* =css menus (do not edit)
---------------------------------------------------------------------------------------------------- */
.qmmc .qmdivider {display:block;font-size:1px;border-width:0px;border-style:solid;}
.qmmc .qmdividery {float:left;width:0px;}
.qmmc .qmtitle {display:block;cursor:default;white-space:nowrap;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}
.qmmc {position:relative;width:100%;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div {visibility:hidden;position:absolute;}

/* =css menus (go ahead and edit)
---------------------------------------------------------------------------------------------------- */   
/* (main) container */	
#qm0 {	
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

/* (main) items */	
#qm0 a {	
	outline: none;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

/* (main) hover state */	
#qm0 a:hover {
	outline: none;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

/*"""""""" (main) parent items""""""""*/	
#qm0 .qmparent {	
	background: 100% 0 no-repeat;
}

/* (main) active state */	
body #qm0 .qmactive, body #qm0 .qmactive:hover {	
	outline: none;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

/* (sub) container */	
#qm0 div {	
	background: #e3d9b5;
	margin: 0;
	padding: 0;
	min-width: 181px;
}

/* (sub) items */	
#qm0 div a {	
	padding: 5px 8px 5px 13px;
	background: #e3d9b5;
	color: #772424;
	font-size: 11px;
	border-bottom: 1px solid #f3eed7;
	border-top: 1px solid #e6debd;
	text-decoration: none;
}

/* (sub) hover state */	
#qm0 div a:hover {	
	background: #d8cdaa;
	padding: 5px 8px 5px 13px;
	color: #772424;
	font-size: 11px;
	border-bottom: 1px solid #f3eed7;
	border-top: 1px solid #e6debd;
	text-decoration: none;
}

/* (sub) active state */	
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {
	background: #d8cdaa;
	padding: 5px 8px 5px 13px;
	color: #772424;
	font-size: 11px;
	border-bottom: 1px solid #f3eed7;
	border-top: 1px solid #e6debd;
	text-decoration: none; 
}

/*"""""""" office calendar""""""""*/	
#monthname {
	padding-right: 0px; padding-left: 0px; font-weight: bold; font-size: 1.25em; padding-bottom: 0px; margin: 0px 10px; color: #336699; padding-top: 0px;
}
.text {
	font-size: x-small; font-family: arial, verdana, helvetica, sans-serif;
}
.bgdaylisting {
	font-weight: bold; font-size: x-small; color: #ffffff; font-family: arial, verdana, helvetica, sans-serif; background-color: #c6b7a2;
}
.bgmonthlisting {
	font-weight: bold; font-size: x-small; color: #336699; font-family: arial, verdana, helvetica, sans-serif; background-color: #901C3B;
}
a.eventlink {
	z-index: 24; color: #000000; position: relative; text-decoration: underline;
}
a.eventlink:hover {
	z-index: 25; cursor: pointer; text-decoration: underline;
}
a.eventlink span {
	display: none;
}
a.eventlink:hover span {
	border-right: #336666 1px solid; padding-right: 4px; border-top: #336666 1px solid; display: block; padding-left: 4px; font-weight: normal; font-size: 11px; left: 75px; padding-bottom: 2px; border-left: #336666 1px solid; width: 20em; color: #00345f; padding-top: 2px; border-bottom: #336666 1px solid; position: absolute; top: 0px; background-color: #faf7ee; text-decoration: none;
}

#contentstart td.cat {
	border-right: #567690 1px solid; padding-right: 2px; border-top: #567690 1px solid; padding-left: 2px; padding-bottom: 2px; margin: 1px; font: 7pt arial; border-left: #567690 1px solid; cursor: pointer; color: black; padding-top: 2px; border-bottom: #567690 1px solid; background-color: #faf7ee;
}