@charset "utf-8";


* {
	border: 0;
	margin: 0;
	padding: 0;
}
	html,
	body {
	border:0;
	margin:0;
	padding:0;
	height:100%;
	font-family: myriad, Arial, Helvetica, sans-serif;
	}
	#body {
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(../img/images/pbg_t1_02.gif);
	padding-top: 10px;
	}
	#container {
	min-height:100%;
	position:relative;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #FFF;
	}
#topsearch {
	display: block;
	padding-right: 10px;
	padding-left: 16px;
	width: 401px;
	padding-bottom: 0px;
	float: right;
	padding-top: 15px;
	background-image: url(../img/searchbox_fpo.gif);
	background-repeat: no-repeat;
	height: 60px;
	margin-top: 15px;
}
#topsearch input {
	background-color: #FFF;
	width: 320px;
	height: 25px;
	color: #999;
	font-size: 12px;
	margin-left: 5px;
	float: left;
	margin-right: 5px;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #E1C10E;
	border-right-color: #E1C10E;
	border-bottom-color: #E1C10E;
	border-left-color: #E1C10E;
	line-height: 24px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#topsearch .logobar_search_button {
	width: 26px;
	background-image: url(../img/topsearch_btn.gif);
	background-repeat: no-repeat;
	height: 26px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	visibility: visible;
	margin-left: 0px;
	background-color: #484848;
}
	#header {
	width: 1000px;
	top: 0px;
	margin-right: auto;
	margin-left: auto;
	height: 0px;
	padding-bottom: 0px;
	}
#navcontainer  {
	width: 1000px;
	height: 120px;
	padding-bottom: 0px;
}
.clear {
	clear: both;
}
#contentwrapper {
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#contentwrapper_index {
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	margin: 0px;
}

	#wrapper {
	background-image: url(../img/subsheader.jpg);
	background-repeat: no-repeat;
	background-position: center 102px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
}
#wrapper_index {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 0px;
}
#flashholder {
	height: 370px;
	width: 1000px;
	padding-bottom: 4px;
}



#leftcol {
	width: 733px;
	padding-top: 1px;
	padding-left: 0px;
	padding-bottom: 40px;
	float: left;
	padding-right: 0px;
	margin-top: 1px;
	color: #333333;
	line-height: 17px;
}
#leftcol td {
	margin: 5px;
	padding: 5px;
}

#rightcol {
	float: right;
	width: 260px;
	margin-top: -4px;
}

#logo {
	background-repeat: no-repeat;
	height: 67px;
	width: 326px;
	margin: 0px;
	float: left;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
    	/* other non-essential CSS */
	#header p,
	#header h1 {
		margin:0;
		padding:10px 0 0 10px;
	}
	#footer p {
	}
#newsbox {
	width: 270px;
	margin-right: 10px;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 10px;
	font-size: 12px;
}
#bannerbox {
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: 280px;
	text-align: center;
	padding-bottom: 20px;
	padding-top: 20px;
}
	#footer {
	position:relative;
	width:100%;
	height:148px;
	background-repeat: repeat-x;
	visibility: visible;
	background-image: url(../img/images/pbg_t1_09.gif);
	background-color: #FFF;
	background-position: 2px 62px;
	}
    #footernav {
	bottom:0;
	font-size: 16px;
	color: #333;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 150px;
	margin-top: 0px;
	background-image: url(../img/images/tim_subs1_06.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	padding-left: 20px;
	padding-right: 20px;
	background-position: 2px 2px;
	padding-top: 16px;
	padding-bottom: 0px;
}
    
#footenav ul {
	list-style-type: none;
}
#footernav li {
	list-style-type: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
}
#footernav p {
	float: right;
	padding-right: 20px;
	font-size: 10px;
	padding-bottom: 5px;
}
#footernav li a {
	text-decoration: none;
	color: #333;
}
#footernav li a:hover {
	color: #900;
	text-decoration: none;
}
    
