/* -----------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------- COMMON -------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------*/

body {
	background:#003B53; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#9DB9C2; line-height:18px; padding:0px; margin:0px;
}
H1, H2, H3, H4, H5, H6, UL, LI, FORM{
	margin:0; padding:0;
}
H1, H2, H3, H4, H5, H6{
	display:block;  color:#ffd337;
}
H1{
	font-size:17px;  font-weight:normal; font-family:"Times New Roman", Times, serif; color:#fff7dd; padding-bottom:15px;
}
H2{
	font-size:17px;  font-weight:normal; font-family:"Times New Roman", Times, serif; color:#fff7dd;  float:left;
}
H3{
	font-size:17px;  font-weight:normal; font-family:"Times New Roman", Times, serif; color:#fff7dd;  float:left;
}
H4, H5, H6{
	font-size:14px;
}
H5{
	font-size:18px; color:#f2bf61;  padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; 
}


UL{
	list-style-type:disc; margin: 10px 0 0 4px;
}
UL LI{
	line-height:17px; text-decoration:none;
}
IMG{
	border:0px;
}
INPUT, SELECT, TEXTAREA{
	font-family:"Times New Roman", Times, serif; font-size:12px; margin:0; padding:0; color:#000000;
}
p:first-child{
	margin:0px;
}
P{
	margin:0 0 16px !important;
}
A:link{
	color:#447a83; text-decoration:none;
}
A:visited{
	color:#447a83; text-decoration:none;
}
A:hover{
	color:#447a83; text-decoration:underline;
}
A:active{
	color:#447a83; text-decoration:underline;
}
A:focus{
	outline:none;
}
.clear{
	height:0px;	line-height:0px; font-size:0px; display:block; clear:both;
}
.hide{
	display:none;
}

/* -----------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------- Banner -------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------*/


DIV#topMain{ width:1000px; height:432px; margin:0 auto; background:url(../images/top-bg.gif) top no-repeat; padding:0px 0px 0 0px;}

DIV#logo{ width:1000px; height:147px;  margin:0; padding:0 0 0 0px;}

DIV#bannerMain{ width:976px; height:285px; margin:0;  padding:0px 12px 0 12px;}

DIV#bannerAndNavigation{ width:720px; height:285px; float:left;}

DIV#banner{ width:720px; height:241px; margin-top:1px;}

/* -----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------ Navigation -----------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------*/


#navigation{ width:720px; height:43px; margin:0;}

#navigation A.about{ width:77px; height:43px; float:left; background:url(../images/about.jpg) left top no-repeat; text-indent:-999999px;}

#navigation A.Irish{ width:149px; height:43px; float:left; background:url(../images/irish.jpg) left top no-repeat; text-indent:-999999px;}

#navigation A.ourapostolates{ width:120px; height:43px; float:left; background:url(../images/our-aspostolates.jpg) left top no-repeat; text-indent:-999999px;}

#navigation A.media{ width:95px; height:43px; float:left; background:url(../images/media-center.jpg) left top no-repeat; text-indent:-999999px;}

#navigation A.network{ width:70px; height:43px; float:left; background:url(../images/network.jpg) left top no-repeat; text-indent:-999999px;}

#navigation A.meditation{ width:127px; height:43px; float:left; background:url(../images/meditation.jpg) left top no-repeat; text-indent:-999999px;}

#navigation A.contactus{ width:82px; height:43px; float:left; background:url(../images/contactus.jpg) left top no-repeat;text-indent:-999999px;}

#navigation a:hover{ background-position:bottom;}

/* -----------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------- Tab ---------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------*/


DIV#tabMain{ width:234px; height:246px; background:#95B9BF url(../images/tabhead.jpg) left top no-repeat; float:right; padding:39px 5px 0 5px;}

DIV#tab{ width:234px; height:206px; margin:0; background:url(../images/tab-top.jpg) top no-repeat; padding-top:9px;}

DIV#tabButtons{ width:221px; height:26px; margin:0; padding-right:13px;}

#tabButtons A.global{ width:65px; height:26px; float:right; background:url(../images/global.jpg) no-repeat; text-indent:-99999px;}

#tabButtons A.global:hover{ background:url(../images/gloal-dea.jpg) no-repeat; }

#tabButtons A.global1{ width:65px; height:26px; float:right; background:url(../images/gloal-dea.jpg) no-repeat; text-indent:-99999px;}

#tabButtons A.svd{ width:65px; height:26px; float:right; background:url(../images/svd.jpg) no-repeat; text-indent:-99999px;}

/*#tabButtons A.svd:hover{ width:65px; height:26px; float:right; background:url(../images/svd-act.jpg) no-repeat; text-indent:-99999px;}*/

#tabButtons A.svd1{ width:65px; height:26px; float:right; background:url(../images/svd-act.jpg) no-repeat; text-indent:-99999px;}

#tabBottom{ width:234px; height:9px; margin:0; background:url(../images/tab-bottom.jpg) top no-repeat;}

#tabCenter{ width:214px; margin:0; background:url(../images/tab-center.jpg) repeat-y; padding:31px 0 0 20px;}

#listTab{ width:209px; margin:0; padding:0;}

#listTab ul{ padding:0; margin:0;}

#listTab li{ width:194px; margin:5px 0 0 0; padding:0 0 0 15px; list-style:none; background:url(../images/bullet.jpg) no-repeat; background-position:1px 6px; color:#447A83; text-decoration:underline;}

