/*
===============================================
Copyright 2007 Knights of Columbus of Oceanside, Father Joseph O'Connell Council #3481. All rights reserved.
===============================================
*/
/*
===========================================
*************************   TEMPLATE VARIABLES   *************************
===========================================
*/

/*
===========================================
*************************   GENERAL FEATURES   *************************
===========================================
*/


body  {
	margin: 0; padding: 0;
	background-color: #001e57;
	background-image: url(../images/main-bg.gif);
	background-repeat: repeat-x;
	font-family: Tahoma;
}


p    { font-size: 10pt; text-align: justify; }
img  { border: none 0; }

a:link      { color: #003971; text-decoration: underline; }
a:visited   { color: #003971; text-decoration: underline; }
a:hover     { color: #dd0000; text-decoration: none; }


h1 { 
	font-size: 16pt;
	font-style: italic;
	line-height: normal;
	font-weight: bold;
	color: #000066;
}

h2 {
	font-size: 14pt;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #333;
}

/*
===========================================
*************************   INDEX HEADER   *************************
===========================================
*/

#container {
	width: 868px;
	padding: 0; margin: 0 auto;
	border: none 0;
}

#header {
	width: 750px;
	text-align: left;
	padding: 0; margin: 0;
	border: none 0;
	background-color: #f8f6f6;
}
#header-tble01 {
	width: 750px;
	border: none 0;
	margin: 0;
	background-color: #fffefe;
}


/* ******** Header Styles 9-11 ******** */
#header-tble01a {
	width: 100%; height: 88px;
	margin: 0; padding: 0;
	position: relative;
	background-color: #fff;	
}
#header-icons {
	width: 25px; height: 25px;
	position: absolute;
	top: 32px; right: 117px;
}
#header-icontxt {
	width: 90px; height: 30px;
	position: absolute;
	top: 29px; right: 23px;
	font-size: 11px; font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
}

#tophdrnav {
	width: 360px; height: 17px;
	background-color: #c7d1d9;
	border: none 0;
	position: absolute;
	top: 0; right: 20px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #002447;
}
#tophdrnav td { text-align: center; }
.tophdrnav_lr {
	width: 4px; vertical-align: bottom;
}
#tophdrnav a:link, #tophdrnav a:visited  { color: #002447; text-decoration: none; }
#tophdrnav a:hover                       { color: #002447; text-decoration: underline; }
.tophdrnav_div                           { margin: 0 10px; }

#subnavtop {
	width: 100%; height: 30px;
	margin: 0; padding: 0;
	position: relative;
	background-color: #fff;
	background-image: url(../images/bg-subnavtop.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}
#subnavtopimg {
	width: 200px; height: 30px;
	position: absolute;
	top: 0; left: 0;
}
#subnavtoplks {
	width: 650px; height: 30px;
	position: absolute;
	top: 8px; left: 208px;
}
#subnavtop a:link, #subnavtop a:visited  { color: #fff; text-decoration: none; }
#subnavtop a:hover                       { color: #ffbc2c; text-decoration: none; }
.subnavtoplks_div                        { margin: 0 15px; }





#main-table {
	width: 750px;
	border: none 0;
}
#main-table2 {
	width: 100%;
	border: none 0;
}




#main-tablelft {
	width: 184px;
	text-align: left;
	vertical-align: top;
	background-color: #003366;
	background-image: url(../images/white.gif);
	background-repeat: repeat-y;
	background-position: right top;
}



#footer {
	width: 100%; height: 100px;
	position: relative;
	border-top: solid 2px #fff;
	background-color: #02023c;
	background-image: url(../images/bg_footer.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#footernav {
	width: 100%; height: 28px;
	background-color: #484848;
	padding-top: 1px;
}
#footernavin {
	width: 100%; height: 26px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
}


#footer-img {
	width: 190px; height: 100px;
	position: absolute;
	top: 0; left: 0; 
	margin: 0; padding: 0;
}

