@charset "utf-8";

/* CSS Document */

body
{
	padding:0px;
	margin:0px;
	background-image: url(../images/bg-page.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	/*   Andy GSSI Apr 09 */
	/*text-align:center;*/
	
	background-color: #B2E4F4;
}

.right
{
	float:right;
}
.left
{
	float:left;
}
.clearspace
{
	clear:both;
}
h1, h2, h3, h4
{
	margin:0px;
	padding:0px;
}
ul, li
{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

.content-wide h1
{
	display: block;
	padding-top: 17px;
	padding-bottom:6px;
	padding-left:16px;
}

h1
{
	display: block;
	padding-top: 17px;
	padding-bottom:6px;
	padding-left:16px;
	font-size:24px;
	color: #00A5DB;
}
h1 a
{
	color: #00A5DB;
	text-decoration: none;
}
h1 a:visited
{
	color: #00A5DB;
	text-decoration: none;
}
h1 a:hover
{
	text-decoration: underline;
}
h2
{
	font-size: 14px;
	color: #00A679;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom:2px;
}
h2 a
{
	color: #00A679;
	text-decoration: none;
}
h2 a:visited
{
	color: #00A679;
	text-decoration: none;
}
h2 a:hover
{
	text-decoration: underline;
}
h3
{
	font-size: 12px;
	font-weight: bold;
	color: #125B93;
	text-decoration: none;	
	padding-bottom:2px;
}
h3 a
{
	color: #125B93;
	text-decoration: none;
}
h3 a:visited
{
	color: #125B93;
	text-decoration: none;
}
h3 a:hover
{
	text-decoration: underline;
}
h4
{	
	font-size: 11px;
	font-weight:bold;
	color:#333333;
	padding-bottom:2px;
}

a {
	color: #00A5DB;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:visited
{
	color: #125B93;
	text-decoration: underline;
}
p
{
	margin:0px;
	padding:0px;
	line-height: 20px;	
}
#shadow {
	background-image: url(../images/bg-rep-holder.gif);
	background-repeat: repeat-y;
	width:1030px;
	background-position: left top;
	}
#holder {
	width:970px;
	/*background-image: url(../images/bg-holder.jpg);*/
	background-repeat: no-repeat;
	padding-right: 30px;
	padding-left: 30px;
	text-align: left;
	background-position: left top;
}

#holder-exwidth {
	width:970px;
	background-image: url(../images/banner/bg-holder-base2.jpg);
	background-repeat: no-repeat;
	padding-right: 30px;
	padding-left: 30px;
	text-align: left;
	background-position: left top;
}

#top
{
	height:32px;
	float:right;	
	line-height: 32px;
}
#top span
{
	color:#00A5DB;
	font-weight:bold;
}
.smalla
{
	font-size:10px;
}
.biga
{
	font-size:14px;
}

#top a
{
	color:#125B93;
	text-decoration:none;
}
#top a:hover
{
	color:#00A5DB;
	text-decoration:underline;
}
.adpad
{
	padding-right:10px;
}

.input-srch
{
	border: 1px solid #7FD2ED;
	background-image: url(../images/bg-srchin.gif);
	background-repeat: repeat-x;
	height:18px;
	text-indent: 2px;	
	color: #666666;
	text-decoration: none;
}
.srch-btn a
{
	background-image: url(../images/btn-srch.gif);
	background-repeat: no-repeat;
	height: 22px;
	display: block;
	width: 22px;
}
.srch-btn a:hover
{
	background-image: url(../images/btnh-srch.gif);
}


/********************** css for top nav *************************/


#topnav
{
	padding-top:160px;
	margin-bottom:6px;
	height:37px;
	width:975px;
	clear:both;
	position:relative;
}

#logo{
    width:235px;
    height:100px;
    display:block;
    position:absolute;
    top:30px;
    left:8px;
}

#topnav ul li
{
	display:inline;
}