/* CSS Document */

#leftcol a {
	color: #701819;
	text-decoration: underline;
}
#leftcol li {
	margin-left: 20px;
	margin-bottom: 10px;
	list-style-type: square;
	color: #666;
}
#leftcol h3 {
	padding-bottom: 10px;
	padding-top: 10px;
}
#leftcol a:hover {
	color: #993300;
	text-decoration: underline;
}

#leftcol p {
	font-size: 12px;
	color: #666666;
}
#top {
}
#flash {
	margin-top: -20px;
	margin-bottom: -5px;
	margin-left: 0px;
	height: 370px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#top_subs  h1  a {
	display: block
}
#top_subs  h1  a:hover {
	text-decoration: none
}
#maincontainer li {
	padding-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	list-style-type: disc;
	list-style-position: inside;
}


h2 {
	font-size: 22px;
	color: #701819;
	font-weight: normal;
	line-height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 15px;
	padding-bottom: 10px;
}
h4 {
	background-image: url(../img/PANDOM.gif);
	background-repeat: no-repeat;
	background-position: 2px 1px;
	font-family: "Century Gothic", helvetica, arial;
	color: #FFFFFF;
	font-size: 30px;
	font-weight: normal;
	width: 600px;
	padding-bottom: 10px;
	height: 80px;
	margin-bottom: 20px;
	line-height: 80px;
	margin-top: -5px;
	padding-left: 15px;
}
h5 {
	font-size: 22px;
	color: #701819;
	font-family: "Century Gothic", arial, tahoma;
	font-variant: normal;
	font-weight: normal;
	line-height: 24px;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 15px;
	font-weight: normal;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
a.formbutton {
	display:block;
	width:124px;
	height:42px;
	background-image:url(../img/pms_btn_continue.gif);
	background-repeat:no-repeat;
}
a.formbutton:hover {
	display:block;
	width:124px;
	height:42px;
	background-image:url(../img/pms_btn_continue_a.gif);
	background-repeat:no-repeat;
}


.formelementindex {
	background-color:#CAD394;
	width:240px;
	padding:5px;
	font-size:14px;
	border:1px solid #FFFFFF;
	color:#640405;
	margin:5px 5px 10px;
}
.pbottominfolnk {
	color:#F78800;
	font-size:10px;
	padding:7px;
	margin:1px;
	text-align:left;
}
.pbottominfo {
	color:#F78800;
	font-size:10px;
	padding:7px;
	margin:1px;
	text-align:right;
}

.sh1 {
	color:#640405;
	font-size:23px;
	font-weight:normal;
	font-variant:normal;
	line-height: 24px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}
.sh2 {
	color:#640405;
	font-weight:normal;
	padding-top: 10px;
}
.sparagraph {
	color:#666666;
	font-size:14px;
	text-align:left;
	text-align:justify;
}
/*expanding divs*/
#accordion {
	margin:20px 0px;
}
h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #434241;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
	font-weight: bold;
	background-color: #F5FBE0;
}
#accordion  .element  ul {
	background-color: #F5FBE0;
}
#accordion .element li {
	background-color: #F5FBE0;
	color: #333333;
}
div.element p, div.element h4 {
	margin:0px;
	padding:4px;
	font-size: 14px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F5FBE0;
}
.features_img {
	float: left;
	border-right-width: 15px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.features_p {
	font-size: 20px;
	font-weight: normal;
	color: #640405;
}
.features {
	font-size: 14px;
	height: 61px;
	width: 600px;
	clear: both;
}
.border-bottom {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	margin-bottom: 8px;
	margin-top: 5px;
}
#sidenav {
	width: 260px;
	font-size: 12px;
	background-color: #C2C2C2;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
#sidenav ul{
	list-style-type: none;

}
#sidenav li{
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#sidenav li a{
	background-image: url(../img/sidenav_but_up.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 220px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;
	font-size: 16px;
	color: #666;
	text-decoration: none;
	float: left;
	background-position: left top;
	line-height: 32px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;

}
#sidenav li a:hover{
	background-image: url(../img/sidenav_but_hover.gif);

}

