/* Main stylesheet */

body,html {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 90%;
    /* background-color: #cfc4af; */
    background-color: #FFFFFF; 

    /* color: #4f4532; */
    color: #000044; 


    scrollbar-face-color: ThreeDFace !important;
    scrollbar-shadow-color: ThreeDDarkShadow !important;
    scrollbar-highlight-color: ThreeDHighlight !important;
    scrollbar-3dlight-color: ThreeDLightShadow !important;
    scrollbar-darkshadow-color: ThreeDDarkShadow !important;
    scrollbar-track-color: Scrollbar !important;
    scrollbar-arrow-color: ButtonText !important;
}


p {
    line-height: 1.5;
}
p.center {
    text-align: center;
}

#logo {
    background: url(../images/new_logo.gif) no-repeat;
    position: absolute;
    top: 1px;
    left: 10px;
    width: 400px;
    height: 80px;
    text-indent: -9999em;
    margin: 0;
    z-index: 3;
}

#nav {
    margin: 0;
    padding: 0;
    /* background: #6F6146;  */
    background: #000044;  
    list-style-type: none;
    width: 856px;
    float: left;  /* Contain floated list items */
    position: absolute;
    top: 83px;
    
}
#nav2 {
    margin: 0;
    padding: 0;
    background: #000044; 
    /* background: #6F6146;  */
    background: #000044;  
    list-style-type: none;
    width: 795px;
    float: left;  /* Contain floated list items */
    position: absolute;
    top: 106px;
    left: 40px;
}


#nav li, #nav2 li {
    margin: 0;
    padding: 0;
    float: left; /* This and the next line correct the IE whitespace bug */
}

#nav a {
    float: left;
    width: 120px;
    text-align: center;
    color: #ffffff; 
    text-decoration: none;
    line-height: 1.4; 
    /*
    border-right: 2px solid #4f4532;
    border-bottom: 2px solid #4f4532;
    border-top: 2px solid #4f4532; 
    */
    border-right: 2px solid #003366;
    border-bottom: 2px solid #003366;
    border-top: 2px solid #003366; 
}
#nav2 a {
    float: left;
    width: 130px;
    text-align: center;
    color: #ffffff; 
    font-size: 11px;
    text-decoration: none;
    line-height: 1.4; 
    padding-top: 3px;
    /*
    border-right: 2px solid #4f4532;
    border-bottom: 2px solid #4f4532;
    */
    border-right: 2px solid #003366;
    border-bottom: 2px solid #003366;
}


#nav #nav_home a {   /* BE WARY: MAIN MENU HACK */
    /*border-left: 2px solid #4f4532;  */
    border-left: 2px solid #003366; 
}
#nav2 #nav2_mission a {   /* BE WARY: MAIN MENU HACK */
    /* border-left: 2px solid #4f4532;  */
    border-left: 2px solid #003366; 
}

#nav #nav_stewardship a {   /* BE WARY: MAIN MENU HACK */
    /* border: none; */
}
#nav2 #nav2_stewardship a {   /* BE WARY: MAIN MENU HACK */
    /* border: none; */
}

#nav a:hover, #nav2 a:hover {
    /* background-color: #4F4532; */
    background-color: #003366;
}
#nav li.current a, #nav2 li.current a {
    /*
    background: #CCCC99;
    color: #1A1303;
    */
    background: #336699;
    color: #000044;
    font-weight: bold;
}
#menu_base {
    /*
    position: absolute;
    margin: 0;
    padding: 0;
    width: 95%;
    top: 89px;
    left: 65px;
    height: 22px;
    */
}
#body_home #nav_home a, #body_home #nav2_home a,
#body_word #nav_word a, #body_word #nav2_history a,
#body_worship #nav_worship a, #body_worship #nav2_parishcouncil a,
#body_service #nav_service a, #body_service #nav2_partnersInOutreach a,
#body_vocation #nav_vocation a, #body_vocation #nav2_schools a,
#body_evangelization #nav_evangelization a, #body_evangelization #nav2_areaParishes a,
#body_stewardship #nav_stewardship a , #body_stewardship #nav2_stewardship a,
#body_aboutus #nav2_mission a
{
    /* background-color:  #CCCC99;   */
    /* color:       #1A1303;         */
    background-color:  #336699;   
    color:       #ffffff;        
    /*background-position: -224px 0; */
    font-weight: bold;
}

#backgroundFocus {
    background: url(../images/backgroundLarge.gif) no-repeat;
    width: 291px;
    height: 431px;
    position: absolute;
    /* top: 163px; */
    top: 158px; 
    left: 555px;
    /*left: 535px; */
    /*position: absolute;
    bottom: 0;
    right: 40px;
    */

}
.ul_list {
    font-weight: bold;
}
.ul_list li {
    font-weight: normal;
}

.council_table {
    width: 90%;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 15px;
    clear: all;
    border-spacing: 2px;
    border: 1px solid #336699;
    clear: all;
}
.council_table th {
    padding: 1px;
    /* background: #99cc99; */
    border: 1px solid #336699;
    text-align: right;
}
.council_table th.middle {
    text-align: center;
}
.council_table td {
    padding: 1px;
    background: #FFFFFF;
    border: 1px solid #336699;
}

.council_sub_table {
    width: 100%;
    margin-left: 2px;
    margin-right: 2px;
    border: none;
    clear: all;
}
.council_sub_table th { 
    width: 50%; 
    border: none;
    border-right: 1px dotted #336699;
    border-bottom: 1px dotted #336699;
    font-style: italic;
}
.council_sub_table td { 
    border: none; 
    border-bottom: 1px dotted #336699;
}

