@charset "utf-8";
/* ========== Northeast American Diocese CSS Styles ========== */

/*	
	1.Defaults
	2.Header
	    a.Header Navigation
		b.Logo
	3.Navigation
	4.Search
	5.Content Container
	6.Footer
		a.Copyright	
	7.Javascript Error Message
*/

/* ==================== 1.Defaults ==================== */

* {margin:0px; padding:0px;}

body {background:#FCFAED url(../images/bg-main.jpg) repeat-x; font:12px Arial, Helvetica, sans-serif; color:#666;}

a, a:hover, a:active, a:focus {text-decoration:underline; outline:none;}

a {text-decoration:underline;}
	
a:hover {color:#666; text-decoration:none;}

img {border:none;}
	
ul {list-style:none;}

blockquote {margin-left: 40px; margin-right: 40px; line-height:160%; padding-bottom:16px; font-size: .98em;}
	
.clear {clear:both; font-size:0px;}
	
.err {color: #F00; font-weight: bold;}

.img-clear {clear:both; display:block; padding-top: 12px;}

.img-left {float:left; margin-right:10px; padding:3px;}
	
.img-left-bdr {float:left; margin-right:15px; margin-bottom:2px; margin-top:5px; padding:3px; border:#FFF 1px solid; background:#FFF;}

.img-right {float:right; margin-left:15px; padding:3px;}
	
.img-right-bdr {float:right; margin-left:15px; margin-bottom:2px; margin-top:5px; padding:3px; border:#FFF 1px solid; background:#FFF;}

#ErrorMsg, .ErrorMsg {color:#FF0000; font-weight: bold;}

.highlight {color: #F00; font-weight: bold;}
	
#wrapper {width:960px; margin:0px auto;}

/* ==================== 2.Header ==================== */

#header {width:960px; height:150px; background:url(../images/bg-header.jpg) no-repeat center top; position:absolute; top:0px;}

/* ---- a.Header Navigation ---- */

#header-navigation {width:960px; padding:6px 0px 8px 0px; float:left; font-size:.9em; color:#FFF;} 

p#liturgical-hour {float:left; padding-left:170px; margin-top:2px; }

/*
p#liturgical-hour {float:left; padding-left:170px; }
p#liturgical-hour span {font-family:"Times New Roman", Times, serif; font-size:1.1em; padding-right:5px;}*/
/*Anil Edit */
p#liturgical-hour span {padding-right:5px;}

p#sub-links {float:right; margin-top:2px;}

#header-navigation a {color:#FC3; text-decoration:none;}

#header-navigation a:hover {color:#FFF;}

/* ---- b.Logo --- */

a#logo {width:620px; height:110px; float:left; display:block; margin-bottom:10px;}

a#logo p {display:none;}

/* ==================== 3.Navigation ==================== */

#navigation {width:960px; height:54px; float:left; background:url(../images/bg-navigation.jpg) no-repeat;}

#navigation ul {width:640px; font-family:"Times New Roman", Times, serif; font-size:1.4em; padding-top:10px; float:left;}
	
#navigation li {display:inline;}

#navigation a, #navigation ul a:hover {float:left; display:block; text-decoration:none;}

#navigation a {color:#036; height:21px; padding:8px 23px 15px 24px; background:url(../images/btn-spacer.jpg) no-repeat bottom right;}

#navigation a:hover {color:#93211E; background:url(../images/btn-hover.jpg) no-repeat bottom right;}

#navigation a.active, #navigation ul a.active:hover  {color:#93211E; background:url(../images/btn-active.jpg) no-repeat top right;}

#navigation a#aHome:hover {color:#93211E; background:url(../images/btn-home-hover.jpg) no-repeat bottom right;}

#navigation a#aHome.active {color:#93211E; background:url(../images/btn-home-active.jpg) no-repeat bottom right;}

/* ==================== 4.Search ==================== */

#search-container {float:left; width:280px; height:44px; padding-top:10px; padding-left:40px; background:url(../images/bg-search-container.jpg) no-repeat right;}
	
#search-container input {width:210px; padding:3px; color:#999; background:none; border:none; float:left; margin-right:20px; margin-top:8px; color:#333;}

#search-container .btn-search {width:32px; height:32px; float:left; margin:0px;}

#search-container .btn-search1 {width:32px; height:32px; float:left; margin:0px;background:url(../images/btn-search.jpg) no-repeat }

/* ==================== 5.Content Container ==================== */

#content-bg-repeat {width:960px; float:left; background:url(../images/bg-content-repeat.jpg) repeat-y center; margin-top:150px;}

#content-container {background:url(../images/bg-content-container.jpg) no-repeat top left; width:960px; float:left;}

/* ==================== 6.Footer ==================== */

#footer {width:920px; height:170px; padding:30px 20px; float:left; background:url(../images/bg-footer.jpg) no-repeat; } 

#footer a {text-decoration:none;}

#footer a:hover, #footer dd a:hover h2 {text-decoration:underline; color:#C60;} 

#footer dl {float:left; display:block; width:205px; margin-right:20px; padding-left:10px;}

#footer dt {font-size:1.3em; color:#6C9DC3; padding-bottom:5px; font-family:"Times New Roman", Times, serif; font-size:1.4em;} 

#footer dd {line-height:170%; background:url(../images/bullet-footer.gif) no-repeat left; padding-left:10px; margin-left:2px;} 

#footer dd a {color:#FFF;}

#footer dd a:hover span {color:#6C9DC3;}

#footer dd a:hover, #footer dd a span {color:#FC3; text-decoration:none;}

#footer dl#contact-us {margin-right:0px; color:#FFF;}

#footer dl#contact-us dd {background:none; padding-left:0px; margin-left:0px;} 

#footer dl#contact-us dd strong {color:#FC3;}

#footer dl#contact-us dd img {margin-top:10px; margin-right:10px;}

/* ---- a.Copyright ---- */

#copyright {width:960px; float:left; text-align:center; padding:15px 0px 30px 0px;}	

#copyright p span {color:#999; font-family:"Times New Roman", Times, serif; font-size:1.3em; line-height:160%;}

#copyright p em {font-size:.9em; font-style:normal;}

#copyright a {color:#333; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:.7em;}

#copyright a:hover {color:#6C9DC3; text-decoration:underline;}

/* ==================== 6. Javascript Error Message ==================== */

.noscript{ z-index:10; background:#FFFF90 repeat-x; border:1px solid #000; border-width:0 0 1px ;color:#2F2F2F; font-size:12px; line-height:1.25; text-align:center; position:absolute; top:0px; width:100%;}

.noscript .noscript-inner{width:960px; background:transparent url(../images/i_notice.gif) no-repeat scroll 20px 50%; margin:0 auto; padding:12px 0;}

.noscript p{margin:0;}