.sidenav-top {
	background-image: url(../img/signupbox_top.gif);
	background-repeat: no-repeat;
	width: 290px;
	height: 6px;
}
.sidenav-bot {
	background-image: url(../img/rightcolbot.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 8px;
	background-position: left bottom;
}



.smallertext {
	font-size: 11px;
	font-weight: bold;
}
#buttonsbox {
	height: 20px;
	clear: both;
}
#buttonsbox a.order3 {
	color: #993300;
	display: block;
	font-size: 14px;
	font-weight: bold;
	line-height: 19px;
	text-decoration: none;
	width: 100px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background-image: url(../img/btn-bgr2.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	float: left;
	position: relative;
	height: 19px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#buttonsbox a:hover.order3   {
	color: #F5722F;
	display: block;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
.floatleft  {
	float: left;
	padding-right: 20px;
	padding-bottom: 10px;
}
.floatright {
	float: right;
}
#accordion  .element  h2 {
	background-color: #F5FBE0;
	font-size: 16px;
	font-weight: bold;
}
#breadcrumbs  {
	font-size: 11px;
	font-weight: normal;
	height: 24px;
	background-image: url(../img/breadcrumbbg.gif);
	background-repeat: no-repeat;
	width: 987px;
	padding-top: 0px;
	padding-left: 8px;
	display: block;
	padding-right: 8px;
	padding-bottom: 0px;
	background-position: 1px bottom;
	line-height: 22px;
	margin: 0px;
}

.sharebutt  {
	padding-top: 30px;
	padding-left: 15px;
	display: block;
	padding-bottom: 20px;
}
.tablists  ul{
	width: 231px;
	background-color: #039;
	list-style-type: none;
	height: 140px;
	float: left;
}
.tablists li {
	width: 200px;
	list-style-type: none;
	padding-left: 10px;
	padding-top: 8px;
	font-size: 15px;
	float: left;
	height: 25px;
	font-weight: bold;
}
.tablists li a {
	list-style-type: none;
	color: #333;
	text-decoration: none;
}
.tablists li a:hover {
	list-style-type: none;
	color: #630;
	text-decoration: none;
}
.tab {
	border-right: 1px solid #a89c8c;
	height: 155px;
	width: 980px;
	background-color: #FFF;
	margin-bottom: 10px;
}
#herobox  {
	width: 731px;
	background-image: url(../img/herobox_bg.png);
	height: 126px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 5px;
	background-color: #E7E6E8;
}
#herobox .banner {
	width: 728px;
	background-image: url(../img/herobox_bg.png);
	height: 90px;
	margin-top: 20px;
	background-color: #0FF;
	padding: 0px;
}

#homeherobox {
	width: 731px;
	height: 309px;
	padding-top: 5px;
}
#slider {
	text-decoration: none;
	background-image: url(../img/slider_bg.jpg);
	background-repeat: no-repeat;
	
}

			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
	list-style:none;
	height: 309px;
	width: 731px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin: 0;
	text-decoration: none;
		}
	#slider2{
	margin-top:1em;
}
/* // Easy Slider */
#slider H2{
	font-size: 28px;
	padding-bottom: 10px;
	padding-top: 50px;
	color: #D8AE00;
	font-family: Tahoma, Geneva, sans-serif;
}
#slider img {
	height: 260px;
	width: 320px;
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 3px solid #333;
}
#slider div {
	height: 250px;
	width: 330px;
	position: relative;
	left: 200px;
	display: block;
	margin-left: 180px;
	bottom: 270px;
	text-decoration: none;
}


#slider p {
	font-size: 18px;
	text-decoration: none;
	padding-bottom: 20px;
	color: #CCC;
}
#slider a  {
	font-size: 18px;
	text-decoration: none;
}
#slider a:hover {
	font-size: 18px;
	color: #FFF;
	padding-bottom: 20px;
	text-decoration: none;
}

