/*
*************************************************
Holy Family Catholic School

Author:		Scott Beatty, sbeatty@northpointdesign.com
Updated:	July 21, 2008
Notes:		None

*************************************************
*/
* {
   margin: 0;
   padding: 0;
}

body{
   background: #FFF url(/images/bg_body.jpg) repeat-x;
   font-size: 85%;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 1;
   text-align:center;
}

body#home{
   background: #FFF url(/images/bg_body_home.jpg) repeat-x;
   font-size: 62.5%;
   font-family: Arial, Helvetica, sans-serif;
   line-height: 1;
   text-align:center;
}

hr{
   display: none;
}

#skip{
   position: absolute;
   text-indent: -9999px;
   list-style: none;
}

*+html #skip{
   position: static;
   height: 0;
}

#container{
   width: 900px;
   margin:0 auto;
   text-align:left;
}

a{
   overflow: hidden;
}

/* =Header
---------------------------------------------------------------------
*/

#header{
   float: left;
   width: 900px;
   height: 152px;
   background: url(/images/bg_header.jpg) no-repeat;
}

#header h1{
   float: left;
   width: 275px;
   height: 106px;
   text-indent: -9999px;
}

#header h1 a{
   display: block;
   width: 275px;
   height: 106px;
}

/* topnav*/

#top-nav{
	width:440px;
   display: inline; /* IE6 double margin float bug hack */
   float: right;
   margin: 7px 3px 0 182px;
   border: 0;
   color: #3A445E;
   font-size: 12px;
   font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
}

#top-nav p{
   color: #95C8EB;
   float: left;
   padding: 5px 0 0 0;
}

#top-nav a{
   color: #95C8EB;
   text-decoration: none;
}

#top-nav a:hover{
   color: #FFF;
}

/* search */

form#searchForm{
   float: left;
   width:190px;
   padding: 0;
   margin-right:2px;
   border:0;
}

form#searchForm input#search_term{
   float: left;
   width: 125px;
   margin: 0 3px 0 0;
   padding: 3px 0;
   border: 1px solid #BFBFBF;
   border-top: 1px solid #8A8A8A;
   border-bottom: 1px solid #DFDFDF;
   color: #707070;
   font-size: 0.9167em;
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

form#searchForm a#search_go{
   float: left;
   width: 56px;
   height: 20px;
   background: url(/images/bg_search_go.jpg) no-repeat;
   text-indent: -9999px;
}

#welcome {
	clear:both;
	float:left;
	width:900px;
	height:227px;
}

#welcome #flash-slideshow {
	display:inline;
	float:left;
	width:400px;
}

#welcome #flash-slideshow #fcontent {
	width:365px;
	height:210px;
	border:2px solid #FFF;
}

#welcome #billboard-wrap {
	display:inline;
	float:left;
	width:400px;
}

#welcome #billboard {
	width:365px;
	height:210px;
	border:2px solid #FFF;
	position: relative;
}

#welcome #billboard #rotator {
	width:365px;
	height:210px;
	overflow: hidden;
}

#welcome #billboard #rotator img {
	border: 0;
	display: block;
}

#welcome #welcome-text {
	display:inline;
	float:right;
	width:500px;
}

#welcome #welcome-text h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#FFBA2B;
	margin-bottom:10px;
	font-weight:normal;
}

#welcome #welcome-text p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#FFF;
}

/* =Navigation
---------------------------------------------------------------------
*/

#nav{
	clear:both;
   float: left;
   width: 900px;
   margin: 0;
   list-style:none;
}

#nav li{
   float: left;
   list-style:none;
}

#nav li:hover, #nav li.hover {   
    position: static;   
}

#nav li a{
   font-size: 14px;
   display: block;
   padding:8px 12px;
   color: #F0F0F0;
   text-decoration: none;
}

#nav li a:hover{
	color:#FFF;
	background:#9D6A00;
}

#nav li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 170px;
   border: 2px solid #D58F00;
   list-style: none;
   line-height: 1;
}

#nav li li{
   font-size: 12px;
   text-indent: 0;
   line-height: 1.25;
}

