@charset "utf-8";
/* Genarel Style */
body{
background:#045199;
font-family:Arial, Helvetica, sans-serif;
margin:0 auto;
font-size:13px;
}
div, form, select, ul, li, input, h1, h2, h3, h4, h5, h6, p{
padding:0px;
margin:0px;
}
ul{
list-style-type:none;
line-height:0px;
}
a{
text-decoration:none;
outline:none;spa
}
a:hover{
text-decoration:none;
}
.spacer{
clear:both;
font-size:0px;
line-height:0px;
}
/* Genarel Style End */

.wrapper{
width:976px;
margin:0 auto;
}

/* Header Style */
.logo{
float:left;
width:148px;
height:222px;
}
.logo_name{
margin:43px 0 30px 0;
}
.header_right{
float:left;
width:815px;
padding-right:12px;
}
.navigation_1{
margin:0 0 0 23px;
width:779px;
position:relative;
z-index:999;
}
.topnavleft{
background:url(../images/topnav_left.gif) no-repeat 0 0;
width:10px;
height:33px;
float:left;
}
.topnavright{
background:url(../images/topnav_right.gif) no-repeat 0 0;
width:10px;
height:33px;
float:left;
}
.topnav{
background:#8c3b8c;
height:33px;
width:759px;
float:left;
padding-left:0px;
}

.topnav ul li{
float:left;
margin:0 15px;
display:inline;
}
.topnav ul li a{
color:#fff;
font-weight:bold;
font-size:11px;
line-height:32px;
}
.topnav ul li a:hover{
color:#ffe3ba;
}
.navigation_2{
background:#702d70 url(../images/nav2_right.gif) right 0 no-repeat;
height:40px;
padding-left:32px;
width:770px;
position:relative;
z-index:50;
}
.header_bg{
background:url(../images/header.gif) no-repeat 0 0;
height: 325px;
width:976px;
overflow:hidden;
position:relative; /* 18-08-2011 */
}
/* Header Style */

/*Drop menu 
.menu {font-family: arial, sans-serif; width:699px; position:relative; margin:0; font-size:11px;}

.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#fff; min-width:40px; width:auto !important; width:40px; height:39px; background:inherit; line-height:39px; font-size:14px; padding:0px 10px; font-weight:bold;}

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

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

.menu ul li ul {display: none;}

.menu table {border-collapse:collapse; border:0; margin:0; padding:0;}
 
.menu ul li:hover a,
.menu ul li a:hover {color:#ffe3ba; background:transparent;}

.menu ul li:hover ul,
.menu ul li a:hover ul {display:block; position:absolute; top:40px; left:0px; width:130px; background:transparent;}

.menu ul li:hover ul li,
.menu ul li a:hover ul li {float:left;}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {display:block; color:#fff; width:130px !important; float:none; background:#702d70; padding:0 10px 0 30px !important;
line-height:27px !important; height:27px !important; font-size:11px;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background:#8c3b8c; color:#ffe3ba;}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; width:130px;}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; left:130px; top:0px; color:#000;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {display:block; width:200px; background:#dfc184; color:#000; border-left:1px solid #eee;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background:#bd8d5e; color:#fff;}
/*Drop menu */

.body_panel{
background:url(../images/body_bg.gif) no-repeat 0 0;
height:460px;
padding:10px 26px 0 0;
}

/* Left Panel Style */
.left_panel{
width:664px;
float:left;
}
.box_block{
width:327px;
float:left;
height:200px;
}
.box_block .top{
background:url(../images/box_top.png) no-repeat 0 0;
line-height:0px;
height:9px;
font-size:0px;
}

.padtopleft{
margin:0 10px 10px 0;
}
.box_bg{
background:url(../images/box_bg.png) repeat-y 0 0;
height:162px;
padding:10px 20px;
}
.box_block .bottom{
background:url(../images/box_bottom.png) no-repeat 0 0;
line-height:0px;
height:9px;
}
h1{
font-size:18px;
font-weight:bold;
color:#ffffcc;
line-height:20px;
padding-bottom:3px;
}
h1.blue{
color:#0d73a6;
}
.whitetext{
color:#fff;
line-height:15px;
}
.readmore{
color:#ffcc00;
line-height:14px;
}
.readmore:hover{
text-decoration:underline;
}
.readmore_orange{
color:#ff6600;
font-size:12px;
line-height:14px;
font-weight:bold;
}
.readmore_orange:hover{
text-decoration:underline;
}
.box_bg2{
height:162px;
padding:10px 47px 10px 20px;
}
/* Left Panel Style */

/* Right Panel Style */