#footer-lks {
	width: 680px; height: 100px;
	position: absolute;
	top: 3px; right: 0; 
	margin: 0; padding: 0;
	text-align: center;
}
.ftrlinks, .ftrlinks2 { font-size: 8pt; }
.ftrlinks2            { margin: 0 7px; }
a.ftrlinks:Link, a.ftrlinks:Active, a.ftrlink:Visited, a.ftrlinks2:Link, a.ftrlinks2:Active, a.ftrlinks2:Visited { 
    color: #efefef; text-decoration: none; }
a.ftrlinks:Hover, a.ftrlinks2:Hover  { 
    color: #e4a215; text-decoration: underline; }


.footer-info1, .footer-info2 {
	width: 350px;
	position: absolute;
	top: 43px;
	margin: 0; padding: 0;
	text-align: left;
	font-size: 8pt;
	color: #fff;
}
.footer-info1 { left: 210px; }
.footer-info2 { left: 670px; }

.footer-strip {
	width: 100%; height: 6px;
	margin: 0; padding: 0;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #7888a6;
	background-image: url(../images/strip_02a.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #e4a215;
}


#disclaimer {
	width: 100%; height: 23px;
	position: relative;
	border: none 0;
	background-color: #050540;
	font-size: 8pt;
	color: #fff;
	margin: 0 0 25px 0; padding: 0;
}

#disclaimer_l, #disclaimer_r {
	height: 20px;
	position: absolute; top: 4px;
}
#disclaimer_l {
	width: 400px; 
	left: 20px;
	text-align: left;
}
#disclaimer_r {
	width: 300px; 
	right: 20px;
	text-align: right;
}

#disedge_l, #disedge_r {
	width: 12px; height: 14px;
	position: absolute; bottom: 0;
	margin: 0; padding: 0;
}
#disedge_l { left: 0; }
#disedge_r { right: 0; }






#hometopart {
	width: 676px; height: 304px;
	position: relative;
	border: none 0; 
	background-color: #003366;
	margin: 0; padding: 0;
}

#hometopart-img {
	width: 493px; height: 304px;
	position: absolute;
	top: 0; left: 0;
	margin: 0; padding: 0;
}
.navbox2 {
	width: 178px; height: 31px; 
	margin: 0; padding: 0;
	position: absolute;
	top: 2px; right: 2px;
	background-image: url(../images/nav-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	text-align: left; text-indent: 8pt;
	vertical-align: middle;
	border: none 0;	
}

#newseventsbox {
	width: 166px; height: 257px; 
	margin: 0; padding: 0;
	position: absolute;
	top: 40px; right: 8px;	
	border: none 0;	
}
.newseventsbox_td {
	width: 166px; height: 7px; 
	margin: 0; padding: 0;		
}

.newseventsbox_txt {
	width: 166px; height: 243px; 
	margin: 0; padding: 0;
	background-color: #fff;
	vertical-align: top;
	text-align: center;
	font-size: 12px;	
}
.newseventsbox_ad {
	width: 160px; 
	margin: 0 0 10px 0; padding: 0;
	vertical-align: top;
}

.newseventsbox_lk {
	width: 160px; 
	margin: 0; padding: 0;
	vertical-align: top;
	text-align: right;
	font-size: 11px;
}


.hometitle {
	width: 620px; 
	margin: 0 auto; padding: 0 0 3px 0;
	border-bottom: double 3px #000;
	font-size: 26px; text-align: left;
	font-family: "Times New Roman", Times, serif;
}
.hometext {
	width: 620px; 
	margin: 0 auto; padding: 5px 0 35px 0;
	font-size: 13px; text-align: justify;
}

.home-announce {
	width: 600px; 
	margin: 0 auto; padding: 10px;
	border: double 8px #003399;
	font-size: 15px; text-align: center;
	font-weight: bold;
	background-color: #ffffcc;
}
.home-announcehdr {
	width: 100%; 
	margin: 0 0 8px 0; padding: 0;
	font-size: 30px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic; font-weight: bold;
	color: #003399;
}




