@charset "utf-8";
/* ========== Northeast American Diocese Home Page CSS Styles ========== */

/*	
	1.Header Container
		a.Featured
		b.Feasts Article
		c.Scripture Verse
	2.Diocesan Projects
	3.Left Column
    4.Right column 
		a.Upcoming Events
		b.Recent Kalpana
		c.Latest Multimedia
*/


/* ==================== 1.Header Container ==================== */

#header-container {float:left; width:920px; padding:70px 10px 15px 20px; background:url(../images/bg-content-container.jpg) no-repeat top center;}

#header-container h2 {color:#300; font-size:1.3em; font-family:"Times New Roman", Times, serif; font-weight:normal; padding-bottom:6px;}

#header-container p {padding-bottom:3px;}

/* ---------- a.Featured ----------- */

/*#header-container #featured {float:left; margin-right:15px;}*/
/*Anil */
#header-container #featured {float:left; margin-right:15px; 
	/*Anil */width:443px; position:relative; height:218px
}

#header-container #featured .folio_block {
    position: absolute;
    left: 50%; top: 50%;
    margin: -140px 0 0 -395px;
}


/*--Main Container--*/
#header-container #featured .main_view {
    float: left;
    position: relative;
}
/*--Window/Masking Styles--*/
#header-container #featured .window {
    height:218px;    width: 443px;
    overflow: hidden; /*--Hides anything outside of the set width/height--*/
    position: relative;
}
#header-container #featured .image_reel {
    position: absolute;
    top: 0; left: 0;
}
#header-container #featured .image_reel img {float: left;}

/*--Paging Styles--*/
#header-container #featured .paging {
    position: absolute;
    bottom: 10px; right: -7px;
    width: 178px; height:47px;
    z-index: 100; /*--Assures the paging stays on the top layer--*/
    text-align: center;
    line-height: 40px;
    background:url(../images/home/ribbon.png)  no-repeat;
    display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
#header-container #featured .paging a {
    padding: 5px;
    text-decoration: none;
    color: #fff;
}
#header-container #featured .paging a.active {
    background: #920000;
/*    border: 1px solid #610000;
*/    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#header-container #featured .paging a:hover {color:#CCC;}

#header-container #featured .desc {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 101;
    background:url(../images/home/dot.png);  
    color: #FFF;
    font-size: 1.2em;
    padding: 10px;
	width: 423px;
	font-weight:bold;
}

#header-container #featured .desc a, #header-container #featured .desc a:hover{
    color: #FFF;
	text-decoration:none;
}



/* ---------- b.Feasts Article ----------- */

#header-container #feasts-article {width:200px; height:230px; float:left; background:url(../images/home/bg-container.jpg) repeat-y left top; padding:0px 19px; line-height:170%;}

#header-container #feasts-article img {border:5px solid #FFF; float:left; margin-right:8px;}

#header-container #feasts-article a {color:#93211E; font-weight:bold; text-decoration:none;}

#header-container #feasts-article a:hover {color:#1C4E87;}

/* ---------- c.Scripture Verse ----------- */

#header-container #scripture-verse {width:191px; height:230px; float:left; background:url(../images/home/bg-container.jpg) repeat-y left top; padding-left:19px;}

#header-container #scripture-scroll p {font-size:1.2em; /*color:#1C4E87;*/ font-family:"Times New Roman", Times, serif; line-height:145%; font-style:italic; padding-right:5px;}

#scripture-verse  #scripture-scroll {width:191px; height:205px; overflow-y:auto; overflow-x:hidden; float:left;}

#scripture-verse  #scripture-scroll a {color:#93211E; font-weight:bold; text-decoration:none; font-style:normal; font-family:Arial, Helvetica, sans-serif; font-size:.8em;}

#scripture-verse  #scripture-scroll a:hover {color:#1C4E87;}

/* ==================== 2.Diocesan Projects ==================== */

#diocesan-projects {width:935px; height:30px; padding:28px 25px 28px 0px; margin-bottom:15px; background:url(../images/home/bg-diocesan-projects.jpg) no-repeat left top; float:left;}

#diocesan-projects img {float:right;}

#diocesan-projects p {display:block; margin:10px 0px 0px 150px; float:left; width:650px; color:#FFF;}

#diocesan-projects a {font-weight:bold; color:#FC3; text-decoration:none;}

#diocesan-projects a:hover {color:#FFF;}

/* ==================== 3.Left Column ==================== */

#left-column {float:left; width:450px; padding:0px 20px 0px 20px; background:url(../images/home/bg-container.jpg) repeat-y top right; margin-bottom:10px;}	
	
#left-column h1 {color:#300; font-size:2em; font-family:"Times New Roman", Times, serif; font-weight:normal; padding-bottom:12px;}

#left-column p {line-height:160%; padding-bottom:12px;}

#left-column strong {color:#581515; font-style:italic;}

#left-column a {color:#93211E; font-weight:bold; text-decoration:none;}

#left-column a:hover {color:#1C4E87;}

/* ==================== 4.Right column ==================== */

#right-column {float:left; width:426px; padding:0px 0px 15px 18px;}

#right-column h2 {color:#300; font-size:1.3em; font-family:"Times New Roman", Times, serif; font-weight:normal; padding-bottom:12px; background: url(../images/home/bg-right-column-h2.jpg) repeat-x bottom; margin-bottom:12px;}

#right-column a {color:#93211E; font-weight:bold; text-decoration:none;}

#right-column a:hover {color:#1C4E87;}

/* ---------- a.Upcoming Events ----------- */

#right-column dl {line-height:160%; margin-bottom:12px;}

#right-column dt {color:#1C4E87; font-weight:bold;}

/* ---------- b.Recent Kalpana ----------- */

#right-column table {border-collapse:collapse; margin-bottom:12px;}

#right-column td {padding:4px; text-align:left;}

#right-column td strong {color:#1C4E87; background:url(../images/home/icon-pdf.jpg) no-repeat left; padding-left:30px;}

/* ---------- c.Latest Multimedia ----------- */

#right-column #image-container img {border:5px solid #FFF; margin-right:52px;}

#right-column #image-container img.last {margin-right:0px;}