/* page structure and basic formatting */

body { /* font-family: Verdana, Arial, sans-serif; */}

.blunsenior {background: #ffffff url(../images/_gifs_bgs/blunsenior_bg.gif) repeat-x left top; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;}

#container {width: 1200px; margin: 0 auto; padding: 0; border: 0;}

 #header {width: 1200px; height: 115px; background: #000000 url(../images/_gifs_bgs/blun-crest_dec2008_6.jpg) no-repeat left top; text-align: right;}

 #nav {width: 1200px; height: 24px; background: #be1d1d;}

 #main {background: #eeeeee url(../images/_gifs_bgs/bg_main_2.gif) repeat-y;}

  #sidenav {width: 150px; float: left; padding: 20px 10px 10px 10px; margin: 0; text-align: left; /* background: #ffffff; */}

  #content {width: 775px; float: left; padding: 0px 20px 30px 15px; margin: 0; background: #ffffff;}

  #sidebar {float: left; padding: 20px 10px 10px 15px; margin: 0; text-align: left; background: transparent; color: #000000; width: 195px;}
  #sidebaralt {float: right; padding: 10px; margin: 0 0 3px 10px; text-align: left; background: #fffced; color: #000000; width: 250px;}

 #footer {width: 1180px; margin: 0; padding: 10px; background-color: #ffffff; text-align: center; border-top: 2px solid #be1d1d;}
 
/* to absolutely position content in the sidebar - i.e. you have a long page and this material is only relevant for an article that begins some way down the page 
(introduced for the Expeditions page). */
.sidebaradd {position: absolute; width: 190px; left: 50%; margin-left: 395px;}

/*  C O L U M N S  */
.column-container {width: 771px; margin: 0 auto;}

/* 2 columns - used on DT Facilities page */
.col-left {float: left; width: 375px; 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: left; width: 375px; padding-left: 10px; margin: 0;
/* use for determining borders when creating column set: background-color: #f0f0ff; */}

/* alternative, percentage-based 2-col layout */
.col-l {width: 46%; padding-right: 2%; float: left; border-right: 1px dotted #be1d1d;}
.col-r {width: 46%; padding-left: 2%; float: left;}

/* 3 columns - used on Site Map page. Use the same class on all 3 DIVs. */
.cols {float: left; width: 225px; padding: 0 15px 0 15px; margin: 0;}
.cols, .cols + .cols {border-right: 1px solid #be1d1d;}
.cols + .cols + .cols {border-right: 0;}

/* 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: "."; height: 0; visibility: hidden; display: block; clear: both;}

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




/* low level styles and formatting

PLEASE NOTE THAT ANY TARGETED CHILD OBJECTS APPEAR IN THE SECTION RELEVANT TO 
THE CHILD OBJECT ITSELF, NOT THE CONTEXT IN WHICH IT APPEARS. (i.e., 'img' tags 
targeted within a navigation menu are defined under Images, not Links or Lists.)

1.   Text, Paragraphs
2.   Images
3.   Headings
4.   Links & Navigation
5.   Misc.
6.   Tables
7.   Lists
8.   Latin Prayer Archive


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

p {font-size: 9pt;}
#content p {line-height: 1.4em;}
#sidenav p, #sidenav a, #sidebar p, #sidebar a, #sidebaralt p, #sidebaralt a, .sidebaradd p {font-size: 8pt;}
#sidebar p {line-height: 1.5em;}
#footer p {font-size: 8pt;}
/* #footer p + p {position: relative; top: 20px; margin-bottom: 20px;} */

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

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

.caption, .caption-l, .caption-r {color: #be1d1d; font-size: 8pt;}
.caption {text-align: center;}
.caption-l {text-align: left;}
.caption-r {text-align: right;}
p.caption-l + p, p.caption-l + h2, p.caption-l + h3, p.caption-l + h4, p.caption-l + ul, p.caption-l + ol {clear: both;}
p.caption-r + p, p.caption-r + h2, p.caption-r + h3, p.caption-r + h4, p.caption-r + ul, p.caption-r + ol {clear: both;}
/* 'caption' styles: also see Images section below */

.acronym {border-bottom: 1px dotted #bbbbbb;}
.author {color: #000000; font-size: 9pt; font-weight: bold; font-style: normal;}
.b {font-weight: bold;}
.highlight {color: #be1d1d;	font-weight: bold;}
.highlight-blue {color: #006699; font-weight: bold;}
.highlight-blue-rev {background-color: #006699; color: #fff; font-weight: bold;}
.house {color: #be1d1d; font-size: 8pt; font-style: italic;}
.i {font-style: italic;}
.normalise {color: #000000; font-weight: normal; font-style: normal; padding-left: 10px; padding-right: 10px;}
#sidenav .normalise, #sidebar .normalise {padding-left: 5px;}
.not-bold {font-weight: normal;}
.p-staff {text-align: justify; width: 750px; margin-left: auto;	margin-right: auto;}
.quote {color: #be1d1d; font-size: 11pt; text-align: left; font-style: italic;}
.quote-b {color: #006699; font-size: 11pt; text-align: left; font-style: italic;}
.regular {font-size: 9pt;}
.small, .sml {font-size: 8pt;}
.spacer {padding: 0; margin: 0;}
.u {text-decoration: underline;}

.copyright {color: #999999;}

.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;}

div.governors p {margin: 0; padding: 5px; border: 1px solid #be1d1d;}

#lp p + p {margin-top: -7px;}

/*

 2.   I m a g e s   */

img {border: none;}

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

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

.caption-l img {float: left; padding: 0 10px 15px 0;}
.caption-r img {float: right; padding: 0 0 15px 10px;}

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

#intro-img {width: 750px; height: 375px; background: url(../images/blundells_school_3.jpg) no-repeat top left;}

#sidenav img {border: 1px solid #bbbbbb;}
#sidenav img.img-l, #sidenav img.img-r {border: 0;}

/* Header banner image rotator - jQuery script at foot of page */
#header .rotator {margin-left: 450px; width: 750px; height: 115px;}
#header .rotator ul {display: inline; list-style-type: none; margin: 0; padding: 0; width: 750px; height: 115px;}
#header .rotator ul li {float: left; position: absolute; top: 0px; left: -150px; margin-left: 50%; list-style: none;}
#header .rotator ul li.show {z-index:500;}

/* 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;}

/* international flags on nav menu */
ul#nav-1 li ul.nav-2 li ul.nav-3 li ul.nav-4 li a img {position: absolute; top: 5px; left: 125px;}

/*

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

h1, h2, h3, h4, h5, h6 {text-align: left; font-weight: bold;}

h1, h2, h3 {clear: both;}
h2, h3 {line-height: 2em;}
h3, h4 {font-size: 11pt;}

h1, h3 {color: #be1d1d;}
h2, h4, h5, h6 {color: #000000;}

h1 {
	font-size: 14pt;
	padding-top: 1.5em;
	padding-bottom: 1em;
	margin-top: 0;
}
h2 {
	font-size: 12pt;
	border-bottom: 1px dotted #bbbbbb;
}
h3 {
	border-bottom: 1px dotted #dddddd;
}

h1.home {font-size: 2.1em; font-weight: normal; padding: 0.7em 0 0.1em 0; /* delete margin specified to left and unhide this lot... position: absolute; top: 220px; left: 50%; margin-left: -370px; background: url(../images/welcome_h1.png) no-repeat left top;}
h1.home span {visibility: hidden; */}

#sidenav h4, #sidebar h4, #sidebaralt h4 {font-size: 10pt; color: #be1d1d; margin: 0; padding: 10px 0 0 0; clear: both;}
#sidebar h5 {font-size: 9pt; margin-bottom: -5px;}
#sidebar h6 {font-size: 8pt; margin-bottom: -8px;}

/* #content h5 {font-variant: small-caps;} */

.col-l h4, .col-r h4 {padding: 0; margin: 0;}

.cols h5 {color: #be1d1d; background-color: #f0f0f0; padding: 2px; margin-bottom: -10px;}

div.governors h3 {color: #ffffff; background: #000000 url(../images/_gifs_bgs/governors_shield2.jpg) no-repeat right center; line-height: 1.5em; font-size: 10pt; border-bottom: 2px solid #be1d1d; padding-left: 6px; margin: 20px 0 0 0;}
div.governors h3 .normalise {color: #ffffff;}

/*

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

/* for main nav bar, see bottom of document */

a:link {text-decoration: underline; color: #777777; /* text-decoration: none; color: #0000CC; */}
a:visited {text-decoration: underline; color: #444444; /* text-decoration: none; color: #770077; */}
a:active {text-decoration: underline; color: #000000; /* text-decoration: underline; color: #0000FF; */}
a:hover {text-decoration: underline; color: #be1d1d; /* text-decoration: underline; color: #0000FF; */}

a.link-pdf {padding-left: 15px; background: url(../images/_gifs_bgs/link_pdf.gif) no-repeat left center;}

/* SideNav links */
#sidenav ul {padding-left: 0; margin-left: 0; line-height: 1.7em; list-style-type: none;}
#sidenav ul li {padding-left: 0; margin-left: 0;}
#sidenav ul li.sidenav-thispage {font-size: 8pt; background: url(../images/_gifs_bgs/bullet_bk.gif) no-repeat left center;}
#sidenav ul li a, #sidenav ul li.sidenav-thispage {padding-left: 8px; display: block; width: 100%; border-bottom: 1px dotted #dddddd; text-decoration: none;}

#sidenav ul li a:link {color: #000000; background: url(../images/_gifs_bgs/bullet_grey.gif) no-repeat left center;}
#sidenav ul li a:visited {color: #222222; background: url(../images/_gifs_bgs/bullet_grey.gif) no-repeat left center;}
#sidenav ul li a:active {color: #000000; background: url(../images/_gifs_bgs/bullet_grey.gif) no-repeat left center;}
#sidenav ul li a:hover {color: #be1d1d; background: url(../images/_gifs_bgs/bullet_red.gif) no-repeat left center;}

/* SideNav links sublist  - the ".snsl" class is an abbreviation for 'sidenav sublist' */
#sidenav ul.snsl {padding-left: 0; margin: 0 0 10px 0; line-height: 1.2em; list-style-type: none;}
#sidenav ul.snsl li {padding-left: 0; margin-left: 0;}
#sidenav ul.snsl li.snsl-thispage {font-size: 8pt; background: url(../images/_gifs_bgs/bullet_bk.gif) no-repeat left center;}
#sidenav ul.snsl li a, #sidenav ul.snsl li.snsl-thispage, #sidenav ul.snsl li.sidenav-thispage {padding-left: 8px; display: block; width: 100%; border-bottom: 1px dotted #eeeeee; text-decoration: none;}

#sidenav ul.snsl li a:link {color: #777777; background: url(../images/_gifs_bgs/bullet_grey.gif) no-repeat left center;}
#sidenav ul.snsl li a:visited {color: #777777; background: url(../images/_gifs_bgs/bullet_grey.gif) no-repeat left center;}
#sidenav ul.snsl li a:active {color: #777777; background: url(../images/_gifs_bgs/bullet_grey.gif) no-repeat left center;}
#sidenav ul.snsl li a:hover {color: #be1d1d; background: url(../images/_gifs_bgs/bullet_red.gif) no-repeat left center;}

/* The following few lines describe the three grey link boxes at the top of the News, LP and Events pages */
div#ql {margin-left: auto; margin-right: auto; width: 450px; padding: 3px 0 0 0;}
ul.quicklinks {list-style-type: none; /* margin-left: -5px; */}
ul.quicklinks li {display: inline; float: left; font-size: 10pt; margin-right: 5px;}
ul.quicklinks li a {display: block; padding: 5px; width: 110px; text-align: center; background: #eeeeee; border: 1px solid #cccccc;}
ul.quicklinks li a:hover {display: block; padding: 5px; width: 110px; text-align: center; background: #f5f5f5; border: 1px solid #777777; text-decoration: none;}
li.pg-news a, li.pg-lp a, li.pg-events a {display: block; padding: 5px; width: 110px; text-align: center; background: #eeeeee; border: 1px solid #cccccc; font-weight: bold;}

/* These lines describe the links appearing in the old table version of the News/LP/Events nav bar; it has 
since been replaced with a list-based version (defined above). */
#topnavbar a:link {color: #000000; text-decoration: none;}
#topnavbar a:visited {color: #000000; text-decoration: none;}
#topnavbar a:active {color: #000000; text-decoration: none;}
#topnavbar a:hover {color: #0000AA; text-decoration: none;}

/* These few lines redefine the link colours in the table on the school_memorial page. At the time of writing the website's 
standard blue links clashed rather horribly with the cells' red (BE1D1D) background colour! Not being page-specfic, these 
styles will be replicated across the site whenever a text link is placed in a cell styled with 'cell-h3'. */
.cell-h3 a:link {color: #ffffff; font-weight: bold; text-decoration: underline;}
.cell-h3 a:hover {color: #cccccc; font-weight: bold; text-decoration: underline;}
.cell-h3 a:active {color: #cccccc; font-weight: bold; text-decoration: underline;}
.cell-h3 a:visited {color: #bbbbbb; font-weight: bold; text-decoration: underline;}

/* icons in browser list on Site Map */
#sidebar ul.browsers {list-style-type: none; margin-left: 0;}
.browser-ie, .browser-firefox, .browser-opera, .browser-chrome, .browser-safari {padding-left: 20px;}
.browser-ie {background: url(../images/_gifs_bgs/icon_ie8_10x10.jpg) no-repeat left bottom;}
.browser-firefox {background: url(../images/_gifs_bgs/icon_firefox3_10x10.jpg) no-repeat left bottom;}
.browser-opera {background: url(../images/_gifs_bgs/icon_opera9_10x10.jpg) no-repeat left bottom;}
.browser-chrome {background: url(../images/_gifs_bgs/icon_chrome_10x10.jpg) no-repeat left bottom;}
.browser-safari {background: url(../images/_gifs_bgs/icon_safari3_10x10.jpg) no-repeat left bottom;}

/* facilities > boarding houses: sidebar house image links */
#house-img-links p {text-align: center;}
#house-img-links a {font-size: 10pt;}
#house-img-links p img {margin-left: -5px;}

/* links on Art pages (for Bertie's new theme, April 2010) */
#art p a {font-weight: bold;}
#art p a:link {color: #cccccc;}
#art p a:hover {color: #ffffff;}
#art p a:active {color: #555555;}
#art p a:visited {color: #555555;}

/*

 5.   M i s c.   */

.flash {position: relative; z-index: -1;}

hr {width: 100%; color: #be1d1d; background-color: #be1d1d;}

/* These styles describe the new, slightly more adaptable News section */
#news > p, #news .story p {padding: 0; margin: 0;}
#news > p, #news > h4 {clear: both;}
#news .story p + p, #news .story p + p + p, #news .story p + p + p + p, #news .story p + p + p + p + p, #news .story p + p + p + p + p + p {margin-top: 7px;}

#news a.title {display: block; margin: 3px 0 0 0; padding: 2px 2px 2px 15px; font-size: 10pt; font-weight: bold; text-decoration: none; border-bottom: 1px solid #dddddd;}
#news a:link.title {background: url(../images/_gifs_bgs/news_link.gif) no-repeat left center #ffffff; color: #be1d1d;}
#news a:hover.title {background: url(../images/_gifs_bgs/news_hover.gif) no-repeat left center #ffffff; color: #ce2d2d;}
#news a:active.title {background: url(../images/_gifs_bgs/news_active.gif) no-repeat left center #ffffff; color: #be1d1d;}
#news a:visited.title {background: url(../images/_gifs_bgs/news_visited.gif) no-repeat left center #ffffff; color: #6e0707;}
#news .story {display: none; margin: 0; padding: 3px 0 15px 15px; background: #ffffff; font-size: 10pt; overflow: auto; /* 'overflow: auto' added to fix news article wrapping issue caused by the floated image - when article is brief and image extends beyond bottom of paragraph, wrapping breaks despite succeeding block specifying 'clear: both'. */}

/* News-style hidden sections of additional info; introduced for Boarding homepage (facilities_boarding.htm) */
#add-info > h3 {margin-bottom: 0;}

#add-info a.title {display: block; /* margin: 3px 0 0 0; padding: 2px 2px 2px 15px; */ padding-left: 15px; /*font-size: 10pt; font-weight: bold; text-decoration: none; border-bottom: 1px solid #dddddd; */ }
#add-info a:link.title {background: url(../images/_gifs_bgs/news_link.gif) no-repeat left center #ffffff; color: #be1d1d;}
#add-info a:hover.title {background: url(../images/_gifs_bgs/news_hover.gif) no-repeat left center #ffffff; color: #ce2d2d;}
#add-info a:active.title {background: url(../images/_gifs_bgs/news_active.gif) no-repeat left center #ffffff; color: #be1d1d;}
#add-info a:visited.title {background: url(../images/_gifs_bgs/news_visited.gif) no-repeat left center #ffffff; color: #6e0707;}
#add-info .detail {display: none; margin: 0; padding: 3px 0 15px 15px; background: #ffffff; font-size: 10pt;}

/* Email buttons */
.email {margin-top: -10px;}
.email a {display: block; width: 80px; font-size: 9pt; text-decoration: none; padding: 2px 2px 2px 30px;}
.email a:link, .email a:visited {background: #f5e497 url(../images/_gifs_bgs/email_off.gif) no-repeat 5px 3px; color: #988; border: 1px solid #f4d59e;}
.email a:hover, .email a:active {background: #faebb7 url(../images/_gifs_bgs/email_on.gif) no-repeat 5px 3px; color: #be1d1d; border: 1px solid #edac1a;}
.email + .email {margin-top: 10px;}
#sidebar h4 + .email {margin-top: 10px;}

/*  Text-boxes; asides  */
.textbox-l {float: left; width: 240px; background-color: #f6f6ff; padding: 5px 10px; border: 1px solid #eaeaff; margin: 0 5px 2px 0;}
.textbox-r {float: right; width: 240px; background-color: #f6f6ff; padding: 5px 10px; border: 1px solid #eaeaff; margin: 0 0 2px 5px;}
.textbox-l h3, .textbox-r h3 {font-size: 10pt; color: #000000; border: 0; text-align: center; margin: 5px 0 10px 0;}
.textbox-l p, .textbox-r p {padding: 0; margin: 10px 0 10px 0;}
.textbox-l ul, .textbox-r ul {padding: 0; margin: 10px 0 10px 15px;}

.aside {float: right; width: 312px; padding: 0; margin: 0 0 0 10px; background: /*#f5f5f5*/ url(../images/_gifs_bgs/aside_main.gif) repeat-y;}
.aside .first {background: url(../images/_gifs_bgs/aside_top.gif) no-repeat left top;}
.aside .last {background: url(../images/_gifs_bgs/aside_bot.gif) no-repeat left bottom; padding-bottom: 12px;}
.aside h5 {text-align: center; padding: 10px 5px; margin: 0 0 10px 0;}
.aside p + h5 {margin-top: 10px;}
.aside p {font-size: 8pt; color: #555555; padding: 4px 5px; margin: 0;}
.aside p em {color: #333333;}
.aside p.caption {color: #be1d1d;}
.aside p img[width="300"] {margin-right: -1px;}

.imgbox-sml-l {float: left; width: 200px; padding: 5px; margin-right: 10px; text-align: center; color: #be1d1d;}
.imgbox-sml-l p {font-size: 8pt;}

/* position adjustments */
.up010 {margin-top: -10px;}
.up020 {margin-top: -20px;}
.up025 {margin-top: -25px;}
.up030 {margin-top: -30px;}
.up040 {margin-top: -40px;}
.up050 {margin-top: -50px;}
.up060 {margin-top: -60px;}
.up070 {margin-top: -70px;}
.up075 {margin-top: -75px;}
.up080 {margin-top: -80px;}
.up090 {margin-top: -90px;}
.up100 {margin-top: -100px;}
.up125 {margin-top: -125px;}
.up150 {margin-top: -150px;}
.up175 {margin-top: -175px;}
.up200 {margin-top: -200px;}

/* Announcement DIV */
.announce {
	/* text-align: center;
	font-size: 10pt; */
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	padding: 10px;
	background: #f8f7f7;
	border: 1px dotted #be1d1d;
}
.announce p {font-size: 10pt; line-height: 1.1em; margin-top: -7px;}
.announce h2 {font-size: 12pt; font-weight: bold; text-align: center; border: 0;}
.announce h3 {font-size: 11pt; font-weight: bold; text-align: center; display: inherit; border: 0; color: #000000;}
.announce ul {text-align: left;}

/*

 6.   T a b l e s   */

table {border: 0; background: #ffffff; border-collapse: collapse; margin-bottom: 1em;}

#sidebar table {background: #fffced; margin: 1em 0 1em 0;}

.tbl-def {margin-left: auto; margin-right: auto;}

.tbl-float-l, tbl-l {float: left; margin-right: 25px;}
.tbl-float-r, tbl-r {float: right; margin-left: 25px;}

/* .tbl-hms {padding-top: 51px; background: url(../facilities/images/boarding/house-masters-table_header.jpg) no-repeat center top #603102;} */

  /* data cells */

td {font-size: 8pt; padding: 3px; border: 1px solid #ffffff;}

.padded-cell {padding: 10px;} /* for use when spacing is required to separate sections of a table */

.cell-h1, .cell-h1-sub {color: #ffffff; text-align: center;}
.cell-h1 {background-color: #000000; font-weight: bold;}
.cell-h1-sub {background-color: #444444; font-weight: normal;}

.cell-h2, .cell-h3, .cell-news-title {background-color: #be1d1d; color: #ffffff;}
.cell-h2 {font-weight: bold; text-align: center;}

.cell-h4 {background-color: #9e0d0d; color: #ffffff;}

.cell-data1, .cell-data1c, .cell-data1r, .cell-data1-h {background-color: #ededed;}
.cell-data2, .cell-data2c, .cell-data2r, .cell-data2-h {background-color: #e0e0e0;}
.cell-data3, .cell-data3c, .cell-data3r, .cell-data3-h {background-color: #e7e7e7;}

.cell-data1c, .cell-data2c, .cell-data3c {text-align: center;}
.cell-data1r, .cell-data2r, .cell-data3r {text-align: right;}

.cell-data1-h, .cell-data2-h, .cell-data3-h {color: #ae1d1d; font-weight: bold;}

.fixture-cell {font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif;}

/* red borders to group cells */
.cell-brdr-tl {background-image: url(../images/_gifs_bgs/cell_border_tl.png); background-repeat: no-repeat; background-position: top left;}
.cell-brdr-tr {background-image: url(../images/_gifs_bgs/cell_border_tr.png); background-repeat: no-repeat; background-position: top right;}
.cell-brdr-bl {background-image: url(../images/_gifs_bgs/cell_border_bl.png); background-repeat: no-repeat; background-position: bottom left;}
.cell-brdr-br {background-image: url(../images/_gifs_bgs/cell_border_br.png); background-repeat: no-repeat; background-position: bottom right;}

.cell-brdr-t {background-image: url(../images/_gifs_bgs/cell_border_t.png); background-repeat: repeat-x; background-position: top left;}
.cell-brdr-b {background-image: url(../images/_gifs_bgs/cell_border_b.png); background-repeat: repeat-x; background-position: bottom left;}
.cell-brdr-l {background-image: url(../images/_gifs_bgs/cell_border_l.png); background-repeat: repeat-y; background-position: top left;}
.cell-brdr-r {background-image: url(../images/_gifs_bgs/cell_border_r.png); background-repeat: repeat-y; background-position: top right;}

/* sidebar data cells */

#sidebar td {border: 1px solid #fffced;}

#sidebar .cell-h1 {background-color: #fbca80; color: #000000; font-weight: bold; text-align: center;}
#sidebar .cell-h2 {background-color: #feefcf; color: #000000; font-weight: bold; text-align: center;}
#sidebar .cell-h3 {background-color: #feefcf; color: #000000;}

#sidebar .cell-data1, #sidebar .cell-data1c, #sidebar .cell-data1r {background-color: #fee9c9;}
#sidebar .cell-data1c {text-align: center;}
#sidebar .cell-data1r {text-align: right;}

#sidebar .cell-data2, #sidebar .cell-data2c, #sidebar .cell-data2r {background-color: #fddfb5;}
#sidebar .cell-data2c {text-align: center;}
#sidebar .cell-data2r {text-align: right;}

#sidebar .cell-data3, #sidebar .cell-data3c, #sidebar .cell-data3r {background-color: #fcd49f; color: #000000;}
#sidebar .cell-data3c {text-align: center;}
#sidebar .cell-data3r {text-align: right;}

  /* navigation */

.cell-nav {
	font-size: 11pt;
	text-align: center;
	width: 160px;
	background-color: #eeeeee;
	padding: 5px;
	border: 1px solid #dddddd;
}
.cell-navbar {
	font-size: 10pt;
	text-align: center;
	width: 110px;
	background-color: #eeeeee;
	padding: 3px;
	border: 1px solid #cccccc;
}

  /* images */

.cell-img-white, .cell-img-grey, .cell-img-dkgrey {font-size: 10pt; text-align: center; padding: 10px;}
.cell-img-white {background-color: #ffffff;}
.cell-img-grey {background-color: #dddddd;}
.cell-img-dkgrey {background-color: #999999;}

  /* forms */
  
.form-cell-1, .form-cell-2, .form-cell-h1 {font-size: 9pt;}

.form-cell-1 {
	text-align: left;
	background-color: #c0c0c0;
	border-bottom: #dddddd 1px solid;
}
.form-cell-2 {
	color: #ffffff;
	text-align: left;
	background-color: #b01010;
	border-bottom: #ffffff 1px solid;
}
.form-cell-h1 {
	color: #ffffff;
	font-weight: bold;
	line-height: 1.5em;
	text-align: center;
	background-color: #000000;
	border-bottom: #ffffff 1px solid;
}

  /* misc. */

.cell-news-sep {
	text-align: center;
	background-color: #ffffff;
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
}

.cell-lp-archive {
	background-color: #ddeeff;
	font-size: 10pt;
	padding: 2px;
}

td.column-division {
	border-left: #be1d1d 2px solid;
}

/*

 7.   L i s t s   */

#content ul li, #content ol li {font-size: 9pt; padding-bottom: 0.5em;}

#sidenav ul, #sidebar ul, #sidebaralt ul {margin: 0 0 10px 0;}
#sidenav ul + ul.snsl {margin-top: -10px;} /* the negative top margin set here must equal the bottom margin setting specified in the '#sidenav ul' declaration */

#sidebar ul {padding-left: 0; margin-left: 15px; font-size: 8pt; line-height: 1.4em;}
#sidebar h5 + ul {margin-top: 10px;}

.col-left ul ul, .col-right ul ul, .col-l ul, .col-r ul {margin-left: 15px; padding-left: 0;}

.col-l ul, .col-r ul {padding: 0; margin-top: 10px; margin-bottom: 10px;}

.cols ul {padding-left: 0; margin-left: 20px;}

#content td ul {margin: 5px 0 0 15px; padding: 0; line-height: 1em;} /* margin: 5px 0 5px 0; margin-top: 5px; margin-left: 10px;  */
#content td li {font-size: 8pt; margin-left: 0;}

#lp ul {margin-left: 0; padding-left: 0; list-style-type: none; line-height: 1em;}
#lp ul li {margin-bottom: 0;}

/*

 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%; font-size: 8pt; font-weight: bold; height:16px;}
ul#nav-1 li	{margin:0; padding:0; display:block; float:left; position:relative; z-index: 1000;}
ul#nav-1 li a {display:block; /*padding:5px 0px 5px 12px;*/ padding-left: 12px; line-height: 24px; text-align:left; text-decoration:none; color:#ffffff; width:138px;}
ul#nav-1 li a:link, ul#nav-1 li a:visited {background:#be1d1d url(../nav/menu-down_l-v.gif) no-repeat left center;}
ul#nav-1 li a:hover, ul#nav-1 li a:active, ul#nav-1 li:hover a {background:#ff0000 url(../nav/menu-down_h-a.gif) no-repeat left center;}

/* these next two lines describe the 'Home' button at the beginning of the nav menu - specifically, giving the link a different arrow as it isn't a drop-down menu */
ul#nav-1 li a:link.css-nav-home, ul#nav-1 li a:visited.css-nav-home	{/*padding:5px 0px 5px 10px;*/ padding-left: 10px; line-height: 24px; background:#be1d1d url(../nav/menu-down_hm-off.gif) no-repeat left center; width:140px;}
ul#nav-1 li a:hover.css-nav-home, ul#nav-1 li a:active.css-nav-home, ul#nav-1 li:hover a.css-nav-home {/*padding:5px 0px 5px 10px;*/ padding-left: 10px; line-height: 24px; background:#ff0000 url(../nav/menu-down_hm-on.gif) no-repeat left center; width:140px;}

/* NAV-2 */
ul#nav-1 li ul.nav-2 {
	display:none; position:absolute; top:24px; left:0px; width:150px; z-index: 900;
	margin:0; padding:0; list-style:none; font-size: 8pt; font-weight: normal;
	}
ul#nav-1 li:hover ul.nav-2 {display:block;}
ul#nav-1 li ul.nav-2 li	{clear:both;}
ul#nav-1 li ul.nav-2 li a {clear:left; /*padding: 4px 0px 4px 12px;*/ padding-left: 12px; line-height: 20px; width:138px; border-top:1px solid #ce1d1d; position:relative; z-index:1000; text-align:left;}
ul#nav-1 li ul.nav-2 li a:link, ul#nav-1 li ul.nav-2 li a:visited {background:#be1d1d url(../nav/menu-down_off.gif) no-repeat left center;}
ul#nav-1 li ul.nav-2 li a:active, ul#nav-1 li ul.nav-2 li a:hover, ul#nav-1 li ul.nav-2 li:hover a {background:#9e0d0d url(../nav/menu-down_on.gif) no-repeat left center;}

/* NAV-3 */
ul#nav-1 li ul.nav-2 li ul.nav-3 {
	display:none; position:absolute; left:150px; top:3px; z-index:900;
	margin:0; padding:0; list-style:none; border-left: 1px solid #ffffff;
	/*border:1px solid #be1d1d; border-left:1px solid #be1d1d; background:#ce1d1d;*/
	}
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:#be1d1d url(../nav/menu-down_off.gif) no-repeat left center;}
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, ul#nav-1 li ul.nav-2 li ul.nav-3 li:hover a {background:#9e0d0d url(../nav/menu-down_on.gif) no-repeat left center;}
	
/* NAV-4 */
ul#nav-1 li ul.nav-2 li ul.nav-3 li ul.nav-4 {
	display:none; position:absolute; left:150px; top:3px; z-index:900;
	margin:0; padding:0; list-style:none; border-left: 1px solid #ffffff;
	/*border:1px solid #ce1d1d; border-left:1px solid #ce1d1d; background:#ce1d1d;*/
	}
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:#be1d1d url(../nav/menu-down_off.gif) no-repeat left center /*b9121b*/;}
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, ul#nav-1 li ul.nav-2 li ul.nav-3 li ul.nav-4 li:hover a {background:#9e0d0d url(../nav/menu-down_on.gif) no-repeat left center;}
	
/* 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; bottom:0px; left:138px; font-size:12pt; color:#fe676f; line-height: 24px;}
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;}