.sub_table {
    color: #000044;
    border: 1px; 
    clear: all;
}
.sub_table caption {
    font-size: 1.2em;
    font-weight: bold;
}
.sub_window {
    color: #000044;
    border: 2px dotted #cccc99; 
    padding: 5px; 
    position: absolute;
    left: 10px;
    top: 144px;
    width: 520px;
}
.sub_window_full {
    color: #000044;
    border: 2px dotted #cccc99; 
    padding: 5px; 
    position: absolute;
    left: 10px;
    top: 144px;
    width: 840px;
}
.sub_window_full_alt {
    color: #000044;
    background-color: #ffffff;
    padding: 5px; 
    position: absolute;
    left: 10px;
    top: 144px;
    width: 840px;
}
.main_window {
    color: #000044;
    /* border: 2px dotted #99cc99; */
    position: absolute;
    left: 10px;
    top: 144px;
    width: 350px;
}
#welcome  {
    color: #336699;
    font-size: 1.2em;
    font-weight: bold;
}
#location {
    color: #000044;
    text-align: center;
    font-weight: bold;
    position: absolute;
    left: 577px;
    top: 590px;
    width: 250px;
    font-size: 11px;
    z-index: 4;
}
#content_bar {
    background-color: #ffffff;
    color: #003366;
    position: absolute;
    padding: 2px;
    top: 327px;
    left: 10px;
    height:210px;
    width: 520px;
    /* border: #336699 1px solid; */
    /* border: #CCCC99 2px solid; */
    border: #CCCC99 2px solid; 
    overflow: auto;
    font-size: 11px;
}
#top_right_home {
    background: url(../images/new_topright.png) no-repeat; 
    width: 415px;
    height: 80px;
    position: absolute;
    top: 2px;
    left: 450px;
    color: #003366;
    background-color: #cccc99;

}
#home_quicklinks_div {
    position: absolute;
    top: 160px;
    left: 535px;
    /* left: 535px; */
    width: 280px;
}

.quicklink_list {
    list-style-type: none;
    color: #000044;
    font-size: .9em;
    z-index: 5;
}

#home_quicklinks_div .quicklink_list li {
    padding-top: 5px;
}
#home_quicklinks_div .quicklink_list a {
    font-weight: bold;
    text-decoration: none;
    font-size: 1.2em;
    line-height: 1.4;
    color: #000044;
    z-index: 5;
}
#home_quicklinks_div .quicklink_list a:hover {
    color: #336699;
}    

#quicklinks {
    background: url(../images/new_quicklinks.gif) no-repeat;
    position: absolute;
    top: 132px;
    left: 565px;
    /* left: 635px; */
    width: 240px;
    height: 30px;
    text-indent: -9999em;
    margin: 0;
    z-index: 3;
}
#home_row_of_pics {

    background: url(../images/new_building.gif) no-repeat center;
    background-color: #fffff;
    height: 160px;
    width: 522px;
    padding: 2px;
    position: absolute;
    left: 10px;
    top: 130px;
    /*border: #336699 1px solid; */
}
#content_bar_heading {
    color: #FFFFCC;
    padding: 1px;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    background-color: #336699;
    position: absolute;
    top: 298px;
    left: 10px;
    height:22px;
    width: 524px;
    /* border: #336699 1px solid; */
    /* border: #CCCC99 2px solid; */
    /* overflow: auto; */
}
#mass_schedule {
    position: absolute;
    left: 10px;
    top: 550px;
    color: #000044;
    line-height: 1;
    font-size: 11px;
}
#mass_schedule table {
    width: 263px;
}
#mass_schedule th {
    color: #003366;
    background-color: #CCCC99;
    padding-top: 2px;
}
#mass_schedule td {
    border-bottom: #003366 dotted 1px;
}


A:link {color: #336699}
A:visited {color: #000044}
A:active {color: #336699}
A:hover {text-decoration: underline; color: #003366;}



.timeToSeekDataTable {
	width:					100%;
	padding:				0px;
	border-spacing:	0px;
	height:					100%;
	border:					0px;
}
.timeToSeekDataTableDayNum {
	text-align:			left;
	vertical-align:	top;
}
.timeToSeekDataTableVerse {
	text-align:			center;
	vertical-align:	top;
}

.registerFormSection {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color:	#6699cc;
    color:		#000044;	
    padding:		5px;
}
.registerFormSection TH{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:   .8em;
    vertical-align:	bottom;
}
.registerFormInputLabel {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:		#000044;	
    padding:		1px;
    padding-bottom:	5px;
    font-weight:	bold;
}
.registerFormSectionHeader {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:		#000044;	
    font-weight:	bold;
    font-size:		1.2em;
    padding-top:	10px; 

}
.registerFormMainHeader {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:		#000044;	
    font-weight:	bold;
    font-size:		1.6em;
    text-align:		center;	
    padding:		10px;
}
.registerFormRadio {
    vertical-align:	bottom;
}
.registerFormSpacer {
    width:    50px;  
}
.registerFormSubTH {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:		#003366;	
    font-size:		.9em;
    text-align:		center;	
}
.registerFormSectionRows:nth-child(even) { background-color:#fff; }
.registerFormSectionRows:nth-child(odd)  { background-color:#eee; }

.registerFormTableInput {
	text-align: center;
}
.registerSuccess {
	text-align: center;
    font-family: 	Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:				#003366;	
    font-size:		1.5em;
    font-weight:	bold;
}
.registerMessage {
	text-align: left;
    font-family: 	Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:				#ff0000;	
    font-size:		1em;
    font-weight:	bold;
}