@font-face {
	font-family: Trebuchet MS;
	font-style:  normal;
	font-weight: normal;
	src: url(/opencms/opencms/system/modules/com.clicksandlinks.roundabout.cms.design.www_stfrancis_cc/eot/TREBUCH0.eot);
}
@font-face {
	font-family: Trebuchet MS Bold;
	font-style:  normal;
	font-weight: normal;
	src: url(/opencms/opencms/system/modules/com.clicksandlinks.roundabout.cms.design.www_stfrancis_cc/eot/TREBUCH1.eot);
}


/* ###################################### */
body {
	margin : 0px;
	padding : 0px;
	font-family : Geneva, Arial, Helvetica, sans-serif;
	font-size : 0.8em;
	color : #000000;
}

a, a:link, 
a:active, 
a:visited, 
a:hover {
	color : #000000;
	text-decoration : underline;
	font-weight : bold;
}

.hiddenline {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}


/* ###################################### */
/* Standard top bar styling */
#toprow {
	height : 148px;
	width : 100%;
	margin : 0px;
	padding : 0px;
	background-image : none;
	border-bottom : 1px solid #000000;
}

/* main logo bar */
#toprowheader {
	height : 108px;
	width : 281px;
	margin : 20px;
	padding : 0px;
	background-image : none;
}
#toprowheader .invisimage {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}
#toprowheader h1 {
	visibility : hidden;
	display : none;
}

/* Print Remix Graphic */
#printheader {
	visibility : visible;
	display : block;
	margin : 0px;
	padding : 0px;
	height : 108px;
	width : 281px;
}

/* Rotating image (placeholder) */
#toprowrotator {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}

/* Rotating image school name */
#toprowschoolname{
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}

/* Top Motto Bar */
#toprowmotto {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}

/* Hidden "Skip to content" link */
#hiddencontentlink {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}


/* ###################################### */
/* Content Area */
#mainrow {
	background-image : none;
	margin : 0px;
	padding : 0px;
	margin-bottom : 20px;
	width : 100%;
	border-bottom : 1px solid #000000;
	clear : both;
}
#col1 {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}
#col2 {
	margin : 20px;
	padding : 0px;
}
#colnonav {
	margin : 20px;
	padding : 0px;
}


/* ###################################### */
/* Bottom of page bars */

/* Achievement badges */
#achievementbadges {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}

/* --------------------------------------------------------------- */
/* Accessibility badges */
#accbadges {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}

/* --------------------------------------------------------------- */
/* Bottom bar text bar links and information */
#bottombar {
	width : 100%;
	background-color : #FFFFFF;
	padding : 0px;
	padding-top : 20px;
	margin : 20px;
	clear : both
}
#bottombar h3 {
	visibility : hidden;
	display : none;
}

/* Bottom bar copyright and email words */
#copyright {
	margin-left : 0px;
	padding : 0px;
	color : #000000;
}
#copyright p {
	padding : 0px;
	margin : 0px;
	margin-bottom : 2px;
}
#copyright a,
#copyright a:link,
#copyright a:active,
#copyright a:visited,
#copyright a:hover {
	color : #000000;
	text-decoration : underline;
	font-weight : bold;
}
#copyright h3 {
	visibility : hidden;
	display : none;
}

/* Bottom links menu box */
#bottomnav {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}

/* --------------------------------------------------------------- */
/* Powered by Roundabout */

/* Font substitution details */
@font-face {
	font-family: Houschka-Medium;
	font-style:  normal;
	font-weight: normal;
	src: url(/opencms/opencms/system/modules/com.clicksandlinks.roundabout.cms.design.www_stfrancis_cc/eot/HOUSCHK1.eot);
}
@font-face {
	font-family: Houschka-Medium;
	font-style:  normal;
	font-weight: 700;
	src: url(/opencms/opencms/system/modules/com.clicksandlinks.roundabout.cms.design.www_stfrancis_cc/eot/HOUSCHK0.eot);
}

/* Powered by... layout */
#pbrab {
	font-family : Houschka-Medium, Geneva, Arial, Helvetica, sans-serif;
	font-size : 1.1em;
	margin : 20px;
	padding : 0px;
	padding-bottom : 20px;
}
#pbrab p {
	padding : 0px;
	margin : 0px;
}
#pbrab a,
#pbrab a:link,
#pbrab a:active,
#pbrab a:visited,
#pbrab a:hover {
	color : #000000;
	text-decoration : none;
	font-weight : bold;
}


/* ###################################### */
/* Site Search box*/

/* Site Search styling */
#searchbox {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}

/* ###################################### */
/* Main Site Links box styling - see 'dropdown.css' for main styles*/
#mainsitelinks {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}

/* ###################################### */
/* Homepage spotlight boxes box*/

/* General layer styles */
#menuboxes {
	width : 100%;
	margin-top : 30px;
	padding-bottom : 30px;
	clear : both;
}