#nav li ul ul{
   margin: -27px 0 0 160px;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul{
   left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{
   left: auto;
}

#nav li li li{
   font-size: 100%;
}

#nav li li a{
   width: 154px !important;
   height: auto;
   padding: 3px 8px;
   background:#D58F00;
   background-image: none !important;
   text-indent: 0;
   font-size:12px;
}

#nav li li a:hover{
   background: #9D6A00;
}
/* =Container-Inner
---------------------------------------------------------------------
*/
#container-inner {

}

/* =Content-Wrap
---------------------------------------------------------------------
*/


#content-wrap{
   clear: both;
   position: relative;
   float: left;
   width: 900px;
   background:#FFF;
   padding-top:2px;
   padding-bottom:6px;
}

/* =Content
---------------------------------------------------------------------
*/

#content{
   display: inline;
 /* IE6 double margin float bug hack */
   float: right;
   width: 685px;
}

body#home #content{
   display: inline;
 /* IE6 double margin float bug hack */
   float: right;
   width: 515px;
}

body.no-sidebar #content{

}

body#home #content .featured-article {
	width:500px;
	background:#E2D9B4;
	border:1px dashed #CFC085;
	padding:5px;
	margin-bottom:5px;
}

body#home #content .featured-article h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#334E9B;
	margin-bottom:8px;
	font-weight:normal;
}

body#home #content .featured-article h4 a{
	color:#334E9B;
}

body#home #content .featured-article h4 a:hover{
	text-decoration:none;
}

body#home #content .featured-article p{
	line-height:1.1em;
	color:#333333;
	margin-bottom:0;
}

body#home #content .featured-article p span.artdate{
	color:#948145;
}

body#home #content .featured-article p a{
	color:#334E9B;
}

#content h3{
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	color:#FFF;
	background:#223366 url(/images/bg_content_h3.jpg) repeat-x;
	padding:5px 0 5px 5px;
	margin-bottom:5px;
	margin-right:2px;
}

body#home #content h3{
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	color:#FFF;
	background:#223366;
	padding:5px 0 5px 5px;
	margin-bottom:5px;
}

#content h4, #content h5, #content h6 {
	font-family:"Times New Roman", Times, serif;
   	color: #4D6AC4;
	margin-bottom:1em;
}

#content h4{
	font-size:1.4em;
}

#content h5{
	font-size:1.2em;
}

#content h6{
	font-size:1em;
}

#content p,
#content ul,
#content ol{
   margin-bottom: 1em;
   font-size: 1.2em;
   line-height: 1.2;

}

#content ul,
#content ol {
   margin-left: 3em;
}


#content ul#byline{
   margin-bottom: 10px;
   font-size: 1.1em;
   list-style: none;
}

#content blockquote{
   margin-left: 3em;
}

#content hr{
   display: block;
   margin-bottom: 1em;
}

#content a{
   color: #4D6AC4;
}

#content a:hover{
   text-decoration: none;
}

#content img{
   margin: 0 10px 5px 0;
}

#content img.right{
   float: right;
   margin: 0 0 10px 5px;
}

#content img.header-image{
   display: block;
   float: none;
   margin-bottom: 16px;
   padding: 3px;
   border: 1px solid #d6d6d6;
   background: #f2f2f1;
}


#content #text{
	padding:0 5px 5px 5px;
    clear: both;
	color:#333333;
}

/* =Sidebar
---------------------------------------------------------------------
*/

#sidebar {
   display: inline;
 /* IE6 double margin float bug hack */
   float: left;
   width: 215px;
}

#subnav-wrap {
   width: 205px;
   margin:1px 2px 2px 2px;
   background:#F7F4EA;
   padding:11px 0 11px 6px;
}

#subnav {
	width:205px;
	list-style:none;
}

#subnav li a {
	display: block;
   	padding: 6px 0 6px 28px;
   	background: url(../images/arrow_sidenav.jpg) no-repeat 10px 10px;
   	color: #474638;
   	font-size: 12px;
   	text-decoration: none;
   	line-height: 1.36;
}

#subnav li a:hover {
   	color: #000000;
}

#subnav ul{
   list-style: none;
}

