body{background:#666666 url(images/background.jpg) repeat-x;background-attachment:fixed;font-family:Tahoma,Geneva,Arial,Verdana,sans-serif,Times New Roman;margin-top:0}

.container{position:relative;min-height:1140px;height:auto !important;height:1140px;width:898px;border:1px solid #333333;background:#ffffff;text-align:left}
* html #container {height: 50%}
.head{position:absolute;top:0;left:0;height:130px;width:898px;background:url(images/dioheadback.jpg)}
.side{position:absolute;left:10px;top:200px}
.weather{position:absolute;left:0;top:940px}

.menulang{position:absolute;right:10px;top:155px;height:25px;padding-left:15px;padding-right:15px;background:#cccccc url(images/menuback6.jpg) repeat-x;border-left:1px solid #666633;border-right:1px solid #666633;border-bottom:1px solid #666633;font-family:Verdana;font-size:11px;line-height:22px}
.menulang2{position:absolute;right:226px;top:155px;height:25px;font-family:Verdana;font-size:10px;line-height:22px;color:#999999}

a.menulangl{color:#0000CC}
a.menulangl:link {text-decoration:none}
a.menulangl:active {text-decoration:none}
a.menulangl:visited {text-decoration:none}
a.menulangl:hover {text-decoration:underline}


.leftcorner{position:absolute;left:0;top:0;height:10px;width:10px}
.rightcorner{position:absolute;right:0;top:0;height:10px;width:10px}


.spacer{position:relative;margin-top:200px}
.spacer2{position:relative;margin-top:250px}

.indexcal{position:relative;width:260px;height:404px;}
.indexcal2{position:relative;width:236px;height:380px;padding:10px;font-family:arial;font-size:15px;color:#333333;border:2px solid #999966;background:#cccc99 url(images/titleback11.jpg) repeat-x}
* html .indexcal2 {width:260px;w\idth:236px;height:404px;he\ight:380px}

.indexres{position:relative;width:180px;height:224px;margin-top:14px}
.indexres2{position:relative;width:156px;height:200px;line-height:22px;padding:10px;font-family:arial;font-size:15px;color:#333333;border:2px solid #999966;background:#cccc99 url(images/titleback1.jpg) repeat-x}
* html .indexres2 {width:180px;w\idth:156px;height:224px;he\ight:200px}

.lnk11{font-family:arial;font-size:13px;text-decoration:underline}
a.lnk11:link {color:#000099}
a.lnk11:visited {color:#000099}
a.lnk11:active {color:#000099}
a.lnk11:hover {color:#666666}

.lnk19{font-family:arial;font-size:13px;color:#000099}
a.lnk19:link {text-decoration:none}
a.lnk19:visited {text-decoration:none}
a.lnk19:active {text-decoration:none}
a.lnk19:hover {text-decoration:underline}

.lnk1124{font-family:arial;font-size:13px;text-decoration:underline;line-height:24px}
a.lnk1124:link {color:#000099}
a.lnk1124:visited {color:#000099}
a.lnk1124:active {color:#000099}
a.lnk1124:hover {color:#666666}

.lnk11ns{text-decoration:underline}
a.lnk11ns:link {color:#000099}
a.lnk11ns:visited {color:#000099}
a.lnk11ns:active {color:#000099}
a.lnk11ns:hover {color:#666666}

.par_email a{text-decoration:underline}
.par_email a:link {color:#000099}
.par_email a:visited {color:#000099}
.par_email a:active {color:#000099}
.par_email a:hover {color:#666666}

.lnk12{font-family:arial;font-size:12px;color:#000099}
a.lnk12:link {text-decoration:none}
a.lnk12:visited {text-decoration:none}
a.lnk12:active {text-decoration:none}
a.lnk12:hover {text-decoration:underline}

.lnk12ns{color:#000099}
a.lnk12ns:link {text-decoration:none}
a.lnk12ns:visited {text-decoration:none}
a.lnk12ns:active {text-decoration:none}
a.lnk12ns:hover {text-decoration:underline}

.lnk13{font-family:Arial;color:#000099;font-size:13px;text-decoration:none}
.lnk13s1{float:left;display:inline-block;width:140px;border-right:1px solid #999966;margin-right:10px}
.lnk13s2{float:left;display:inline-block;width:64px;border-right:1px solid #999966;margin-right:10px}
.lnk13s3{float:left;display:inline-block;width:240px;border-right:1px solid #999966;margin-right:10px}
.lnk13s4{float:left;display:inline-block;}
.lnk13t1{float:left;display:inline-block;width:130px;margin-left:10px;margin-right:22px}
.lnk13t2{float:left;display:inline-block;width:50px;margin-right:22px}
.lnk13t3{float:left;display:inline-block;width:230px;margin-right:22px}
.lnk13t4{float:left;display:inline-block;width:50px;}

.lnk18{font-family:Arial;color:#000099;font-size:12px;text-decoration:none}

.ca_1 {width:11px;height:12px;float:left;display:inline-block;background:url(images/ca_1.jpg);margin-right:20px}
.ca_2 {width:11px;height:12px;float:left;display:inline-block;background:url(images/ca_2.jpg);margin-left:20px}
.ca_3 a{width:11px;height:12px;float:left;display:inline-block;background:url(images/ca_3.jpg)}
.ca_4 a{width:11px;height:12px;float:left;display:inline-block;background:url(images/ca_3.jpg)}
.ca_3 a:hover{background:url(images/ca_4.jpg)}
.ca_4 a:hover{background:url(images/ca_5.jpg)}

a.lnk14{color:#000000;text-decoration:none;font-weight:bold}

.lnk15{font-family:verdana;font-size:10px;text-decoration:underline}
a.lnk15:link {color:#000099}
a.lnk15:visited {color:#000099}
a.lnk15:active {color:#000099}
a.lnk15:hover {color:#666666}

.lnk16{color:#fff}
a.lnk16:link {text-decoration:none}
a.lnk16:visited {text-decoration:none}
a.lnk16:active {text-decoration:none}
a.lnk16:hover {text-decoration:underline}


.txt11{font-family:Verdana;font-size:15px;color:#336666;line-height:40px}

.indexpic{position:relative;margin-bottom:20px;width:258px;height:196px;border:1px solid #666633;background:#666666}

.indexlbox a{display:block;position:relative;margin-bottom:8px;width:178px;height:42px;border:1px solid #333333}
.indexlbox a:hover{border:1px solid #cccccc;}

.indexlbox2 {margin-top:14px;width:178px;height:209px;border:1px solid #333}


#rotator{overflow:hidden;margin:4px auto auto;position:relative;width:250px;height:188px;}

#rotator img{border:0;width:250px;height:188px;display:none;position:absolute;top:0;left:0;}


.content{position:relative;margin-left:200px;overflow:hidden;margin-bottom:60px;width:698px}
.content0{position:relative;margin-left:210px;overflow:hidden;margin-bottom:60px;width:398px;font-family:Arial;font-size:13px}
.content2{position:relative;margin-left:300px;overflow:hidden;margin-bottom:60px;width:598px}
.content3{position:relative;margin-left:250px;overflow:hidden;margin-bottom:60px;width:648px}
.content3a{position:relative;margin-left:250px;overflow:hidden;margin-bottom:60px;width:570px}
.content3b{position:relative;margin-left:250px;overflow:hidden;margin-bottom:60px;width:620px}
.content4{position:relative;margin-left:260px;overflow:hidden;margin-bottom:60px;width:550px;font-family:Arial;font-size:12px;font-weight:normal}
.content4a{font-size:14px;font-weight:bold}
.content4b{color:#000099;font-weight:bold}
.content4c{font-size:14px;font-weight:bold;color:#000099}
.content4d{position:relative;margin-left:260px;overflow:hidden;margin-bottom:60px;width:638px;font-family:Arial;font-size:12px;font-weight:normal}
.content5{position:relative;margin-left:280px;overflow:hidden;margin-bottom:60px;width:618px}
.content6{position:relative;margin-left:160px;overflow:hidden;margin-bottom:60px;width:738px;font-size:22px;color:#000099;text-align:center}
.content7{position:relative;margin-left:300px;overflow:hidden;margin-bottom:60px;width:558px}
.content8{position:relative;margin-left:230px;overflow:hidden;margin-bottom:60px;width:648px}
.contentf{position:relative;margin-left:2px;overflow:hidden;margin-bottom:60px;width:898px}
.content9{position:relative;margin-left:40px;overflow:hidden;margin-bottom:60px;width:858px}
.content10{position:relative;margin-left:230px;overflow:hidden;margin-bottom:60px;width:668px}


.contentright{position:absolute;top:200px;right:10px}

.tl{position:absolute;left:0;top:0;height:10px;width:10px;}
.tr{position:absolute;right:0;top:0;height:10px;width:10px;}
.bl{position:absolute;left:0;bottom:0;height:10px;width:10px;}
.br{position:absolute;right:0;bottom:0;height:10px;width:10px;}

.parishbutton a{display:block;color:#000000;width:170px;height:50px;text-align:center;border:2px solid #999966;background:#cccc99 url(images/titleback2.jpg) repeat-x}
.parishbutton a:hover{background:#999966 url(images/titleback3.jpg) repeat-x}

.combutton a{display:block;color:#000000;width:200px;height:50px;text-align:center;border:2px solid #999966;background:#cccc99 url(images/titleback2.jpg) repeat-x}
.combutton a:hover{background:#999966 url(images/titleback3.jpg) repeat-x}

.calendar_evbutton a{display:block;float:left;padding:4px 0px 0px 8px;margin-bottom:8px;width:600px;height:18px;text-align:left;border:1px solid #999966;background:#cccccc url(images/titleback62.jpg) repeat-x;cursor:pointer}
.calendar_evbutton a:hover{background:#666666 url(images/titleback72.jpg) repeat-x}

.calendar_evbutton2 {width:840px;display:block;height:40px}

.cl_lhead{position:absolute;left:0;top:0;padding:2px 0px 0px 8px;width:80px;height:18px;border:1px solid #999966;background:#cccccc url(images/titleback8.jpg) repeat-x;}
.cl_lhead2{position:absolute;left:0;top:0;padding:2px 0px 0px 8px;width:100px;height:18px;border:1px solid #999966;background:#cccccc url(images/titleback8.jpg) repeat-x;}
.cl_rdata {padding:2px 0px 0px 0px;position:relative;margin-bottom:10px;text-align:left}
.cl_rdataf {margin-left:100px;width:450px;font-family:Tahoma;font-size:15px;color:#336666}
.cl_rdataf2 {margin-left:118px;width:450px;font-family:Tahoma;font-size:15px;color:#336666}
.cl_rdataf3 {margin-left:190px;width:100px;font-family:Tahoma;font-size:15px;color:#336666}
.cl_rdataf4 {margin-left:40px;margin-top:16px}
.cl_rdataf_e {margin-left:100px;width:450px;font-family:Tahoma;font-size:12px;color:#333333}

.cl_rdataf_e a, .cl_rdataf_e a:visited{font-family:Tahoma;font-size:15px;color:#336666;text-decoration:underline}
.cl_rdataf_e a:hover{color:#666666;}

.contactform_s1{float:left;display:inline-block;width:80px;}
.contactform_s2{float:left;display:inline-block;width:300px;}
.contactform_s3{float:left;display:inline-block;margin-left:80px;width:300px;}
.contactform_s4{float:left;display:inline-block;margin-left:180px;width:100px;}

.back{position:relative;width:650px;height:748px;border:1px solid #000099;background:#999999}
.diologo{position:absolute;left:0;top:0;height:135px;width:100px}
.diotxt1{position:absolute;left:79px;top:6px}
.diotxt11{font-family:Verdana;font-size:15px;font-style:italic;font-weight:bold;color:#ffffff;text-decoration:none}
.diotxt2{position:absolute;left:80px;top:7px;font-family:Verdana;font-size:15px;font-style:italic;font-weight:bold;color:#000000}
.main{position:absolute;left:3px;top:3px;height:740px;width:642px;border:1px solid #000099;background:#ffffff}


.headback{height:135px;width:642px}
.cornertl{position:absolute;top:0;left:0;height:7px;width:7px}
.cornertr{position:absolute;top:0;right:0;height:7px;width:7px}
.cornerbl{position:absolute;bottom:0;left:0;height:7px;width:7px}
.cornerbr{position:absolute;bottom:0;right:0;height:7px;width:7px}
.headmenu{position:absolute;bottom:0;right:20px;width:348px;height:20px;text-align:left}

.menulink2{font-family:Verdana;font-size:13px;text-decoration:none;font-weight:bold;line-height:45px}

.ftlinks{position:absolute;bottom:31px;left:0;width:898px;font-family:Tahoma;font-size:10px;color:#000;text-align:center}
.copyr{position:absolute;background:#336666;bottom:0;left:0;height:28px;width:898px;font-family:Tahoma;font-size:10px;color:#fff;text-align:center;border-top:1px solid #333333}

.office_data{width:570px;font-family:Arial;font-size:13px;color:#333333}
.office_data a{text-decoration:underline}
.office_data a:link {color:#000099}
.office_data a:visited {color:#000099}
.office_data a:active {color:#000099}
.office_data a:hover {color:#666666}

.cse-branding-right {
padding:1px 0px 3px 5px;
position:absolute;left:10px;top:155px;
width:240px;
height:21px;
background:#cccccc url(images/menuback62.jpg);color:#000000;border:1px solid #666633;border-top:none}

.cse-branding-form form {
margin-bottom: 0;
padding-bottom: 0;
}

.menu2 {width:170px; height:24px; position:absolute;left:0;top:110px;z-index:100;background:#cccc99 url(images/menuback12.jpg) repeat-x;border-bottom:1px solid #666633}
/* hack to correct IE5.5 faulty box model */
* html .menu2 {width:170px; w\idth:170px;}

.menu2 ul {padding:0;margin:0;list-style-type:none;}

.menu2 li {float:left;position:relative}
.menu2 li.l1t{width:80px}
.menu2 li.l9t{width:90px}

.menu2 a{display:block;font-family:Verdana;font-size:11px;text-align:center;text-decoration:none;color:#333333;height:22px;line-height:21px;font-weight:bold;border:1px solid #666633}
.menu2 a.l1t{width:78px}
.menu2 a.l9t{width:88px}

* html .menu2 a.l1t{width:80px;w\idth:78px;}
* html .menu2 a.l9t{width:90px;w\idth:88px}

.menu2 a:hover{height:22px;color:#ffffff;background:#999966 url(images/menuback32.jpg) repeat-x}
.menu2 a:hover{height:22px;color:#ffffff;background:#999966 url(images/menuback32.jpg) repeat-x}

.menu {width:898px; height:24px; position:absolute;left:0;top:130px;z-index:100;background:#cccc99 url(images/menuback12.jpg) repeat-x;border-bottom:1px solid #666633}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:898px; w\idth:898px;}

.menu ul {padding:0;margin:0;list-style-type:none;}

.menu li {float:left;position:relative}

.menu li.l2t{width:106px}
.menu li.l3t{width:104px}
.menu li.l4t{width:112px}
.menu li.l5t{width:94px}
.menu li.l6t{width:156px}
.menu li.l7t{width:134px}
.menu li.l8t{width:82px}
.menu li.l10t{width:110px}

.menu li.l1t{width:80px}
.menu li.l9t{width:90px}

.menu a{display:block;font-family:Verdana;font-size:11px;text-align:center;text-decoration:none;color:#333333;height:22px;line-height:21px;font-weight:bold;border:1px solid #666633}
.menu a.l2t{width:104px}
.menu a.l3t{width:102px}
.menu a.l4t{width:110px}
.menu a.l5t{width:92px}
.menu a.l6t{width:154px}
.menu a.l7t{width:132px}
.menu a.l8t{width:80px}
.menu a.l10t{width:108px}

.menu a.l1t{width:78px}
.menu a.l9t{width:88px}

* html .menu a.l2t{width:106px;w\idth:104px}
* html .menu a.l3t{width:104px;w\idth:102px}
* html .menu a.l4t{width:112px;w\idth:110px}
* html .menu a.l5t{width:94px;w\idth:92px}
* html .menu a.l6t{width:156px;w\idth:154px}
* html .menu a.l7t{width:134px;w\idth:132px}
* html .menu a.l8t{width:82px;w\idth:80px}
* html .menu a.l10t{width:110px;w\idth:108px}

* html .menu a.l1t{width:80px;w\idth:78px;}
* html .menu a.l9t{width:90px;w\idth:88px}

.menu a:hover{height:22px;color:#ffffff;background:#999966 url(images/menuback32.jpg) repeat-x}


.menu ul li ul a:hover{color:#ffffff;background:#999966 url(images/menuback32.jpg) repeat-x}
.menu ul li ul a.l55:hover{color:#ffffff;background:#999966 url(images/menuback8.jpg) no-repeat}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul.most {visibility:hidden;position:absolute;height:auto;top:24px;left:0; width:auto; border-bottom:1px solid #666633}
.menu ul ul.last {visibility:hidden;position:absolute;height:auto;top:24px;right:0; width:auto; border-bottom:1px solid #666633}

* html .menu ul ul.most {top:23px;t\op:24px}
* html .menu ul ul.last {top:23px;t\op:24px}


/* position the third level flyout menu */
.menu ul ul ul{position:absolute;left:152px; top:-1px; height:auto; width:192px; border-top:1px solid #666633;border-bottom:1px solid #666633}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table.most {position:absolute; top:0; left:0; border-collapse:collapse;;}
.menu table.last {position:absolute; top:0; right:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {text-align:left;padding-left:18px;background:#cccc99 url(images/menuback12.jpg) repeat-x; border-width:1px 2px 1px 2px}
.menu ul ul a.l2, .menu ul ul a.l2:visited {width:176px;}
.menu ul ul a.l3, .menu ul ul a.l3:visited {width:130px;}
.menu ul ul a.l5, .menu ul ul a.l5:visited {width:132px;}
.menu ul ul a.l55, .menu ul ul a.l55:visited {width:132px;background:#cccc99 url(images/menuback7.jpg) no-repeat;}
.menu ul ul a.l6, .menu ul ul a.l6:visited {width:174px;}
.menu ul ul a.l7, .menu ul ul a.l7:visited {width:162px;}
.menu ul ul a.l8, .menu ul ul a.l8:visited {width:86px;}
.menu ul ul a.l9, .menu ul ul a.l9:visited {width:110px;}
.menu ul ul a.l10, .menu ul ul a.l10:visited {width:156px;}

* html .menu ul ul a.l2, .menu ul ul a.l2:visited {width:198px;w\idth:176px;}
* html .menu ul ul a.l3, .menu ul ul a.l3:visited {width:152px;w\idth:130px;}
* html .menu ul ul a.l5, .menu ul ul a.l5:visited {width:154px;w\idth:132px}
* html .menu ul ul a.l55, .menu ul ul a.l55:visited {width:154px;w\idth:132px;}
* html .menu ul ul a.l6, .menu ul ul a.l6:visited {width:196px;w\idth:174px;}
* html .menu ul ul a.l7, .menu ul ul a.l7:visited {width:184px;w\idth:162px;}
* html .menu ul ul a.l8, .menu ul ul a.l8:visited {width:108px;w\idth:86px;}
* html .menu ul ul a.l9, .menu ul ul a.l9:visited {width:132px;w\idth:110px;}
* html .menu ul ul a.l10, .menu ul ul a.l10:visited {width:178px;w\idth:156px;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#cccc99 url(images/menuback12.jpg) repeat-x; width:170px;}
*html .menu ul ul ul a, .menu ul ul ul a:visited {width:190px; w\idth:170px;}
/* style the third level hover */
.menu ul ul ul a:hover {color:#ffffff;background:#999966 url(images/menuback32.jpg) repeat-x}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

ul#calendar {margin:0px 0px 0px 80px;padding:0; list-style-type:none; height:300px; width:400px; position:relative; font-family:arial, sans-serif; font-size:10px; font-weight:bold; border:3px solid #999966;}

ul#calendar table {font-size:14px;border-collapse:collapse; width:377px;}
ul#calendar tbody td {text-align:center; background:#fff; border:1px solid #aaa; padding:0; width:53px; height:37px; margin:0;color:#999999;}
ul#calendar tbody td.blank {border:none}
ul#calendar thead th {color:#840; font-size:13px;text-align:center}

ul#calendar td a, ul#calendar td a:visited {color:#000099; text-decoration:none; display:block; width:100%px; height:100%; line-height:38px;}
ul#calendar table {position:absolute; top:4px; left:12px;}

ul#calendar table a:hover {background:#d4d8bd;}


ul#event_calendar {margin:12px 0px 0px 8px;padding:0; list-style-type:none; height:162px; width:220px; position:relative; font-family:arial, sans-serif; font-size:10px; font-weight:bold; border:2px solid #999966;}

ul#event_calendar table {font-size:11px;border-collapse:collapse; width:200px;}
ul#event_calendar tbody td {text-align:center; border:1px solid #999966; padding:0; width:32px; height:20px; margin:0;color:#999999;}
ul#event_calendar tbody td.blank {border:none}
ul#event_calendar thead th {color:#840; font-size:11px;text-align:center}

ul#event_calendar td a, ul#calendar td a:visited {color:#000099; text-decoration:none; display:block; width:100%px; height:100%; line-height:18px;}
ul#event_calendar table {position:absolute; top:4px; left:10px;}

ul#event_calendar table a:hover {background:#fff;}