/* School News Box styles */
#schoolnewsbox {
	width : 49%;
	float : left;
	border-right : 0px none #FFFFFF;
}
#schoolnewsbox h3 {
	background-color : #FFFFFF;
	border-top : 1px solid #000000;
	border-bottom : 1px solid #C0C0C0;
	padding : 0px;
	margin : 0px;
	padding-left : 0px;
	padding-bottom : 5px;
	color : #000000;
	font-family : Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size : 1.25em;
	background-image : none;
}
#schoolnewsbox ul {
	list-style-type : none;
	display : list-item;
	font-size : 0.9em;
}
#schoolnewsbox ul li {
	padding : 0px;
	margin : 0px;
	margin-top : 10px;
	width : 100%;
	border : 0px none #533D3F;
	background-color : #FFFFFF;
}
#schoolnewsbox a,
#schoolnewsbox a:link,
#schoolnewsbox a:active,
#schoolnewsbox a:visited,
#schoolnewsbox a:hover {
	font-family : Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size : 1.1em;
	width : 100%;
	padding : 2px;
	background-color : #FFFFFF;
	text-decoration : none;
	color : #533D3F;
	border-bottom : 0px none #533D3F;
}
#schoolnewsbox p {
	padding : 2px;
	margin : 0px;
}

/* School Events Box Styling */
#schoolseventsbox {
	width : 49%;
	float : right;
}
#schoolseventsbox h3 {
	background-color : #FFFFFF;
	border-top : 1px solid #000000;
	border-bottom : 1px solid #C0C0C0;
	padding : 0px;
	margin : 0px;
	padding-left : 0px;
	padding-bottom : 5px;
	color : #000000;
	font-family : Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size : 1.25em;
	background-image : none;
}
#schoolseventsbox ul {
	list-style-type : none;
	display : list-item;
	font-size : 0.9em;
}
#schoolseventsbox ul li {
	padding : 0px;
	margin : 0px;
	margin-top : 10px;
	width : 100%;
	border : 0px none #533D3F;
	background-color : #FFFFFF;
}
#schoolseventsbox a,
#schoolseventsbox a:link,
#schoolseventsbox a:active,
#schoolseventsbox a:visited,
#schoolseventsbox a:hover {
	font-family : Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size : 1.1em;
	width : 100%;
	padding : 2px;
	background-color : #FFFFFF;
	text-decoration : none;
	color : #533D3F;
	border-bottom : 0px none #533D3F;
}
#schoolseventsbox p {
	padding : 2px;
	margin : 0px;
}


/* ###################################### */
/* Homepage Heads Message Styling*/

/* General layer styles */
#headsmessage {
	height : auto;
}
.hiddenhmwords {
	font-family : Trebuchet MS Bold, Geneva, Arial, Helvetica, sans-serif;
	font-size : 1.4em;
	font-weight : normal;
	display : block;
	visibility : visible;
	margin-bottom : 10px;
	padding-bottom : 10px;
}
.hmname {
	font-family : Trebuchet MS Bold, Geneva, Arial, Helvetica, sans-serif;
	font-size : 1.15em;
	font-weight : bold;
}

/* top corners */
#hmtop {
	background-image : none;
	width : 100%;
	height : auto;
	margin : 0px;
	margin-left : 10px;
	padding : 0px;
	clear : both;
}
#hmtopleft {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}
#hmtopright {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}
#hmlogoandstrpaline {
	color : #000000;
	margin : 0px;
	padding : 0px;
}

/* Logo words */
#hmlogowords {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}
#hmlogowords h3 {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}
#hmlogowords .invisimage {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}
#hmstrapline{
	margin : 0px;
	padding : 0px;
	clear : both;
	width : 100%;
}
#hmstrapline .invisimage {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}

/* text area */
#hmwords {
	margin : 10px;
	padding : 0px;
	padding-bottom : 20px;
	margin-bottom : 20px;
	border-bottom : 1px solid #000000;
	background-color : #FFFFFF;
	clear : both;
	width : 100%;
}
#hmright {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}
#hmwords p {
	margin : 0px;
	padding : 0px;
	padding-bottom : 10px;
}
#hmwords img, #hmwords image {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}

/* 'Read More...' Link */
#hmreadmore {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}
#hmreadmore .invisimage {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}

#hmbottom {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}

/* ###################################### */
/* Navstring box*/

/* General layer styles */
#navstring {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}

/* ###################################### */
/* General styling for editable region sections */
#editableregiontext {
	margin-top : 10px;
	padding-bottom : 30px;
}
#editableregionseparator {
	line-height : 0px;
	width : 100%;
}

