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

/*------------------------------------------------------------* ** Global **------------------------------------------------------------*/ 
p {margin-bottom: 8px; margin-top:5px; line-height:15px; font-size:11px; color: #000000;}
html,body,div,h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0}
body {font-family: Verdana, Arial, Helvetica, sans-serif; background:url('images/bg-brown.gif');}
table { font-family: Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:0px; font-size:11px; color: #000; text-align: left;}

/* Text */ 
small {font-size: smaller; font-size: 0.85em}
big {font-size: 1.4em; line-height: 1.4em}
h1 { font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 30px; color: #003366; padding-bottom: 4px; padding-top: 0px;}
h2 { font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 22px; color: #003366; padding-bottom: 4px; padding-top: 8px;}
h3 { font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #003366; padding-bottom: 4px; padding-top: 8px;}
h4 { font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bolder; color: #003366; padding-bottom: 4px;}
h5 { font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 15px; color: #003366; padding-bottom: 4px; padding-top: 8px;}
h6 { font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; color: #003366; padding-top: 8px }

/* LINK STYLES */ 

a {color: #990000; text-decoration:none;}
a:hover {color: #51652B; text-decoration: underline;}

a.white {color: #FFFFFF;}
a.white:hover {color: #0099EA; text-decoration: underline}

/* STYLES FOR NAVBAR AND NAVBAR LINKS */
.navbar {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-transform:uppercase; letter-spacing: 1px; padding-left:1px; padding-right:1px; padding-top:5px; padding-bottom:5px;}
a.navbar:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration:none; text-transform:uppercase;}
a.navbar:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #E9B837; text-decoration:none; text-transform:uppercase;}

/* STYLES FOR NAVBAR AND NAVBAR LINKS */
.frontboxhead {font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bolder; color: #003366; padding-bottom: 4px;}
a.frontboxhead:link {font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bolder; color: #003366; padding-bottom: 4px;}
a.frontboxhead:hover {font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bolder; color: #51652B; text-decoration: underline; padding-bottom: 4px;}

/* STYLES FOR UNORDERED LISTS */

ul { list-style-image: url('images/square_gold.gif'); font-size:11px; margin-left: 30px; margin-bottom: 10px; margin-top: 0px; padding: 0px;}
li { margin-left: 0px; margin-top:6px; margin-bottom:6px; padding:0px;}
ul ul { list-style-image: url('images/round_green.gif'); font-size:11px; margin-left: 30px; margin-top:0px; margin-bottom:3px; padding:0px;}
ul.bluelist { list-style-image: url('images/triangle_blue.gif'); margin-left: 15px; margin-top:0px; margin-bottom:3px; padding:0px;}
ul.bluelistphoto { list-style-image: url('images/triangle_blue.gif'); padding-left: 30px; margin-top:0px; margin-bottom:3px; padding:0px;}


/* SIDEBOX STYLES */

#sidebox {padding: 9px; margin-bottom: 15px; border: 1px solid #003366;}
#sidebox2 {padding-top:7px; padding-left:7px; padding-right:7px; padding-bottom:3px; margin-bottom: 15px; border: 1px solid #CCCCCC;}
.sidebox_readout {font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; font-style: italic;}
.sidebox_text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #333333;}
a.sidebox_text {font-weight: normal; color: #003366;}
a.sidebox_text:hover {font-weight: normal;}
ul.sidebox_text { margin-left: 16px; margin-top:2px; margin-bottom:2px;}
li.sidebox_text {font-size: 10px; padding:0px;}
ul.sidebox_text ul { margin-left: 16px; margin-top:0px; margin-bottom:3px; padding:0px;}
li.sidebox_text li {font-size: 10px;}
.sideboxphoto_rt {float: right; margin: 2px 0px 2px 6px; border: 1px solid #000000;}
.sideboxphoto_lt {float: left; margin: 2px 6px 2px 0px; border: 1px solid #000000;}


/* POSITIONING AND GENERAL ELEMENTS */
#maincolumn {width:712px; margin-left:2px; margin-right:12px; padding-left:14px; border-left: 2px dotted #DBD4BE;}
#sidecolumn {width:230px; margin-left:15px; margin-right:13px;}
#homecenter {float: left; width:482; margin-right:2px; padding-right:14px; border-right: 2px dotted #DBD4BE;}
#homertside {float: right; width:200px; padding-left:12px;}

#homepagebox { padding-top: 12px; padding-bottom: 15px; padding-left:18px; padding-right:18px; margin-bottom:6px; background-color: #DBD4BE}
.homepagephoto_left {margin-top:8px; border: 1px solid #999999;}

#topphoto { margin-right:12px; text-align:left; border: 1px solid #999999; padding: 10px;}
#topright { float:right; max-width: 200px; margin-left:10px; text-align:left}

.sitefooter {text-align:center; font-size: 10px; color: #333333; margin:20px; padding-top:15px; border-top: 2px dotted #DBD4BE;}

.spotlight {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #990000; font-weight: bold; padding-top:12px; margin-top:20px; border-top: 4px double #4F7604; }
.spotlight_title {font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; text-transform: uppercase; color: #003366; padding-bottom: 6px;}

.more {color: #990000; background-image: url('images/triangle_blue.gif'); background-position:center right; background-repeat:no-repeat; padding-right:10px}

#liturgicaldate {position:relative; width: 100%; padding-bottom: 5px; margin-bottom: 3px; border-top: 0px; border-right: 0px; border-bottom: 1px solid #999999; border-left: 0px;}

ul.unorderedlist {padding-left: 30px; padding-bottom: 18px;}
form {margin: 0; padding: 0;}
textarea, select {background: #fcfcfc; border: 1px solid #bbb; color: #000; font-size: 10px; margin: 0; vertical-align: middle}
div.box .input-text{background-color: #F3F0E6; border:1px solid #9A8D61; color:#666666; font-size: 9px;}
input.btn{color:#FFFFFF; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:0px; padding:0px; background-color:#990000; border:1px solid; border-top-color:#c63; border-left-color:#c63; border-right-color:#930; border-bottom-color:#930;}
input.window{color:#000000; font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; margin:0px; background-color:#FFFFFF; border:1px solid; border-color:#FFFFFF; }
input.btnhov{border-top-color:#c63; border-left-color:#c63; border-right-color:#930; border-bottom-color:#930;}

/* Positioning */ 
.main_content {float:left; width:500px; padding:10px; text-align:left;}
.right {float: right}
.left {float: left}
.align-center, .center {text-align: center}
.align-right {text-align: right}
.align-left {text-align: left}
.clear {clear: both}
hr {clear: both; border: none 0; border-top: 1px solid #003366; height: 1px; margin: 5px}


/*STYLES FOR SLIDEBOX AND SIDE NAVIGATION LINKS*/
	.slidebox {background-color: #FFFFFF; border: 1px solid #666666; width:230px;} 
	.slidecontent {padding:10px;}
	.sidelinkgrafs { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; margin-top: 0px; margin-bottom: 4px;}
	a.sidelink {color:#000000; text-decoration:none; padding:3px;}
	a.sidelink:hover {color:#FFFFFF; text-decoration:none; padding: 3px; background-color: #990000}
	
	.clergyslidebox {background-color: #FFFFFF; border: 1px solid #666666;} 
	
/* DON'T DELETE - STYLES FROM PREVIOUS DESIGN */

	.nav {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
	.lede_in { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FF9900}
	.head_sm { font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold;color: #003366; padding-bottom: 4px; padding-top: 8px;}
	.head_md { font-family: Verdana, Trebuchet, Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold;color: #003366; padding-bottom: 4px; padding-top: 8px;}
	.head_lg {font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; font-size: 30px; font-weight: bold; color: #003366; padding-bottom:4px; padding-top: 0px;}
	.body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color: #00; text-align: left;}
	.footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #333333}
	.copyright {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000}
	a.copyright {font-weight: normal;}
	a.copyright:hover {font-weight: normal;}
	.description {font-family: Trebuchet, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; font-style: italic; padding-top: 4px;}
	.calendar {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #990000; font-weight: bold;}
	.allcaps {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-transform: uppercase;}
	.photoright {float: right; margin-right:0px; margin-bottom:12px; margin-left:12px; margin-top:4px; border: 1px solid #000000;}
	.photoleft {float: left; margin-right:12px; margin-bottom:12px; margin-left:0px; margin-top:4px; border: 1px solid #000000;}
	.photo {margin-bottom:6px; border: 1px solid #999999;}
	.artright {float: right; margin-right:0px; margin-bottom:5px; margin-left:10px; margin-top:3px;}
	.artleft {float: left; margin-right:10px; margin-bottom:5px; margin-left:0px; margin-top:3px;}
	.graybox {border: 1px solid #CCCCCC; width: 100%;}
	.grayboxhed {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #990000; text-align: left;}

	.artright_sm {float: right; margin: 0px 0px 1px 3px;}
	.artleft_sm {float: left; margin: 0px 3px 1px 0px;}
	.photoright_sm {float: right; margin-right:0px; margin-bottom:6px; margin-left:10px; margin-top:4px; border: 1px solid #000000;}
	.photoleft_sm {float: left; margin-right:10px; margin-bottom:6px; margin-left:0px; margin-top:4px; border: 1px solid #000000;}
	.graybox_sm {border: 1px solid #CCCCCC; width: 95%; padding: 8px;}
	.body_blue {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366;}