#topnav #par
{
	background-image: url(../images/top-nav.png);
	background-repeat: no-repeat;
	height: 37px;
	background-position: 0px 0px;
	display: block;
	width: 102px;
	float: left;
}
#topnav #par:hover
{	
	background-position: 0px -43px;	
}
#topnav #paractive
{
	background-image: url(../images/top-nav.png);
	background-repeat: no-repeat;
	height: 37px;
	background-position: 0px -86px;
	display: block;
	width: 102px;
	float: left;
}
#topnav #edu
{
	background-image: url(../images/top-nav.png);
	background-repeat: no-repeat;
	height: 37px;
	background-position: -102px 0px;
	display: block;
	width: 169px;
	float: left;
}
#topnav #edu:hover
{	
	background-position: -102px -43px;	
}
#topnav #eduactive
{
	background-image: url(../images/top-nav.png);
	background-repeat: no-repeat;
	height: 37px;
	background-position: -102px -86px;
	display: block;
	width: 169px;
	float: left;
}
#topnav #out
{
	background-image: url(../images/top-nav.png);
	background-repeat: no-repeat;
	height: 37px;
	background-position: -271px 0px;
	display: block;
	width: 164px;
	float: left;
}
#topnav #out:hover
{	
	background-position: -271px -43px;	
}
#topnav #outactive
{
	background-image: url(../images/top-nav.png);
	background-repeat: no-repeat;
	height: 37px;
	background-position: -271px -86px;
	display: block;
	width: 164px;
	float: left;
}
#topnav #the
{
	background-image: url(../images/top-nav.png);
	background-repeat: no-repeat;
	height: 37px;
	background-position: -436px 0px;
	display: block;
	width: 152px;
	float: left;
}
#topnav #the:hover
{	
	background-position: -436px -43px;	
}
#topnav #theactive
{
	background-image: url(../images/top-nav.png);
	background-repeat: no-repeat;
	height: 37px;
	background-position: -436px -86px;
	display: block;
	width: 152px;
	float: left;
}
#topnav #dio
{
	background-image: url(../images/top-nav.png);
	background-repeat: no-repeat;
	height: 37px;
	background-position: -588px 0px;
	display: block;
	width: 142px;
	float: left;
}
#topnav #dio:hover
{	
	background-position: -588px -43px;	
}
#topnav #dioactive
{
	background-image: url(../images/top-nav.png);
	background-repeat: no-repeat;
	height: 37px;
	background-position: -588px -86px;
	display: block;
	width: 142px;
	float: left;
}
#topnav #abt
{
	background-image: url(../images/top-nav.png);
	background-repeat: no-repeat;
	height: 37px;
	background-position: -730px 0px;
	display: block;
	width: 98px;
	float: left;
}
#topnav #abt:hover
{	
	background-position: -730px -43px;	
}
#topnav #abtactive
{
	background-image: url(../images/top-nav.png);
	background-repeat: no-repeat;
	height: 37px;
	background-position: -730px -86px;
	display: block;
	width: 98px;
	float: left;
}
#topnav #new
{
	background-image: url(../images/top-nav.png);
	background-repeat: no-repeat;
	height: 37px;
	background-position: -827px 0px;
	display: block;
	width: 143px;
	float: left;
}
#topnav #new:hover
{	
	background-position: -827px -43px;	
}
#topnav #newactive
{
	background-image: url(../images/top-nav.png);
	background-repeat: no-repeat;
	height: 37px;
	background-position: -827px -86px;
	display: block;
	width: 143px;
	float: left;
}

/*********************** css for content ***********************/
#cntholder
{
	clear:both;
	width:970px;
	min-height:550px;
}

#mainContentdiv
{
    width:769px;
    float:right;
}

#mainContentdiv-exwide
{
    width:970px;
    float:right;
}

#mainContentdiv-exwide #content
{
	float:left;
	width:960px;
	margin-right:8px;
}

#content
{
	float:left;
	width:569px;
	margin-right:8px;
}
#ycontent
{
	float:left;
	width:728px;
	padding:0px 20px 0px 21px;	
	border-top: 1px solid #7FD2ED;
}

#colright
{
	float:left;
	width:192px;
}
#breadcrumb
{
	width:749px;
	padding-top:24px;
	padding-left:20px;
	padding-bottom:8px;
	font-size:11px;
	text-transform:lowercase;
}
#breadcrumb a
{
	color:#666666;
	text-decoration:none; 
	text-transform:lowercase;
}
#breadcrumb a:hover
{
	color:#666666;
	text-decoration:underline;
}
.homepara
{
	border-top: 1px solid #7FD2ED;
	border-bottom: 1px solid #7FD2ED;
	padding-bottom:12px;
	padding-top:11px;
	padding-left: 18px;
	color:#125B93;
	font-size:14px;
	line-height: 20px;
}
.divbox
{
	clear: both;
	border-bottom: 1px solid #7FD2ED;
	padding: 6px 0px 7px 20px;
	height:64px;
}
.divbox-result
{
	clear: both;
	border-bottom: 1px solid #7FD2ED;
	padding: 6px 0px 7px 20px;
}.thumbox
{
	padding-right:13px;
	float:left;
	height: 65px;
	width: 90px;
}
.divboxcnt
{
	width:430px;
	float:left;	
}