.rightpanel{
float:right;
width:247px;
display:inline;
}
.donate{
margin-top:11px;
float:right;
display:block;
}
.donateheader{
margin-top:11px;
float:right;
display:block;
}
.volunter{
margin-top:10px;
float:right;
display:block;
}

.stayconnected{
margin-top:30px;
}
.stayconnected form{
margin:6px 0 0 0;
}
.submit{
border:1px solid #cf9b48;
height:20px;
width:190px;
margin-right:6px;
padding:0 0 0 2px;
line-height:20px;
}
.email{
font-size:11px;
line-height:13px;
color:#333;
}
h2{
font-weight:bold;
font-size:18px;
line-height:20px;
color:#fff;
}
/* 16-08-2011 */
.follow_us{
margin:0 0 0 0;
width:250px;
overflow:hidden;

}
.follow_us p{
line-height:33px;
color:#030101;
font-weight:bold;
padding-right:8px;
float:left;
}
.follow_us p.followus{color:#ffffff;}
.follow_us p a{color:#030101}
.follow_us p a:hover{text-decoration:underline;}
.follow_us img{
float:left;
margin:0 4px;
}
/* Right Panel Style */

/* Footer Style */
.footer{
color:#fff;
font-size:12px;
line-height:14px;
padding:15px 0 25px 0;
}
.footer a{
color:#fff;
font-size:12px;
line-height:14px;
padding:0 3px;
}
.footer a:hover{
text-decoration:underline;
}
.copyright{
padding-top:13px;
}
.footer_icon{
margin:25px 0 0 0;
}
.footer_icon img{
margin:0 10px;
vertical-align:middle;
}
.footer_icon p{
margin-right:10px;
line-height:46px;
vertical-align:middle;
}
/* Footer Style */

/* services Over View */
.body_topleft{
background:url(../images/body_topleft.gif) no-repeat 0 0;
width:30px;
height:20px;
float:left;
}
.body_topright{
background:url(../images/body_topright.gif) no-repeat 0 0;
width:30px;
height:20px;
float:left;
}
.body_topmiddle{
background:#fff;
width:890px;
float:left;
height:20px;
}
.body_bottomleft{
background:url(../images/body_bottomleft.gif) no-repeat 0 0;
width:30px;
height:20px;
float:left;
}
.body_bottomright{
background:url(../images/body_bottomright.gif) no-repeat 0 0;
width:30px;
float:left;
height:20px;
}
.body_content{
background:#fff;
padding:0 30px;
width:890px;
font-size:11px !important;
}

.text{
padding:15px 0 0  0;
font-size:11px !important;
}
p.text2{
padding:15px 0 0 40px;
font-size:11px !important;
}
.bread_crumb{
color:#333;
font-size:12px;
margin-bottom:20px;
}
.bread_crumb a{
color:#333;
}
.bread_crumb a:hover{
text-decoration:underline;
}
/* services Over View */

/* Contact Us */
.contact_form{
margin:20px 0 0 40px ;
width:480px;
margin-top:50px;
}
.contact_form label{
float:left;
color:#484848;
font-weight:bold;
font-size:12px;
}
.contact_form .contact_field{
float:right;
width:301px;
height:21px;
padding:1px 0 0 3px;
border:1px solid #ccc;
margin-bottom:16px;
background:#eee;
color:#000;
}
.contact_form textarea{
float:right;
width:301px;
height:80px;
padding:1px 0 0 3px;
border:1px solid #ccc;
margin-bottom:16px;
overflow:auto;
background:#eee;
}
.bttn_submit{
margin:0 0 0 174px;
}


/* Leftpanel Style */
.leftpanel{
float:left;
width:210px;
margin-top:-10px;
}
.left_top{
background:url(../images/lefttop_bg.gif) no-repeat 0 0;
height:43px;
padding:0 0 0 15px;
font-size:14px;
color:#fff;
line-height:43px;
font-weight:bold;
}
.left_bottom{
background:url(../images/leftbottom_bg.gif) no-repeat 0 0;
height:13px;
}
.left_bg{
background:url(../images/left_bg.gif) repeat-y 0 0;
padding:0 9px;
width:174px;
}

/* second Label Menu */
ul.innerlink li a, ul.innerlink li a:visited {display:block; text-decoration:none; color:#fff; width:162px; font-size:14px; font-weight:normal; line-height:13px; background-color:inherit; padding:8px 0 8px 10px;}

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

ul.innerlink li {float:left; position:relative; border-bottom:1px solid #92abe6;}

ul.innerlink li ul {display: none;}

ul.innerlink table {border-collapse:collapse; border:0; margin:0; padding:0;}
 
ul.innerlink li:hover a,
ul.innerlink li a:hover {color:#fff; background:#6485dc;}

ul.innerlink li:hover ul,
ul.innerlink li a:hover ul {display:block; position:absolute; top:0px; left:172px; width:130px; background:transparent; padding-left:10px;}

ul.innerlink li:hover ul li,
ul.innerlink li a:hover ul li {float:left;}

ul.innerlink li:hover ul li a,
ul.innerlink li a:hover ul li a {display:block; color:#fff; width:130px !important; float:none; background:#4d6ec6; padding:0 10px 0 10px !important;
line-height:27px !important; height:27px !important; font-size:14px;}

ul.innerlink li:hover ul li a:hover,
ul.innerlink li a:hover ul li a:hover {background:#8c3b8c; color:#ffe3ba;}
/* second Label Menu */

/* Leftpanel Style */
.rightpanel_inner{
float:right;
width:710px;
}

ul.innerlink li a.sub{background:url(../images/drop.gif) no-repeat 167px 11px;}
ul.innerlink li a.sub:hover {background:url(../images/drop.gif) no-repeat 167px 11px #6485dc;}


ul.innerlink li:hover ul li ul,
ul.innerlink li a:hover ul li a ul {visibility:hidden; position:absolute; width:130px;}

ul.innerlink li:hover ul li:hover ul,
ul.innerlink li a:hover ul li a:hover ul {visibility:visible; left:140px; top:0px;}

ul.innerlink li:hover ul li:hover ul li a,
ul.innerlink li a:hover ul li a:hover ul li a {display:block; width:200px; background:#4d6ec6; color:#fff; border-left:1px solid #eee;}

ul.innerlink li:hover ul li:hover ul li a:hover,
ul.innerlink li a:hover ul li a:hover ul li a:hover {background:#8c3b8c; color:#ffe3ba;}

ul.innerlink li ul li a.sub2{background:url(../images/drop.gif) no-repeat 20px 11px;}
ul.innerlink li ul li a.sub2:hover {background:url(../images/drop.gif) no-repeat 20px 11px #6485dc;}


/*Drop menu for top section */

.topnav ul li a, .topnav ul li a:visited {display:block; text-decoration:none; color:#fff; min-width:40px; width:auto !important; width:107px; height:32px; background:inherit; line-height:32px; font-size:14px; padding:0px 0px; font-weight:normal;} /* 16-08-2011 */
/* 10-08-2011 */
.topnav ul {padding:0 0 0 0; margin:0;list-style-type: none;}
/* 10-08-2011 */
.topnav ul li {float:left; position:relative; margin:0 0 0 36px !important; margin:0 0 0 0;
display:inline;} /* 16-08-2011 */

.topnav ul li ul {display: none;}

.topnav table {border-collapse:collapse; border:0; margin:0; padding:0;}
 
.topnav ul li:hover a,
.topnav ul li a:hover {color:#ffe3ba; background:transparent;}

.topnav ul li:hover ul,
.topnav ul li a:hover ul {display:block; position:absolute; top:32px; left:-64px; width:130px; background:transparent;}

.topnav ul li:hover ul li,
.topnav ul li a:hover ul li {float:left;}

.topnav ul li:hover ul li a,
.topnav ul li a:hover ul li a {display:block; color:#fff; width:130px !important; float:none; background:#8c3b8c; padding:0 10px 0 30px !important;
line-height:27px !important; height:27px !important; font-size:11px;}

.topnav ul li:hover ul li a:hover,
.topnav ul li a:hover ul li a:hover {background:#db95db; color:#5b015b;}

.topnav ul li:hover ul li ul,
.topnav ul li a:hover ul li a ul {visibility:hidden; position:absolute; width:130px;}

.topnav ul li:hover ul li:hover ul,
.topnav ul li a:hover ul li a:hover ul {visibility:visible; left:130px; top:0px; color:#000;}

.topnav ul li:hover ul li:hover ul li a,
.topnav ul li a:hover ul li a:hover ul li a {display:block; width:200px; background:#dfc184; color:#000; border-left:1px solid #eee;}

.topnav ul li:hover ul li:hover ul li a:hover,
.topnav ul li a:hover ul li a:hover ul li a:hover {background:#bd8d5e; color:#fff;}

/*Drop menu for top section */
.top_flash{width:516px;  float:right; margin-right:25px ; display:inline; }

.body_content ul li {
line-height:23px;
}
.body_content ul{
list-style-type:disc;
padding-left:30px;
}
/*.body_content p{
padding:0 30px 0 30px;}

/* ----- Added 10-08-2011 ----- */
.clear{clear:both; height:0; margin:0; padding:0; line-height:0; font-size:0;}
.catholicCharities{float:left; width:524px;}

.donateBtn{float:right; width:250px; text-align:right; margin:85px 11px 0 0 !important; }
.donateBtn1{float:right; width:250px; text-align:right; margin:50px 11px 0 0 !important; }

button.donate{ background: none repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; margin: 0; overflow:hidden; padding: 0; width: auto; }
button.donate span {  background:url(../images/btn-right.gif) no-repeat scroll 100% 0 ;  cursor: pointer;  display: block; float: left; height: 53px; margin: 0 0 0 0; padding: 0 9px 0 0;  white-space: nowrap;}
button.donate span span { background:url(../images/btn-left.gif) no-repeat scroll 0 0 transparent;  color: #FFFFFF;  cursor: pointer; font-size:14px; margin: 0; padding: 0 0px 0 9px; line-height:25px; }
button.donate:hover span span{ color:#ffe3ba;}
.getEmail{float:left; width:340px; text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#999999; text-align:left; margin:0 105px 0 20px;}

div .donateheader{ background: none repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; margin: 0; overflow:hidden; padding: 0; width: auto; -moz-border-radius: 3.6px;-webkit-border-radius: 3.6px; border-radius: 3.6px; }
div .donateheader span {  background:url(../images/btn-right.gif) no-repeat scroll 100% 0 ;  cursor: pointer;  display: block; float: left; height: 30px; margin: 0 0 0 0; padding: 0 9px 0 0;  white-space: nowrap;}
div .donateheader span span { background:url(../images/btn-left.gif) no-repeat scroll 0 0 transparent;  color: #FFFFFF;  cursor: pointer; font-size:14px; margin: 0; padding: 0 0px 0 9px; line-height:25px; }
div .donateheader:hover span span{ color:#ffe3ba;}
div .donateheader span span div a { display: block; float: left; margin: 0 0 0 0; padding: 2px 9px 0 0;  white-space: nowrap; line-height:25px; font-size:14px;  }

/* ----- Added 16-08-2011 ----- */
button.register{ background: none repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; margin: 20px 0 20px 0; overflow: visible; padding: 0; width: auto;}
button.register span {  background:url(../images/btn-register-right.gif) no-repeat scroll 100% 0 ;  cursor: pointer;  display: block; float: left; height: 24px; margin: 0 10px 0 0; padding: 0 10px 0 0;  white-space: nowrap;}
button.register span span { background:url(../images/btn-register-left.gif) no-repeat scroll 0 0 transparent;  color: #FFFFFF;  cursor: pointer; font-size:12px; margin: 0; padding: 0 10px 0 10px; line-height:21px; }
button.register:hover span span{ color:#ffe3ba;}

.getEmail{float:left; width:246px; text-decoration:none;font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#999999; text-align:left; margin:0 0 18px 0;}

/* Changed on 18-08-2011 */
.headerBox{float:left; width:485px; margin:255px 0 0 0;  position:absolute; text-align:center; z-index:2;}
.headerBox .top{height:8px; width:100%; padding:0; margin:0; line-height:0; font-size:0; background:url(../images/box-top.gif) repeat-x 0 0; overflow:hidden;}
span.topLeft{float:left; height:8px; width:9px; background:url(../images/top-left.gif) no-repeat 0 0;}
span.topRight{float:right; height:8px; width:9px; background:url(../images/top-right.gif) no-repeat 0 0;}
span.botLeft{float:left; height:8px; width:9px; background:url(../images/bot-left.gif) no-repeat 0 0;}
span.botRight{float:right; height:8px; width:9px; background:url(../images/bot-right.gif) no-repeat 0 0;}
.headerBox .bot{height:8px; width:100%; padding:0; margin:0; line-height:0; font-size:0; background:url(../images/box-top.gif) repeat-x 0 0; overflow:hidden;}
.headerBox .mid{ background:#580101; font:normal 15px/20px Arial, Helvetica, sans-serif; color:#ffffff; text-align:center; padding:5px 10px}
.headerBox .mid a{color:#ffffff; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic; font-size:15px;}
.headerBox .mid a:hover{text-decoration:underline;}

button.banner{ background: none repeat scroll 0 0 transparent; border: 0 none; cursor: default; margin: 0; overflow: visible; padding: 0; width: auto;}
button.banner span {  background:url(../images/banner_btn_right.gif) no-repeat scroll 100% 0 ;  cursor: pointer;  display: block; float: left; height: 46px; margin: 0 0 0 0; padding: 0 9px 0 45px;  white-space: nowrap;}
button.banner span span { background:url(../images/banner_btn_left.gif) no-repeat scroll 0 0 transparent;  color: #FFFFFF;  cursor: default; margin: 0; padding: 0 0 0 9px; font:bold 15px/43px Georgia, "Times New Roman", Times, serif; font-style:italic; }
button.banner:hover span span{ color:#ffffff; text-decoration:none;}
