/* page structure and basic formatting */

body {font-family: Verdana, Arial, sans-serif; color: #000000;}

.blunsenior {background: #333333 url(images/bg_body_hs_b2_reverse.png) repeat-y center top; /* #f8f8f8 url(images/bg_shadow5.jpg) repeat-y center top */ margin: 0; padding: 0; font: 10pt Verdana, Arial, sans-serif;}

#container {margin: 0 auto; /*background: #eeeeee url(images/bg_container_hs_a1.jpg) repeat-y;*/ width: 990px; padding: 0;}

#header {margin: 10px; padding: 10px; background: url(images/head-south_banner.jpg) no-repeat center; width: 950px; background-color: #ffffff; height: 156px;}

#nav {margin: 10px; padding: 0; background: #ffffff; width: 970px; height: 30px;}

#content {margin: 10px; padding: 10px; width: 950px; background-color: #ffffff; /* border-bottom: 1px dotted #eeeeee; margin-left: 1in; margin-right: 1in; */ }

#footer {margin: 10px; padding: 10px; margin-top: 10px; width: 950px; background-color: #ffffff; text-align: center; font: 8pt Verdana, Arial, sans-serif; /* border-top: 1px dotted #eeeeee; margin-left: 1in; margin-right: 1in; */ }

.column-container {width: 920px; margin: 0 auto;}

/* 2 columns */
.col-left {float: left; width: 449px; padding-right: 10px; margin: 0; border-right: 1px solid #be1d1d; 
/* use for determining borders when creating column set: background-color: background-color: #fff0f0; */}
.col-right {float: right; width: 450px; padding-left: 10px; margin: 0;
/* use for determining borders when creating column set: background-color: #f0f0ff; */}

/* 4 columns */
.col {float: left; width: 22%; padding: 2px 5px 2px 5px; background-color: #fcfcfc; margin-right: 7px;}
.col-last {float: left; width: 22%; padding: 2px 5px 2px 5px; background-color: #fcfcfc;}

/* this set of columns is designed to display as 4 columns in a row, to squeeze in those nasty thin tables of data on the sports pages */
#col1 {float: left; padding: 10px; background: #eeeeee; margin-right: 10px;}
#col2 {float: left; padding: 10px; background: #eeeeee; margin-right: 10px;}
#col3 {float: left; padding: 10px; background: #eeeeee; margin-right: 10px;}
#col4 {float: left; padding: 10px; background: #eeeeee;}

/* the following style resets the page, levelling off the bottoms of the column DIVs to avoid wrapping issues. It is set in the DIV containing the column DIVs. */
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* this is an alternative page-reset style, applied in a separate DIV after the column-containing DIV */
.end-cols {clear: both;}



/* low level styles and formatting 


 1.   T e x t ,   P a r a g r a p h s   */

p {color: #000000;}

#content h4 + p {margin-top: -10px;}
#content h5 + p {margin-top: -15px;}

#footer p {font-size: 9pt;}

.sml {color: #000000; font: 8pt Verdana, Arial, Helvetica, sans-serif;}

.caption {color: #000000; font: 9pt Verdana, Arial, Helvetica, sans-serif; text-align: center;}

.highlight {color: #BE1D1D;	font-weight: bold;}
.highlight-blue {color: #006699;}
.house {color: #be1d1d; font-size: 8pt; font-style: italic;}
.small {font-size: 8pt;}
.not-bold {font-weight: normal;}
.spacer {padding: 0; margin: 0;}

.blockquote {text-align: left; width: 750px; margin-left: auto; margin-right: auto;}
.blockquote-c {text-align: center; width: 750px; margin-left: auto;	margin-right: auto;}
.blockquote-r {text-align: right; width: 750px;	margin-left: auto; margin-right: auto;}
.blockquote-wide {text-align: left;	width: 850px; margin-left: auto; margin-right: auto;}
.blockquote-narrow {text-align: left; width: 650px;	margin-left: auto; margin-right: auto;}

.announce {
	text-align: center;
	font-size: 10pt;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	background: #f8f7f7;
	border: 1px dotted #be1d1d;
}

.p-staff {text-align: justify; width: 750px; margin-left: auto;	margin-right: auto;}

.c {text-align: center;}
.l {text-align: left;}
.r {text-align: right;}
.justify {text-align: justify;}

acronym {border-bottom: 1px dotted #bbbbbb;}

/*  Text-boxes; asides  */
.textbox-l {width: 315px; background-color: #f7f7f7; padding: 5px 10px; border: 1px solid #ffeaea; margin: -8px 5px 2px 0; float: left;}
.textbox-r {width: 315px; background-color: #f7f7f7; padding: 5px 10px; border: 1px solid #ffeaea; margin: -8px 0 2px 5px; float: right;}
.textbox-l p, .textbox-r p {font-size: 14pt; color: #be1d1d;}

/*

 2.    I m a g e s   */

img {border: none;}

img.img-header {padding-top: 10px;}

img.img-l {float: left;	padding: 5px;}
img.img-r {float: right; padding: 5px;}

img.img-border-bk {border: 1px solid #000000;}

/* The following styles were added for the Canadian Rugby Tour (2008) CSS roll-over image link - adapt it for other roll-overs */
#special {margin-left: auto; margin-right: auto; height: 200px; width: 600px;}
#special .hide {display: none;}
#special p a:link, #special p a:visited {background: url(../images/home-pg_rugby-tour.jpg) no-repeat center top; display: block; height: 200px; width: 600px;}
#special p a:hover, #special p a:active {background-position: 0 -200px;}
/* End of Rugby Tour link styles */

.p-staff img {float: left; margin-top: 3px; margin-right: 5px; margin-bottom: 1px; border: 1px solid #000000;}

/*

 3.   H e a d i n g s   */

h1, h2, h3 {text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif;}
h1, h3, h4 {font-weight: bold;}
h2, h3, h4 {color: #000000;}

h1 {
	color: #BE1D1D;
	font-size: 16pt;
	padding-top: 0.5em;
	margin-top: 0;
}
h2 {
	font-size: 14pt;
	font-weight: normal;
}
h3 {
	font-size: 12pt;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	text-align: left;
} 

#blog h4 {height: 20px; padding-top: 15px; background: url(images/bg_bikes_20_faded.jpg) no-repeat right bottom; border-top: 1px dotted #be1d1d;}

h1.home {font-size: 2.2em; font-weight: normal;}

/*

 4.   L i n k s   &   N a v i g a t i o n   */

a:link {text-decoration: none; color: #0000CC;}
a:visited {text-decoration: none; color: #770077;}
a:active {text-decoration: underline; color: #0000FF;}
a:hover {text-decoration: underline; color: #0000FF;}

/* The following few lines describe the nav bar links */
#nav ul {list-style-type: none; margin: 0; padding: 0;}
#nav ul li {display: inline; float: left; /* font: 10pt Verdana, Arial, sans-serif; margin-right: 5px; */}
#nav ul li a {display: block; width: 160px; height: 18px; padding: 6px 0 6px 0; text-align: center; color: #ffffff; background: #be1d1d; border-left: 2px solid #da8383;}
#nav ul li.nav-home a {border-left: 0;}
#nav ul li a:hover {background: #ca4040; text-decoration: none;}
.pg-home #nav ul li.nav-home a, .pg-route #nav ul li.nav-route a, .pg-news #nav ul li.nav-news a, .pg-donate #nav ul li.nav-donate a, .pg-sponsor #nav ul li.nav-sponsor a {background: #8e1010; font-weight: bold;}

/*

 5.   M i s c.   */

hr {
	width: 50%;
	color: #BE1D1D;
	background-color: #BE1D1D;
}

/*

 6.   T a b l e s   */

table {border: 0; background: #FFFFFF;}

table.tbl-def {
	margin-left: auto;
	margin-right: auto;
}
.tbl-float-l {
	float: left;
	margin-right: 5px;
}
.tbl-float-r {
	float: right;
	margin-left: 5px;
}

td {font-size: 10pt; text-align: left; color: #000000; padding: 3px;}
.cell-h1, .cell-h2, .cell-h3, .cell-news-title, .cell-data3, .cell-data3c, .cell-data3r {color: #ffffff;}
.cell-h1, .cell-h2 {font-weight: bold; text-align: center;}

td.cell-h1 {
	background-color: #000000;
}
td.cell-h2 {
	background-color: #BE1D1D;
}
td.cell-h3 {
	background-color: #BE1D1D;
}
td.cell-news-title {
	background-color: #BE1D1D;
	padding: 3px;
}
td.cell-data3 {
	background-color: #808080;
}
td.cell-data3c {
	text-align: center;
	background-color: #808080;
}
td.cell-data3r {
	text-align: right;
	background-color: #808080;
}
td.cell-data1 {
	background-color: #DDDDDD;
}
td.cell-data1r {
	text-align: right;
	background-color: #DDDDDD;
}
td.cell-data1c {
	text-align: center;
	background-color: #DDDDDD;
}
td.cell-data2 {
	background-color: #cccccc;
}
td.cell-data2c {
	text-align: center;
	background-color: #cccccc;
}
td.cell-img-white {
	text-align: center;
	background-color: #FFFFFF;
	padding: 10px;
}
td.cell-img-grey {
	text-align: center;
	background-color: #DDDDDD;
	padding: 10px;
}
td.cell-img-dkgrey {
	text-align: center;
	background-color: #999999;
	padding: 10px;
}
.cell-lp-archive {
	background-color: #ddeeff;
	padding: 2px;
}
td.column-division {
	border-left: #be1d1d 2px solid;
}

/*

 7.   L i s t s   */

li {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* font-size: 11pt; */
}

/*  

 8.   L a t i n   P r a y e r   A r c h i v e   */

.lp-archive {background: #ddeeff; margin: 10px;}

.lp-archive p {font-size: 10pt;}

.lp-archive li {font-size: 10pt;}



/*   C S S   N A V I G A T I O N   M E N U   B A R   */

/* Only the top bar of the menu is displayed horizontally, making it unique (per page). It can therefore be described with an id (#nav-1), 
and the subsequent levels of the menu (nav-2, nav-3, etc.) can be described with classes, making them reusable - as they need to be. */
ul#nav-1
	{ margin:0; padding:0; list-style:none; width:100%; height:16px; border-top:1px solid #be1d1d; border-bottom:1px solid #be1d1d; font:normal 10pt verdana, arial, helvetica;}
ul#nav-1 li
	{ margin:0; padding:0; display:block; float:left; position:relative; width:120px; }
	
ul#nav-1 li a:link,
ul#nav-1 li a:visited
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#be1d1d; color:#ffffff; width:120px; height:16px; }
ul#nav-1 li:hover a,
ul#nav-1 li a:hover,
ul#nav-1 li a:active
	{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:#ff0000; color:#ffffff; width:118px; height:16px; border-left:1px solid #ff0000; border-right:1px solid #ff0000; }
	
ul#nav-1 li ul.nav-2
	{ margin:0; padding:1px 1px 0 1px; list-style:none; display:none; background:#ce1d1d; width:150px; position:absolute; top:24px; left:-1px; border:1px solid #be1d1d; border-top:none; font:normal 8pt verdana, arial, helvetica;}
ul#nav-1 li:hover ul.nav-2
	{ display:block; }
ul#nav-1 li ul.nav-2 li
	{ width:150px; clear:both; }

ul#nav-1 li ul.nav-2 li a:link,
ul#nav-1 li ul.nav-2 li a:visited
	{ clear:left; background:#be1d1d; padding:4px 0; width:150px; height: 13px; border:none; border-bottom:1px solid #ce1d1d; position:relative; z-index:1000; text-align: left;}
ul#nav-1 li ul.nav-2 li:hover a,
ul#nav-1 li ul.nav-2 li a:active,
ul#nav-1 li ul.nav-2 li a:hover
	{ clear:left; background:#ff0000; padding:4px 0; width:150px; height: 13px; border:none; border-bottom:1px solid #ce1d1d; position:relative; z-index:1000; text-align: left;}

ul#nav-1 li ul.nav-2 li ul.nav-3
	{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:150px; top:-2px; padding:1px 1px 0 1px; border:1px solid #be1d1d; border-left:1px solid #be1d1d; background:#ce1d1d; z-index:900; }
ul#nav-1 li ul.nav-2 li:hover ul.nav-3
	{ display:block; }

ul#nav-1 li ul.nav-2 li ul.nav-3 li a:link,
ul#nav-1 li ul.nav-2 li ul.nav-3 li a:visited
	{ background:#b9121b; }
ul#nav-1 li ul.nav-2 li ul.nav-3 li:hover a,
ul#nav-1 li ul.nav-2 li ul.nav-3 li a:hover,
ul#nav-1 li ul.nav-2 li ul.nav-3 li a:active
	{ background:#ff0000; }
	

ul#nav-1 li ul.nav-2 li ul.nav-3 li ul.nav-4
	{ display:none; margin:0; padding:0; list-style:none; position:absolute; left:150px; top:-2px; padding:1px 1px 0 1px; border:1px solid #ce1d1d; border-left:1px solid #ce1d1d; background:#ce1d1d; z-index:900; }
ul#nav-1 li ul.nav-2 li ul.nav-3 li:hover ul.nav-4
	{ display:block; }
	

ul#nav-1 li ul.nav-2 li ul.nav-3 li ul.nav-4 li a:link,
ul#nav-1 li ul.nav-2 li ul.nav-3 li ul.nav-4 li a:visited
	{ background:#b9121b; }
ul#nav-1 li ul.nav-2 li ul.nav-3 li ul.nav-4 li:hover a,
ul#nav-1 li ul.nav-2 li ul.nav-3 li ul.nav-4 li a:hover,
ul#nav-1 li ul.nav-2 li ul.nav-3 li ul.nav-4 li a:active
	{ background:#ff0000; }
	
/* This section describes the double-chevron >> sub-menu cue, displayed to the right of the text */
ul#nav-1 li ul.nav-2 li a span, 
ul#nav-1 li ul.nav-2 li ul.nav-3 li a span
	{ position:absolute; top:0; left:138px; font-size:12pt; color:#fe676f; }
ul#nav-1 li ul.nav-2 li:hover a span,
ul#nav-1 li ul.nav-2 li a:hover span,
ul#nav-1 li ul.nav-2 li ul.nav-3 li:hover a span,
ul#nav-1 li ul.nav-2 li ul.nav-3 li a:hover span
	{ position:absolute; top:0; left:138px; font-size:12pt; color:#ffffff; }