body#home #sidebar {
   display: inline;
 /* IE6 double margin float bug hack */
   float: left;
   width: 380px;
   margin-right:2px;
   margin-left:2px;
   background:#F7F4EA;
}

body#home #sidebar  h3{
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	color:#FFF;
	background:#223366;
	padding:5px 0 5px 5px;
}

body#home #sidebar  #event-wrap{
	width:360px;
	padding:10px;
}

body#home #sidebar .event{
   float: left;
   width: 360px;
   padding-bottom:5px;
   border-bottom:1px solid #E3DAB7;
   margin-bottom:6px;
}

body#home #sidebar .event p{
   color: #333;
   font-size: 12px;
}

body#home #sidebar .event h4{
   font-size: 12px;
   margin-bottom:4px;
}

body#home #sidebar .event h4 a{
   	color: #4863B9;
	text-decoration:underline;
}

body#home #sidebar .event p h4 a:hover{
	text-decoration:none;
}

body#home #sidebar .event a:hover{
   text-decoration: none;
}

body#home #sidebar .event p.date{
	clear:left;
   float: left;
   width: 43px;
   padding-bottom: 5px;
   border: 1px solid #FFFFFF;
   background: #E2D9B4;
   color: #223366;
   font-size: 18px;
   font-family: Georgia, "Times New Roman", Times, serif;
   text-align: center;
   margin-right:6px;
}

body#home #sidebar .event p.date span.month{
   display: block;
   margin-bottom: 3px;
   padding: 2px 0;
   background: #223366;
   color: #FFF;
   font-size: 14px;
   font-weight:bold;
   text-transform: uppercase;
   line-height: 1;
}

body#home #sidebar .event p.date span.day{
   display: block;
}

body#home #sidebar .sidebar-extra{
   clear: both;
   padding: 5px;
}
/* =Footer
---------------------------------------------------------------------
*/

#footer{
   clear: both;
   margin:0 auto 10px;
   width: 896px;
   height:80px;
   background:#F7F4EA;
   border-top:4px solid #DFDFDF;
}

#footer p{
   margin-bottom: .5em;
   color: #7E7E6B;
   font-size: 11px;
   line-height:1.36em;
   padding-left:10px;
}

#footer div#copyright{
   	float: left;
	width:496px;
	background:#F7F4EA;
}

#footer div#auxano{
   	float: right;
	width:400px;
	background:#F7F4EA;
}

#footer div#auxano p{
   text-align: right;
}

#footer div#auxano img{
	border:0;
	margin:10px 10px 0 0;
}

#footer a{
   color: #317EAE;
   text-decoration: none;
}

#footer div#copyright p a{
   color: #317EAE;
}


/* =ADD ONS
---------------------------------------------------------------------
*/

/* =events calendar
---------------------------------------------------------------------
*/
#content table.calendar{
   border: 1px solid #B49E47;
   border-bottom: 0;
   border-collapse: collapse;
}

#content table.calendar caption{
   padding-bottom: .4em;
   color: #958A3A;
   font-size: 1.8em;
   text-transform: uppercase;
   text-align:center;
   width:450px;
}

#content table.calendar caption span{
   color: #223366;
}

#content table.calendar .calendar-month{
	color: #223366;
	font-size:18px;
}

#content table.calendar th{
   padding: 5px 0;
   border-bottom: 1px solid #B49E47;
   background: #E2D9B4;
   color: #223366;
   font-weight: normal;
   font-size: 12px;
}

#content table.calendar td{
   width: 90px;
   height: 70px;
   padding: 2px;
   border: 1px solid #B49E47;
   border-left: 0;
   border-top: 0;
   background: #E2D9B4;
   color: #988D5A;
   vertical-align: top;
   font-size: 9px;
}

#content table.calendar td.empty{
   background: #CFC085;
}

#content table.calendar td ul{
   margin: .5em 0 0 0;
   padding: 0 0 0 0;
   list-style: none;
   line-height: 1.2;
}

#content table.calendar td li{
   margin-bottom: .5em;
}

/* =Ek stuff
---------------------------------------------------------------------
*/
img.mcms_stats  /* Hide all stats images */ { display: none; }