.pic-tble {
	width: 500px;
	border: none 0;
	padding: 0;
    margin: 0 0 20px 0;
}
.pic-tblelft{
	width: 33%;
	vertical-align: top;
	text-align: center;
}
.pic-tblemid{
	width: 34%;
	vertical-align: top;
	text-align: center;
}
.pic-tblerght{
	width: 33%;
	vertical-align: top;
	text-align: center;
}

.pic-tble2{
	width: 380px;
	border: none 0;
	padding: 0;
	margin: 0 0 20px 0;
}
.pic-tblelft2, .pic-tblerght2 {
	width: 50%;
	vertical-align: top;
	text-align: center;
}

.namelistings{
	width: 450px;
	border: none 0;
	padding: 0 0 4px 0;
}
/*  Hack for Firefox and Netscape  */
html > body .namelistings{
	padding-bottom: 15px;
}
.namelistings-l {
	font-size: 12px;
	font-weight: bold;
	float: left;
}
.namelistings-r {
	font-size: 12px;
	float: right;
}



/*
===========================================
*************************   LEFT NAVIGATION   *************************
===========================================
*/
.navbox					{
	background-image: url(../images/nav-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 31px; width: 178px;
	margin: 0 0 3px 2px;
	text-align: left;
	vertical-align: middle;
	border: none;
	text-indent: 8pt;
	padding: 0;
}


.pic {
	border: none 0;
	margin-left: 18px;
}

.banner-ads {
	margin: 0 0 12px 0;
}

/*
===========================================
*************************   BODY FEATURES   *************************
===========================================
*/
.format_03 {
	width: 559px;
	background-image: url(../images/format_03.jpg);
	background-repeat: repeat-x;
	text-align: center;
	background-color: #fff;
	vertical-align: top;
	padding: 44px 0 50px 0;	
}

.main-box-body {
	width: 513px;
	text-align: center;
	background-color: #fff;
	vertical-align: top;
	padding: 20px 0;
}

.bracket_01 {
	vertical-align: top;
	width: 3px;
	background-image: url(../images/bracket_01.gif);
	background-repeat: repeat-y;
}

.tble-inner {
	width: 521px;
	border: none 0;
}

.white-main {
    width: 515px;
	background-color: #fffefe;
	padding: 20px 0;
	vertical-align: top;
	text-align: center;
}

.white {
	background-color: #fffefe;
	padding: 20px 0;
	vertical-align: top;
	text-align: center;
}

.white2 {
    width: 515px;
	background-color: #fffefe;
	vertical-align: top;
	text-align: center;
}

.white3 {
	background-color: #fff;
	vertical-align: top;
	text-align: center;
}

.link-text      { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; line-height: normal; font-weight: normal; text-transform: capitalize}
.link-textbld   { font-family: Tahoma; font-size: 9pt; line-height: normal; font-weight: bold; }
.link-textbld2  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; line-height: normal; font-weight: bold; }
.link-textbld3  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; line-height: normal; font-weight: bold; }
.link-textbldw					{
	font-family: Tahoma;
	font-size: 9pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #fffbfb;
}
a.link-textbldw:Link			{color: #fffbfb; text-decoration: underline;}
a.link-textbldw:Active			{color: #fffbfb; text-decoration: underline;}
a.link-textbldw:Visited 		{color: #fffbfb; text-decoration: underline;}
a.link-textbldw:Hover			{color: #E4A215; text-decoration: none;}

.sub-text    { font-family: Tahoma; font-size: 11pt; font-style: normal; line-height: normal; font-weight: bold; }
.sub-text2   { font-family: "Times New Roman", Times, serif; font-size: 16pt; font-style: italic; line-height: normal; font-weight: bold; }
a.sub-text2:Link			{color: #975167; text-decoration: underline;}
a.sub-text2:Active			{color: #975167; text-decoration: underline;}
a.sub-text2:Visited 		{color: #975167; text-decoration: underline;}
a.sub-text2:Hover			{color: #FAA27E; text-decoration: none;}


.VTitleMore-gy				{
	background:#E9E9E9;
	font-size: 12px;
	color: #242424;
	padding-left: 7px;
	font-family: Tahoma;
	font-weight: bold;
	height: 19px;
	padding-top: 1px;
	border-bottom: solid 1px #656565;
}
.VTitleMore-gy2				{
	background:#E9E9E9;
	font-size: 15px;
	color: #242424;
	padding-left: 7px;
	font-weight: bold;
	height: 22px;
	padding-top: 1px;
	border-bottom: solid 1px #656565;
}
.VTitleMore-gy-bx  {
	width: 95%; height: 19px;
	border-bottom: solid 1px #656565;
	padding: 1px 0 0 7px;
	background-color: #e9e9e9;
	text-align: left;
	text-transform: uppercase;
	vertical-align: middle;
	font-size: 12px; font-weight: bold;
	color: #242424;
}

.VTitleMore-tan-bx				{
	font-size: 12px;
	color: #242424;
	padding-left: 7px;
	font-weight: bold;
	height: 19px;
	padding-top: 1px;
	border-bottom: solid 1px #656565;
	text-align: left;
	vertical-align: middle;
	width: 95%;
	background-image: url(../images/tangrad.gif);
	background-repeat: repeat-x;
	background-position: left top;
}


.title-bar {
	background-color: #fff;
	background-image: url(../images/strip_02.gif);
	background-repeat: repeat-x;
	height: 70px;
	width: 100%;
	margin: 0; padding: 10px 0 0 0;
	text-align: center;
}
.base-barind {
	background-image: url(../images/base-barind.gif);
	background-repeat: repeat-x;
	height: 35px;
	width: 100%;
	margin: 0; padding: 10px 0 0 0;
	text-align: center;
}
.format-covtp_01 {
	background-image: url(../images/format-covtp_01.gif);
	background-repeat: repeat-x;
	width: 100%;
	text-align: center;
	background-position: left bottom;
}

.cater-hall {
	background-repeat: repeat-x;
	text-align: center;
	background-color: #fff;
}

/***   ******************** Arrow List/FAQs *******************   ***/

.arrow-list {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	list-style-position: outside;
	list-style-image: url(../images/arrow.gif);
	text-align: left;
}
a.arrow-list:Link		{color: #002F5D; text-decoration: underline;}
a.arrow-list:Active		{color: #002F5D; text-decoration: underline;}
a.arrow-list:Visited	{color: #002F5D; text-decoration: underline;}
a.arrow-list:Hover		{color: #7c7c7c; text-decoration: none;}


/* Colors */
.blue    { background-color: #272F6D; }
.blue-dk { background-color: #050540; }
.grey    { background-color: #9F989F; }
.grey2   { background-color: #484848; }
.lt-grey { background-color: #EBEBEB; }
.yello   { background-color: #DC9D16; }




/** ***** O'Connell Gardens "Open House" ad - 2/10/12 ***** **/

.oconnell_ad01 {
	width: 643px;
	position: relative;
	border: solid 3px #660b20;
	background-color: #8a253c;
	margin: 20px auto 5px auto; padding: 0;
}
.oconnell_ad01tbl {
	width: 643px;
	border: none 0;
}
.oconnell_subtxt {
	width: 588px;
	position: absolute; top: 390px; left: 26px;
	background-color: #000;
	filter: alpha(opacity=75);
	moz-opacity: 0.8; opacity: 0.8; 
	padding: 7px 0;
	font-size: 14px; font-weight: bold;
	text-align: center;
	color: #fff;
}
.oconnell_ftr {
	width: 100%;
	margin: 9px 0;
	font-size: 13px;
	text-align: center;
	color: #fff;
}