#slider a:visited {
	font-size: 18px;
	color: #FFF;
	text-decoration: none;
	padding-bottom: 20px;
}

#slider .more  {
	text-decoration: none;
	height: 22px;
	width: 114px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(../img/more_butt.gif);
	background-repeat: no-repeat;
}



	#slider li, #slider2 li{
	/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
	width:731px;
	height:309px;
	overflow:hidden;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{
	display:block;
	width:30px;
	height:77px;
	position:relative;
	left:0px;
	top:-190px;
	z-index:1000;
	visibility: visible;
		}	
	#nextBtn, #slider1next{
	left:701px;
	top: -270px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{
	display:block;
	position:relative;
	width:30px;
	height:77px;
	background-image: url(../img/btn_prev.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration: none;
		}	
	#nextBtn a, #slider1next a{
	background-image: url(../img/btn_next.png);
	background-repeat: no-repeat;
	background-position: 0 0;
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
	background:#5DC9E1;
	color:#fff;
	text-decoration: none;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{
	outline:none;
	text-decoration: none;
}
.ar{
	text-align: right
}

#tabcontainer {
	width: 980px;
	clear: both;
	height: 190px;
	background-image: url(../img/tabsbg.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.videoapp{
	border: 3px solid #F6F4EE;
	height: 120px;
	margin: 0 20px 0 0;
	width: 160px
}
#tabcontainer-nav {
	margin-bottom: -2px;


}
/*- Nav2 -*/
.nav2{
	clear: both;
	font-size: 18px;
	height: 28px
}

.nav2 li{
	float: left;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	list-style-type: none;
	height: 0px;
	padding-top: 2px;
	line-height: 24px;
	font-size: 16px;
	color: #633;
	padding-left: 0px;
}
.nav2 li a{
	color: #675907;
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 16px;
	text-decoration: none;
	width: 155px;
	padding-top: 0;
	padding-right: 12px;
	padding-bottom: 0;
	font-weight: bold;
	background-image: url(../img/nav2-up.png);
	margin-left: 0px;
	padding-left: 20px;
}
.nav2 li a:hover,
.nav2 li.active a{
	color: #633;
	text-decoration: none;
}
.nav2 li.active a{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #675907;
	background-image: url(../img/nav2-active.png);
}
/*=== Title Placeholder ===*/
#title{
	height: 170px;
	overflow: hidden;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 35px;
	margin-left: 0;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 18px;
	width: 1000px;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url(../img/breadcrumbbg.gif);
}
#title-pic{
	height: 431px;
	width: 980px;
	background-image: url(file:///D|/CLIENT%20WORK/catholic%20singles.com/website/webroot/images/pic-title2_03.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#title-pic p{
	line-height: 18px
}
/*=== All Columns ===*/
.tab{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #816F07;
	border-bottom-color: #816F07;
}
#columns{
	height: 1%;
	padding: 0 10px 5px 15px;
}
.subcols{
	height: 1%;
	background-color: #FFF;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 35px;
	margin-left: 0;
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.subcols .content{
	height: 1%;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 11px;
}
.subcols p{
	padding: 0 0 5px
}
.col1{
	border-right: 1px solid #a89c8c;
	float: left;
	width: 160px;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 5px;
	margin-bottom: 2px;
}
.col1 img {
	border: 2px solid #FC0;
	height: 130px;
	width: 130px;
}

.col2{
	float: left;
	width: 755px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-left: 15px;
}
.col2 h3{
	font-size: 16px;
	color: #633;
}
.share {
	height: 40px;
	text-decoration: none;
}
.sideads {
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
}
.nohov li a:hover{
	background-image: none;
}

.blocks {
	width: 200px;
	float: left;
	margin: 15px;
	height: auto;
	
	
}