@charset "UTF-8";
/* CSS Document */

img {border: none;}

body {
	text-align: center;
	background: url(images/bg_tile.gif) 0 0 repeat;
	margin: 0;
	padding: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#container {
	text-align: left;
	width: 824px;
	margin: 0 auto;
	padding-top: 40px;
}

#border {
	border: 12px #3F2D1F solid;
	background-color: #FFF;
}

#header {
	height: 166px;
	background: url(images/header_top.jpg) 0 0 no-repeat;
	position: relative;
	overflow: hidden;
}

#header span {
	position: absolute;
	left: -999em;

}

#topnav {
	position: absolute;
	width: 660px;
	bottom: 3px;
	left: 132px;
}

#content {
	background: url(images/header_bottom.jpg) 0 0 no-repeat;
	min-height: 400px;
}

#breadcrumbs {
	margin-left: 132px;
	padding-top: 5px;
	float: left;
}

#home #breadcrumbes {display: none;}

#main {
	width: 500px;
	margin-left: 25px;
	padding-top: 23px;
	padding-bottom: 20px;
}

#home #main {
	width: 348px;
}

#middlecolumn {
	float: right;
	margin-right: 8px;
	width: 190px;
	display: inline;
	border-left: 1px #CCC solid;
	padding-top: 23px;
	display: none;
}

body#home #middlecolumn {
	display: block;
}

#rightcolumn {
	float: right;
	margin-right: 25px;
	width: 190px;
	display: inline;
	border-left: 1px #CCC solid;
	padding-top: 23px;
}

#bottomnav {
	clear: both;
	height: 39px;
	background-image: url(images/footer_bg.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	position: relative;
}

#bottomnav div {
	position: absolute;
	width: 750px;
	bottom: 0;
	padding-bottom: 6px;
}

#footer {
	padding: 5px 0px 20px 12px;
}


#gallery img {
	padding: 3px;
	margin: 10px 10px 10px 0;
	border: 1px #ccc solid;	
}


/*---- rightsidebar ----*/

#quotebox {margin-left: 12px; font-size: 11px;}
#globalsidebar {margin-left: 12px;}

/*---- homepage ----*/

#whycatholic {
	background: url(images/home_why.jpg) 0 0 no-repeat;
	padding: 35px 8px 10px 8px;
	margin-left: 12px;
	margin-top: 12px;
}

#home #slideshow {margin-left: 12px;}
#home .events {margin: 12px;}

#home a img {border: 1px #C1C1C1 solid; margin-left: 12px;}
#home a:hover img {border-color: #6881CC;}



/*---- formatting ----*/

#footer {color: #707070;}

h1 {font-size: 16px; margin: 0 0 10px 0; color: #960; font-weight: 100; text-transform: uppercase;}
h2 {font-size: 13px; color: #960; margin: 10px 0 8px 0;}
h3 {font-size: 12px; color: #000099; margin-bottom: 0;}

p {margin: 8px 0 0 0; line-height: 16px;}

.row1 {background: #fef8e2;}
.row2 {background: #FEF2CB;}
.row0, .row1, .row2 {padding: 15px;}
.row0 h2, .row1 h2, .row2 h2 {margin-top: 0;}

#home h1 {font-weight: 700;}
#home h2 {margin-bottom: 10px;}
#home h1, #home h2, #home h3 {margin-top: 0px;}

#home p {margin: 10px 0 0 0;}

.leftimg {
	float: left;
	padding: 0px 10px 10px 0px;
}

.rightimg {
	float: right;
	padding: 0px 0px 10px 10px;
}


/*---- lists ----*/

#home #middlecolumn ul, #home #middlecolumn li {
	padding: 0px;
	margin: 0;
	list-style: none;
}

#home #middlecolumn ul {
	margin-left: 10px;
}

#home #rightcolumn ul {
	padding: 0px;
	margin-top: 0;
	margin-left: 15px;

}



/*---- links ----*/


#content a:link, #content a:visited, #content a:active  {text-decoration:none;color:#03C;}
#content a:hover {text-decoration:underline;color:#6881CC;}

#bottomnav a {padding: 0px 14px;}
#bottomnav a:link, #bottomnav a:visited, #bottomnav a:active  {text-decoration:none;color:#211E01;}
#bottomnav a:hover {text-decoration:underline;color:#211E01;}


/*---- topnav ----*/


#topnav {
	font-size: 12px;
}

#topnav ul ul {
	font-size: 11px;
}

#topnav ul, #topnav ul ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#topnav li a {
	display: block;
	min-width: 1px;
	padding: 7px 13px 7px 13px;
	background: #F4F4E8;
/*	background-image: url(images/nav_bg.png);*/
}

#topnav div {
	padding: 7px 0px;
/*	background-image: url(images/nav_bg.png);*/
	background: #F4F4E8; /*#F3E0B5;*/
}

#topnav li li a, #topnav li a.noborder {
	border: none;
}

#topnav li {
	float: left;
	min-width: 1px;
}

#topnav li li {
	width: 185px;
	padding-bottom: 8px;
	line-height: normal;
}

#topnav ul li ul li a {
	display: block;
	width: 185px;
}


#topnav li ul {
	position: absolute;
	width: 185px;
	left: -999em;
/*	background-color: #FFF;*/
	border-bottom: 2px #0033CC solid;
	padding: 15px 10px 5px 0px;
}

#topnav li:hover ul {
	left: auto;
}


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

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

#topnav ul a:hover,
#topnav ul li:hover a,
#topnav ul li.over a {
	color: #211E01;
	background-image: none;
	background: #DBDBD4;
}

#topnav a:link, #topnav a:visited, #topnav a:active,
#topnav ul ul a:link, #topnav ul ul a:visited, #topnav ul ul a:active {text-decoration:none; color:#211E01;}
#topnav a:hover, 
#topnav ul ul a:hover {text-decoration:underline; color:#211E01;}


/*---- utilities ----*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}