.content-wide .divboxcnt
{
	width:600px;
	float:left;	
}

.divboxcnt p
{
	line-height:17px;
}
.divboxcnt h2
{
	padding-top:3px;
}
.divbrdrbtm
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7FD2ED;
}

#footer
{	
	clear:both;
	margin-top:14px;
	padding-top: 10px;
	background-image: url(../images/bg-footer.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 11px;
	color: #999999;
	width:970px;
	margin:14px auto 0;
}
#footer span
{
	color:#0081C5;
}
#footer a
{
	color:#0081C5;
	text-decoration:none;
}
#footer a:hover
{
	text-decoration:underline;
}
#footer p
{
	line-height:18px;
}
#colright ul,li
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#colright li
{
	margin-bottom:6px;
}
#massfinder a
{
	background-image: url(../images/mass.png);
	background-repeat: no-repeat;
	display: block;
	height: 43px;
	width: 192px;
	background-position: 0px 0px;
}
#massfinder a:hover
{
	background-position: -193px 0px;
}

/* MAIN CONTENT AREA  */

#contentoverline
{
	border-top: 1px solid #7FD2ED;
}

#contentbox
{
	border-top: 1px solid #7FD2ED;
	padding-left:20px;
	padding-right:20px;
	padding-top:21px;
}
#contentbox p
{
	padding-bottom:18px;
	line-height:18px;
}
#contentbox sup
{
	padding-top:-37px;
	line-height:-18px;
}
sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

#contentbox ul
{
	margin-top:-2px;
	padding:2px 0;
	padding-left:15px;
	/*padding-bottom:0px;*/
}

#contentbox ul li
{
	background-image: url(../images/bul-grn.gif);
	background-repeat: no-repeat;
	/*background-position: left center;*/
	background-position: 0px 9px;
	line-height:18px;
	padding:3px 0;
	padding-left: 10px;
}

#contentbox ol
{
	padding-top:14px;
	padding-left:26px;
	padding-bottom:10px;
}
#contentbox ol li
{
	padding-left: 0px;
	line-height:18px;
	padding-bottom:6px;
}

#contentbox ol{
    margin-top:-11px;
}

#contentbox ol li{
    list-style-type:decimal;
}

/* -- end Andy edits -- */

#contentbox table table td
{
	padding-left:21px;
	text-align: left;
	vertical-align: top;
}
.tleft
{
	border-top: 1px solid #B2EBF5;
	border-right: 1px solid #B2EBF5;
}
#contentbox table td.tleft2
{
	border-top: 1px solid #B2EBF5;
	border-right: 1px solid #B2EBF5;
	padding-left:6px;
}
.tright
{
	border-top: 1px solid #B2EBF5;
}
.tborder
{
	border: 1px solid #87D5EE;
}
#contentbox table th
{
	border: 1px solid #0590C6;
	background-image: url(../images/bg-tdhdg.gif);
	background-repeat: repeat-x;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left:4px;
	text-align: left;
	vertical-align: top;
	background-color: #01A1D7;
}
#contentbox table td.shdg
{
	background-image: url(../images/bg-tdshdg.gif);
	background-repeat: repeat-x;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	line-height:18px;
}
#contentbox table td.shdg2
{
	background-image: url(../images/bg-tdshdg.gif);
	background-repeat: repeat-x;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	line-height:18px;
	padding-left:6px;
}
#contentbox table td.lft
{
	line-height:18px;
	padding-left:6px;
}
#contentbox table td.lft2
{
	line-height:18px;
	padding-left:0px;
}
#contentbox table td.lh
{
	line-height:20px;
}
#colleft
{
	float:left;
	width:192px;
	margin-right:8px;
}
#leftheading
{
	padding-top: 24px;
	padding-bottom: 8px;
	padding-left: 21px;
	color:#808080;
}
/*#colleft ul li a
{
	display:block;
	color: #125B93;
	text-decoration: none;
	background-image: url(../images/bul-blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	padding-left: 21px;
	padding-top:5px;
	padding-bottom:5px;	
	border-top: 1px solid #7FD2ED;
}
#colleft ul li a:hover
{
	text-decoration: none;
	background-image: url(../images/bul-hblue.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #FFFFFF;
}
#colleft ul li a.active
{
	text-decoration: none;
	background-image: url(../images/bul-hblue.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #FFFFFF;
}
#colleft ul ul
{
	padding:2px 0px 3px 0px;
}
#colleft ul ul li a
{
	padding-left:37px;
	background-image: none;
	font-size: 11px;
	font-weight: bold;
	color: #125B93;
	border:none;	
	padding-top:3px;
	padding-bottom:3px;
}
#colleft ul ul li a:hover
{
	color: #125B93;
	background-image: url(../images/bul-ylw.gif);
	background-position: 30px 6px;
}
#colleft ul ul li a.active
{
	color: #125B93;
	background-image: url(../images/bul-ylw.gif);
	background-position: 30px 6px;
}
#colleft ul ul ul
{
	padding:0px;
}
#colleft ul ul ul li a
{
	background-image: none;
	font-size: 11px;
	font-weight: bold;
	color: #00A679;
	padding-left: 52px;
	border:none;
}
#colleft ul ul  ul li a:hover
{
	color: #00A679;
	background-image: url(../images/bul-ylw.gif);
	background-position: 45px 6px;
}
#colleft ul ul  ul li a.active
{
	color: #00A679;
	background-image: url(../images/bul-ylw.gif);
	background-position: 45px 6px;
}
*/