.viewmore{ height:12px; line-height:10px; text-align:right; background:url(../images/bullet.jpg) right center no-repeat; padding-right:15px; font-family:Tahoma; font-size:10px; color:#447a83; font-weight:bold;}

.viewmore02{ line-height:10px; float:right; background:url(../images/bullet3.jpg) right 2px no-repeat; padding-right:15px;  font-family:Tahoma; font-size:10px; color:#9ab5bd; font-weight:bold;}

.viewmore01{ height:12px; line-height:10px; text-align:right; background:url(../images/bullet2.jpg) right center no-repeat; padding-right:15px; font-family:Tahoma; font-size:10px; color:#9ab5bd; font-weight:bold; margin-top:5px;}

.viewmore01 A:link,.viewmore01 A:visited{ text-decoration:none; color:#9ab5bd;}

.viewmore01 A:hover, .viewmore01 A:active{ text-decoration:underline; color:#9ab5bd;}

/* -----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------- Contents ------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------*/


.postMain{ width:976px; margin:0 auto; padding:9px 12px 10px 12px;}

#content{ width:703px; margin:0 auto; float:left; padding-top:19px;}

#beaconMain{ width:244px; margin:0 auto; float:right;}

.beacon{ width:219px; height:296px; border:1px solid #264c5c;  background:url(../images/inner-bg.gif) repeat-x; padding:14px 8px 0 15px;}

#beaconimg{ width:71px; height:80px; margin:0 8px 0 0; float:left;}
.school{ width:212px; margin:0; padding:25px 0 0 0;}

.galleryMain{ width:700px; margin:0; padding:47px 0 0 0;}

.gallery{ width:72px; height:74px; margin:0; padding:30px 0 0 43px; background:url(../images/gallery.jpg) no-repeat; color:#aec4cb; line-height:23px; float:left;}
 
 .gallery A:link, .gallery A:visited{ background:url(../images/bullet04.jpg) right 4px no-repeat; padding-right:15px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#aec4cb;}
 
.text01{ width:240px; margin:0 0 0 42px; padding:0; float:left;}

.text02{ width:240px; margin:0 0 0 25px; padding:0; float:left; border-left:1px dotted #597c89; padding-left:15px;}

.icomain{ background:url(../images/the-divine-word.jpg) no-repeat; height:25px; margin:0; padding-left:28px; padding-top:8px;}

.icomain01{ background:url(../images/kairos.jpg) no-repeat; height:25px; background-position:0px 3px; margin:0; padding-left:35px; padding-top:8px;}

#thebeacon{width:122px; height:16px; margin-left:78px;}

#schoolofenglish{width:199; height:42px; }

/* -----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------------- About Us ------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------*/

DIV#topMaininner{ width:1000px; height:348px; margin:0 auto; background:url(../images/innner-top-bg.jpg) top no-repeat; padding:0px 0px 0 0px;}

DIV#bannerMaininner{ width:976px; height:201px; margin:0;  padding:0px 12px 0 12px;}

DIV#bannerAndNavigationinner{ width:720px; height:201px; float:left;}

DIV#bannerinner{ width:720px; height:241px; margin-top:1px;}

DIV#bannerinner{ width:720px; height:157px; margin-top:1px; background:url(../images/inner-banner.jpg) no-repeat;}

DIV#rightLinks{ width:244px; height:201px;  float:right; padding:0px 0px 0 0px;}



#rightLinks A.divineword{ width:244px; height:66px; background:url(../images/link3.jpg) no-repeat; float:left; text-indent:-999999px;}

#rightLinks A.kairos{ width:244px; height:65px; background:url(../images/link2.jpg) no-repeat; float:left; margin-top:2px; text-indent:-999999px;}

#rightLinks A.school01{ width:244px; height:66px; background:url(../images/link1.jpg) no-repeat; float:left; margin-top:3px; text-indent:-999999px;}

#rightLinks A:hover{ background-position:bottom;}

#beaconMaininner{ width:233px; background:#255b69; border:1px solid #497882; float:right; padding-top:26px; padding-left:11px;}

#beaconMaininner ul{ margin:0px; padding:0;}

#beaconMaininner li{ width:209px; height:30px; float:left; padding:0 0 0 15px; list-style:none; background:url(../images/bullet5.jpg) no-repeat; background-position:0px 6px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#ffc251; font-weight:bold; border-bottom:1px dotted #FFFFFF; margin-top:5px;}

#beaconMaininner  A:link,#beaconMaininner  A:visited { text-decoration:none; color:#FFFFFF;}

#beaconMaininner  A:hover, #beaconMaininner  A:active{ text-decoration:none; color:#e4b554;}


.beaconMaininner1  A:hover{ text-decoration:none; color:#e4b554;}


.photogallery{ width:512px; margin:0; padding:0 0 0 50px;}

.photogallery01{ width:512px; margin:10px 0 0 0; padding:0 0 0 50px;}

.photo01{ width:135px; height:163px; float:left; color:#90e0dd; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

.photo02{ width:135px; height:163px; float:left; color:#90e0dd; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-left:50px;}

.p1{ width:135px; height:137px; margin:0;}



/* -----------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------- Footer -------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------*/


#footerMain{ width:960px; height:52px; margin:0 auto; background:#264c5c; padding:0 20px; line-height:18px; }

#copyright{ width:286px; height:18px; float:left; margin-top:18px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#6b8995;}

#designed{ width:286px; height:18px; float:right; margin-top:18px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#6b8995; text-align:right;}
.tropicalfont{  float:left; color:#90e0dd; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:11px;}