/* editable text styling */
#editableregiontext img, #editableregiontext image {
	padding : 0px;
	margin : 0px;
	margin-top : 20px;
	border : 1px solid #000000;
	text-align : center;
}
#editableregiontext .caption {
	font-style : italic;
	font-size : 0.85em;
	text-align : center;
	padding : 0px;
	padding-bottom : 10px;
	margin : 0px;
}
#editableregiontext p {
	padding-bottom : 5px;
	padding-left : 10px;
	margin : 0px;
}
#editableregiontext h1 {
	color : #000000;
	border-bottom : 1px solid #C0C0C0;
	border-top : 1px solid #000000;
	padding-top : 3px;
	padding-bottom : 3px;
	padding-left : 10px;
	margin-top : 10px;
	margin-bottom : 10px;
	font-family : Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size : 1.6em;
}
#editableregiontext h2 {
	color : #000000;
	border-bottom : 1px solid #C0C0C0;
	border-top : 1px solid #000000;
	padding-top : 3px;
	padding-bottom : 3px;
	padding-left : 10px;
	margin-top : 10px;
	margin-bottom : 10px;
	font-family : Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size : 1.6em;
}
#editableregiontext h3 {
	color : #000000;
	border-bottom : 1px solid #C0C0C0;
	border-top : 1px solid #000000;
	padding-top : 3px;
	padding-bottom : 3px;
	padding-left : 10px;
	margin-top : 10px;
	margin-bottom : 10px;
	font-family : Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size : 1.6em;
}
#editableregiontext h4 {
	color : #000000;
	border-bottom : 1px solid #C0C0C0;
	border-top : 1px solid #000000;
	padding-top : 3px;
	padding-bottom : 3px;
	padding-left : 10px;
	margin-top : 10px;
	margin-bottom : 10px;
	font-family : Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size : 1.4em;
}
#editableregiontext h5 {
	color : #000000;
	border-bottom : 1px solid #C0C0C0;
	border-top : 1px solid #000000;
	padding-top : 3px;
	padding-bottom : 3px;
	padding-left : 10px;
	margin-top : 10px;
	margin-bottom : 10px;
	font-family : Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size : 1.1em;
	
}
#editableregiontext h6 {
	color : #000000;
	border-bottom : 1px solid #C0C0C0;
	padding-top : 3px;
	padding-bottom : 3px;
	padding-left : 10px;
	margin-top : 10px;
	margin-bottom : 10px;
	font-family : Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	font-size : 1.1em;
}
#editableregiontext a, 
#editableregiontext a:link, 
#editableregiontext a:active, 
#editableregiontext a:visited,
#editableregiontext a:hover {
	color : #000000;
	font-weight : bold;
	text-decoration : underline;
}
#editableregiontext hr {
	color : #FFFFFF;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	margin-bottom : 10px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 5px;
	border-bottom : 1px solid #000000;
}
#editableregiontext ul {
	list-style-type : square;
	border-top : 1px solid #C0C0C0;
	border-bottom : 1px solid #C0C0C0;
	padding-top : 10px;
	padding-bottom : 10px;
	margin-top : 10px;
	margin-left : 16px;
}
#editableregion>#editableregiontext ul {
	position : relative;
	left : 2px;
}
#editableregiontext ol {
	border-top : 1px solid #C0C0C0;
	border-bottom : 1px solid #C0C0C0;
	padding-top : 10px;
	padding-bottom : 10px;
	margin-top : 10px;
	margin-left : 23px;
	list-style-type : decimal;
}
#editableregiontext ol li {
	float : none;
	display : list-item;
}
#editableregiontext li {
	
}
#editableregion>#editableregiontext li {
	position : relative;
	left : -40px;
}
#editableregiontext dl {
	padding : 5px;
	padding-top : 10px;
	border-top : 1px solid #000000;
	border-bottom : 1px solid #000000;
	margin-top : 20px;
	background-color : #FFFFFF;
}
#editableregiontext dt {
	color : #000000;
	font-weight : bold;
	margin : 0px;
	padding : 0px;
	margin-right : 10px;
}
#editableregiontext dd {
	font-style : italic;
	margin : 0px;
	padding : 0px;
	margin-bottom : 10px;
}
#editableregiontext table {
	border : 1px solid #000000;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	margin-bottom : 0px;
	margin-left : 2px;
	margin-right : 0px;
	margin-top : 0px;
	empty-cells : show;
	font-size : 90%;
}
#editableregiontext tr {
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	margin-bottom : 0px;
	margin-left : 3px;
	margin-right : 0px;
	margin-top : 0px;
}
#editableregiontext th {
	border : 1px none;
	border-bottom : 1px solid #000000;
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	background-color : #FFFFFF;
	color : #000000;
	font-size : 110%;
	font-style : normal;
}
#editableregiontext td {
	border : 1px solid #C0C0C0;
	padding-bottom : 5px;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
}





/* ###################################### */
/* Further Nav menu */

/*heading */
#furtherlinksmenuheader {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}

/*menu */
#furtherlinksmenu {
	visibility : hidden;
	display : none;
	margin : 0px;
	padding : 0px;
}