.banner
{
	height: 109px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7FD2ED;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #7FD2ED;
	clear: both;
	width: 768px;
	background-repeat: no-repeat;
	background-position: right top;
	
}
.ban-youth
{
	background-image: url(../images/banner.jpg);
}
.ban-mapz
{
	height: 51px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7FD2ED;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #7FD2ED;
	clear: both;
	width: 768px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/ban-mapz.jpg);
}
.ban-default
{
	height: 51px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #7FD2ED;
	clear: both;
	width: 768px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/ban-default.jpg);
}
.ban-priests
{
	height: 51px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7FD2ED;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #7FD2ED;
	clear: both;
	width: 768px;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/ban-priests.jpg);
}
.ban-bc
{
	background-image: url(../images/ban-bc.jpg);
}

#bmass a
{
	background-image: url(../images/bmass.gif);
	background-repeat: no-repeat;
	height: 42px;
	width: 191px;
	background-position: 0px 0px;
	display:block;
	float:right;
}
#bmass a:hover
{
	background-position: 0px -42px;
}
#whtsnew
{
	width:728px;
	height:311px;
	clear:both;
	background-image: url(../images/bg-whtsnew.jpg);
	background-position:top right;
	background-repeat: no-repeat;	
	/*margin-left: 493px;
	padding-left:26px;
	position:relative;*/
}

#whtsnew2
{
	width:728px;
	height:311px;
	clear:both;
}

#youthImg
{
    float:left;
    width:493px;
}

#youthlist
{
    float:left;
    width:209px;
    margin-left:26px;
}

#youthcontent
{
	padding-right: 21px;
	padding-left: 20px;
}
#whtsnew ul
{
}

#whtsnew .whatContent
{
	float:left;
	padding-top: 62px;
    width:190px; 
    margin-left: 30px;  
}

#whtsnew ul li
{
	background-image: url(../images/bul-grn.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 8px;
	line-height: 17px;
	padding-bottom: 5px;
	padding-right:25px;
}
.plus
{
	font-weight:bold;
	color:#00A5DB;
}
#ads
{
	clear:both;
	width:728px;
	height: 135px;
	padding-top: 11px;
	padding-bottom: 19px;
}
#ads li
{
	float:left;
}
#ads  li a
{
	display:block;
	/*background-image: url(../images/youth_CTAs.jpg);
	background-repeat: no-repeat;*/
	height: 0;
	padding-top:135px; 
	overflow:hidden;	
}
#crazy
{
    background: transparent url(/uploadedImages/Diocesan_Offices/Youth_Ministry/cta1.jpg) 0 0 no-repeat;
	width:236px;
}
#crazy:hover
{
	background-position: 0px -135px;	
}
#blog
{
    margin-left:10px;
    background: transparent url(/uploadedImages/Diocesan_Offices/Youth_Ministry/cta2.jpg) 0 0 no-repeat;
	width:236px;
}
#blog:hover
{
	background-position: 0px -135px;	
}
#ymo
{
    margin-left:10px;
    background: transparent url(/uploadedImages/Diocesan_Offices/Youth_Ministry/cta3.jpg) 0 0 no-repeat;
	width:236px;
}
#ymo:hover
{
	background-position: 0px -135px;	
}
.subchdg
{
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7FD2ED;
	padding-bottom:5px;
}
.yeventleft, .yeventright
{
	width:358px;
	float:left;
	padding-top:13px;
}
.yeventright
{
	margin-left:11px;
}
.yeventleft .divboxcnt, .yeventright .divboxcnt
{
	width:230px;
}
.overviewbox
{
	width:730px;
	padding-left:21px;
	padding-bottom:15px;
	line-height:17px;
	clear:both;
}
.featurebox
{
	clear:both;
	background-image: url(../images/bg-featurebx.gif);
	background-position: left top;
	background-repeat: repeat-y;
}
.featurebox .content
{	
	clear:both;	
	background-image: url(../images/fea-curve.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.bul-heading
{
	background-image: url(../images/bg-hdg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-left: 1px solid #7FD2ED;
	border-right: 1px solid #7FD2ED;
}
.bul-heading div
{
	background-image: url(../images/bul-hdg.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	padding:12px 0px 9px 21px;
}
.featurebox .content img
{
	float:left;
	margin-right:20px;
	border-bottom: 1px solid #7FD2ED;
	border-left: 1px solid #7FD2ED;
}
.featurebox p
{
	float:left;
	padding:24px 40px 16px 0px;
	width:304px;	
	line-height: 17px;
}
.featurebox p span
{
	font-size: 16px;
	font-weight: bold;
	color: #125B93;
	line-height: 21px;
}
.featurebox .read
{
	background-image: url(../images/bg-readstry.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 27px;
	width: 115px;
	margin-top:11px;
}
.featurebox .read:hover
{
	background-position: 0px -27px;
}
.feabox2
{
	clear:both;
	padding:12px 0px 0px 0px;
}
.flistbx1
{
	float:left;
	width:235px;
	margin-right:11px;
	background-image: url(../images/bg-featurebx2.gif);
	background-repeat: repeat-y;	
	border-top: 1px solid #7FD2ED;
}
.feabox2 .addbox
{
	width:236px;
	float:left;
}
.feabox2 .fcontent
{
	padding:10px 30px 23px 19px;
	background-image: url(../images/fea-curve2.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.fcontent ul li
{
	background-image: url(../images/bul-grn.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 8px;
	line-height: 17px;
	padding-bottom: 5px;
}
#fad1, #fad2
{
	display:block;
	width:235px;
	background-image: url(../images/cta-bc.jpg);
	background-repeat: no-repeat;
}
#fad1
{	
	height:0; padding-top:135px; overflow:hidden; display:block;
	background-position: 0px 0px;
}
#fad1:hover
{	
	background-position: -235px 0px;
}
#fad2
{	
	margin-top:3px;
	height:0; padding-top:145px; overflow:hidden; display:block;
	background-position: 0px -135px;
}
#fad2:hover
{	
	background-position: -235px -135px;
}
.spotlight
{
	clear:both;
	width:566px;
	float:left;
	margin-right:10px;
}
.feventleft, .feventright
{
	width:260px;
	float:left;
	padding-top:13px;
}
.feventright
{
	margin-left:33px;
}

.fdivboxcnt p, .fdivboxcnt p
{
	line-height:16px;
}
.feventleft .thumbox, .feventright .thumbox
{
	padding-right:10px;
}
.feventleft h2, .feventright h2
{
	padding-top:4px;
}
#spotads
{
	float:left;
	width:150px;
	padding-top:33px;
}
#spotads a
{
	clear:both;
	margin-bottom:6px;
	width:150px;
	height:90px;
	display:block;
}

#top #smallCurrent, #top #mediumCurrent, #top #largeCurrent, #top #smallCurrent:hover, 
#top #mediumCurrent:hover, #top #largeCurrent:hover
{
    color:#00A5DB; text-decoration: none;
}

#top #smallCurrent.smalla, #top #smallCurrent.smalla:hover, 
#top #small.smalla, #top #small.smalla:hover
{
    font-size:10px;
}

#top #largeCurrent.largea, #top #largeCurrent.largea:hover, 
#top #large.largea, #top #large.largea:hover
{
    font-size:14px;
}

.formblock input
{
    margin:0 !important;
}

.formblock #contentbox ol
{
    padding: 0 !important; margin: 0 !important;
}

.formblock #contentbox ol li
{
    padding-right: 10px !important;
    list-style: none !important;
}

.formblock #contentbox ol li label
{
    padding-left: 3px !important;
}
#font-social2 {
    padding-top:3px;
		}