<!--

BODY 
{
   background-color: #220001;
        direction:ltr;
	SCROLLBAR-FACE-COLOR: #F8F3D5;
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; 
	SCROLLBAR-SHADOW-COLOR: #D1D6D9; 
	SCROLLBAR-3DLIGHT-COLOR: #000000; 
	SCROLLBAR-ARROW-COLOR:  #490000; 
	SCROLLBAR-TRACK-COLOR: #6b0001; 
	SCROLLBAR-DARKSHADOW-COLOR: #000000; 
	font-family: Arial;
} 

A
{
	font-family: Arial;
}

A.FBM
{
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 12px;
}

A:HOVER 
{
	text-decoration: underline;
}  


input, option 
{
    color:#490000;
    font-weight: BOLD;
    background-color: #F8F3D5;
    font-family: Arial;
}
			
textarea
{ 
   direction:ltr;
   color:#490000;
   font-weight: BOLD;
   background: #F8F3D5 url(yourimage.gif);
   font-family: Arial; 
   border-style: value; /* [dotted, dashed, solid, double, groove, ridge, inset, outset] */
   border-color: #000000;
   border-width: valuepx; /*[numerical value, 5, 6, 8...] */

}


/* ************************************************************** */
/*                                                                */
/*             Top of Web Page Not inside bounderies              */
/*                                                                */
/* ************************************************************** */
  
.WebTopBorder
{
    border-bottom:0px solid #ffffff;
	width: 770px;
}

.WebTopSpace
{
    padding: 0px;
	height: 30px;
}

.WebTop
{		
    padding: 0px;
	width:770px;           	
}

.LeftWebHeader
{
	/* background-image: url("http://www.homeandabroad.org/Backgrounds/Top_LeftCorner.jpg");
	   height: 61px;
	   width: 132px;
    */
}

.WebHeader
{	
	padding: 0px;
	width: 770px; 
    height: 218px;
    /* background-image: url("http://www.homeandabroad.org/Backgrounds/top_image.jpg"); */
    text-align: center;
    vertical-align: middle;
}

.WebLinkPad
{
	/* padding-left: 20px;
	background-color: #0e89e4; */
	vertical-align: middle;
}

.WebLink
{
	text-align: left;
	width: 770px;    	 	
}

.PlayList
{	
	/* text-align: left;
	width: 238px;    
	background-color: #0e89e4; 	*/	
}

.RightWebHeader
{
	 /* background-image: url("http://www.homeandabroad.org/Backgrounds/Top_RightCorner.jpg");
	    height: 61px;
	    width: 133px;
     */
}


/* ************************************************************** */
/*                                                                */
/*                           Web page                             */
/*                                                                */
/* ************************************************************** */


.Webpage
{ 		                    
}

.LeftSpace
{    
}

.Main
{
   width: 770px;
   height: 0px;     
   border: 0px;
   border-style: solid;
   border-color: #ffffff;
   background-color:#4A0001;
   
}

.MainAlign
{
	
	text-align: center;
}

.RightSpace 
{	

}


/* ************************************************************** */
/*                                                                */
/*                         Top of Page                            */
/*                                                                */
/* ************************************************************** */


.TopSpace{   
   height: 0px;
   border: 0px;
   border-style: solid;
   border-color: #ffffff;
}

.TopLine1{   
   height: 0px;
   border: 0px;
   border-style: solid;
   border-color: #ffffff;
}

.TopHeader{   
   height: 0px;
   border: 0px;
   border-style: solid;
   border-color: #ffffff;
}

.TopLine2{   
   
}

.Buttons-Align
{   
	text-align: center;	          
}


.Buttons
{    
     
}

.Button-Color
{  

}


.TopLine3{  
   height: 0px;
   border: 0px;
   border-style: solid;
   border-color: #ffffff;
}

.TopBanner{        		
   border: 0px;
   border-style: solid;
   border-color: #ffffff;

}

.TopLine4{ 
     
   height: 0px;
   background-color:#ffffff;
   border: 0px;
   border-style: solid;
   border-color: #ffffff;   
}


/* ************************************************************** */
/*                                                                */
/*                         Top Banner                             */
/*                                                                */
/* ************************************************************** */

.TopBannerTable
{
	width:  0px;	
	border-left:1px solid #192250;
	border-right:1px solid #192250;
	background-color: #91c5e5;
}

.TopBannerAlign
{
	text-align: center;
	verticle-align: top;
}

.TopBannerInside
{
	width:  670px;	
	background-color: #ffffff;	
	border-left:1px solid #192250;
	border-right:1px solid #192250;
}

.TopBannerInsideBody
{
	verticle-align: top;
	text-align: center;
}

.TopBannerInsideBottom
{
	width:  670px;
}

.TopBannerInsideBottomLeft
{
	background-image: url("http://www.homeandabroad.org/Backgrounds/Top_LeftWhiteCorner.jpg");
	width: 14px;
	height: 12px;
}

.TopBannerInsideBottomCenter
{	
	width: 648px;
	height: 12px;
    background-color: #ffffff;
	background-image: url("http://www.homeandabroad.org/Backgrounds/White_Border.jpg");	
	
}

.TopBannerInsideBottomRight
{
	background-image: url("http://www.homeandabroad.org/Backgrounds/Top_RightWhiteCorner.jpg");
	width: 8px;
	height: 12px;
}

.TopBannerBody
{
	width:  670px;
	height: 110px;
	background-color: #ffffff;
	border-left:1px solid #192250;
	border-right:1px solid #192250;
}

.TopBannerBodyLeft
{
}

.TopBannerBodyCenter
{			
    	
}

.TopBannerBodyRight
{	
}


.TopBannerInsideMid
{
	width:  688px;
	height:  20px;					
}

.TopBannerInsideMidLeft
{
	width:  9px;
	height: 80px;	
    						
}


.TopBannerInsideMidLeft2
{
	width:  5px;
	height: 80px;	
	border-left:1px solid #192250;
	background-color: #ffffff;				
}

.TopBannerInsideMidLeft3
{
	width:  374px;
	height: 80px;
    background-color: #ffffff;
	verticle-align: top;
	background-image: url("http://www.homeandabroad.org/Backgrounds/Top_YellowCorner.jpg"); 
}

.TopBannerInsideMidCenter
{		
	width: 176px;
	height: 80px;
	background-color: #ffffff;
}

.TopBannerInsideMidRight
{	
	background-image: url("http://www.homeandabroad.org/Backgrounds/Top_Radio.jpg");
	width: 125px;
	height: 80px;
}


.TopBannerBottom
{
	width:  700px;
}

.TopBannerBottomLeft
{
	background-image: url("http://www.homeandabroad.org/Backgrounds/Top_LeftBlueCorner.jpg");
	width: 9px;
	height: 14px;
}

.TopBannerBottomCenter
{	
	width: 682px;
	height: 14px;
    background-image: url("http://www.homeandabroad.org/Backgrounds/Top_CentertBlue.jpg");
	
}

.TopBannerBottomRight
{
	background-image: url("http://www.homeandabroad.org/Backgrounds/Top_RightBlueCorner.jpg");
	width: 9px;
	height: 14px;
}


/* ************************************************************** */
/*                                                                */
/*                          Main Body                             */
/*                                                                */
/* ************************************************************** */

.MainBodyTable{
   width:  770px;
   height: 0px;
   border: 0px;
   border-style: solid;
   border-color: #ffffff;
   background-color:#4A0001;
}

.MainLeftSpace
{
 width:  0px;
 height: 0px; 
}

.MainLeftColumn
{
 width: 180px;
 height: 0px;  
 border: 0px;
 border-style: solid;
 border-color: #ffffff;  
}

.MainLeftColumnSpace
{
 width: 0px;
 height: 0px;
    
}

.MainLeftBar
{
 /* 
 width: 200px;
 background-color:#ffffff; */  
}

.MainLeftBarSpace
{
 width: 0px;
 /* background-color:#ffffff; */  
}

.MainCenterColumn
{
/*
 width: 494px;
 background-color:#ffffff;
 border: 0px;
 border-style: solid;
 border-color: #ffffff;
 padding: 10px;  
*/
}

.MainCenterColumnSpace
{
 width: 0px;
 /* background-color:#ffffff; */  
}

.MainRightBar
{
 width: 0px;
 /* background-color:#ffffff; */  
}

.MainRightBarSpace
{
 width: 0px;
 /* background-color:#ffffff; */  
}

.MainRightColumn
{
 width: 0px;
 /* background-color:#ffffff; */
 border: 0px;
 border-style: solid;
 border-color: #ffffff;  
}

.MainRightSpace
{
 width: 0px;
 /* background-color:#ffffff; */  
}


/* ************************************************************** */
/*                                                                */
/*               Bottom of Page inside bounderies                 */
/*                                                                */
/* ************************************************************** */

.MainBottomSpace{
	
   width: 0px;
   border: 0px;
   border-style: solid;
   border-color: #ffffff;
}

.BottomLine1{
   width: 0px;
   border: 0px;
   border-style: solid;
   border-color: #ffffff;
}

.BottomFooter{
   width: 0px;     
}

.BottomLine2{
   width: 0px;
   border: 0px;
   border-style: solid;
   border-color: #ffffff;
}

.BottomBanner{
   width: 0px;
   border: 0px;
   border-style: solid;
   border-color: #ffffff;
}

.BottomLine3{
   width: 0px;
   border: 0px;
   border-style: solid;
   border-color: #ffffff;
}

.BottomButtons{
   width: 0px;
   border: 0px;
   border-style: solid;
   border-color: #ffffff;
}

.BottomLine4{
   width: 0px;
   border: 0px;
   border-style: solid;
   border-color: #ffffff;
}

.BottomSpace{
   width: 770px;
   height: 20px;
   border: 0px;
   border-style: solid;
   border-color: #ffffff;
}

/* ************************************************************** */
/*                                                                */
/*           Bottom of Web Page Not inside bounderies             */
/*                                                                */
/* ************************************************************** */

.WebBottom
{
	
}


.LeftWebFooter
{
}

.WebFooter
{	
	 width: 770px;
     height: 6px;
	 background-image: url("http://www.homeandabroad.org/Backgrounds/bottom_gold_trim.jpg");
}

.RightWebFooter
{
}

.WebBottomSpace
{
    
	height: 30px;
    
}

/* ************************************************************** */
/*                                                                */
/*                              Side bar                          */
/*                                                                */
/* ************************************************************** */

.Sidbar-bg1
{
	background-color: #66c4ee;
}

.Sidbar-bg2
{	
	background-color: #9bd1e9;
}


.Sidebar-Cat
{
	Color: white;
	font-weight: bold;
	font-size: 14px;
}

.Sidebar-Cat2
{
	font-size: 14px;
	Color: #011C52;
	font-weight: bold;
}

a.Sidebar-Shows
{
	Color: white;
	font-weight: bold;
	text-decoration: none;
	font-size: 15px;
}

a.Sidebar-Shows:hover
{
	text-decoration: underline;
}

a.Sidebar-Shows2
{
	Color: #011C52;
	font-weight: bold;
	text-decoration: none;
	font-size: 15px;
}

a.Sidebar-Shows2:hover
{
	text-decoration: underline;
}

.Sidebar-barcolor1
{
	background-color: #ffffff;
}


.Sidebar-barcolor2
{
	background-color: #011C52;
}

/* ************************************************************** */
/*                                                                */
/*                            Body Header                         */
/*                                                                */
/* ************************************************************** */


.BodyHeader
{	   
	font-size: 15px;	    
	font-weight: bold;	
	color: White;	
	font-family: Arial;	
    background-image: url("http://www.homeandabroad.org/Login/Backgrounds/Toolbar.jpg");
	height: 24px;
	padding-left: 15px;	
	padding-top: 0px;
	padding-bottom: 0px;
	width: 80%;
}


/* ************************************************************** */
/*                                                                */
/*                            Verses                              */
/*                                                                */
/* ************************************************************** */

.VerseTable
{	   	
    background-color: #4A0001;
	height: 24px;
	width: 100%;
}

.VerseLayout
{	   	
    text-align: center;
}

/* ************************************************************** */
/*                                                                */
/*                         Left Side Buttons                      */
/*                                                                */
/* ************************************************************** */


.side {
	BACKGROUND-IMAGE: url(images/side.gif); WIDTH: 180px; BACKGROUND-REPEAT: repeat-y
}


.navlink {

BORDER-RIGHT: #222 0px solid; 
PADDING-RIGHT: 6px; 
BORDER-TOP: #222 0px solid; 
DISPLAY: block; 
PADDING-LEFT: 10px; 
FONT-WEIGHT: bold; 
FONT-SIZE: 12px; 
PADDING-BOTTOM: 6px; 
BORDER-LEFT: #222 0px solid; 
COLOR: #ffffff; 
PADDING-TOP: 6px; 
BORDER-BOTTOM: #000 1px solid #3c0001; 
FONT-FAMILY: arial,verdana; 
BACKGROUND-COLOR: #4A0001;
width: 100%;

}


A.navlink:link {
	COLOR: #ffffff; 
	TEXT-DECORATION: none
}
A.navlink:visited {
	BACKGROUND-IMAGE: url(images/bg_link.gif); 
	COLOR: #ffffff; 
	TEXT-DECORATION: none
}
A.navlink:hover {
	PADDING-LEFT: 10px; 
	COLOR: #ffffff; 
	BACKGROUND-COLOR: #6b0001;
}

.anylinkcss {
	BORDER-RIGHT: #000000 2px solid; 
	BORDER-TOP: #000000 2px solid; 
	FONT-SIZE: 11px; 
	Z-INDEX: 100; 
	VISIBILITY: hidden; 
	BORDER-LEFT: #000000 2px solid; WIDTH: 180px; 
	LINE-HEIGHT: 18px; 
	BORDER-BOTTOM: #000000 1px solid; 
	FONT-FAMILY: arial,helvetica,sans serif; 
	POSITION: absolute; 
	BACKGROUND-COLOR: #6b0001;
}
.anylinkcss A {
	FONT-SIZE: 11px; 
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 4px; 
	WIDTH: 100%; COLOR: #ffffff; 
	TEXT-INDENT: 5px; 
	PADDING-TOP: 4px; 
	BORDER-BOTTOM: #000000 1px solid; 
	TEXT-DECORATION: none
}
.anylinkcss A:link {
	FONT-SIZE: 11px; 
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 4px; 
	WIDTH: 100%; 
	COLOR: #ffffff; 
	TEXT-INDENT: 5px; 
	PADDING-TOP: 4px; 
	BORDER-BOTTOM: #000000 1px solid; 
	TEXT-DECORATION: none
}
.anylinkcss A:visited {
	FONT-SIZE: 11px; 
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 4px; 
	WIDTH: 100%; COLOR: #ffffff; 
	TEXT-INDENT: 5px; 
	PADDING-TOP: 4px; 
	BORDER-BOTTOM: #000000 1px solid; 
	TEXT-DECORATION: none
}
.anylinkcss A:hover {
	FONT-SIZE: 11px; 
	FONT-WEIGHT: bold; 
	COLOR: #490000; 
	BACKGROUND-COLOR: #ffffff
}
A.anylinkcss {
	FONT-SIZE: 11px; 
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 4px; 
	WIDTH: 100%; 
	COLOR: #ffffff; 
	TEXT-INDENT: 5px; 
	PADDING-TOP: 4px; 
	BORDER-BOTTOM: #000000 1px solid; 
	TEXT-DECORATION: none
}
A.anylinkcss:link {
	FONT-SIZE: 11px; 
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 4px; 
	WIDTH: 100%; 
	COLOR: #ffffff; 
	TEXT-INDENT: 5px;
	PADDING-TOP: 4px; 
	BORDER-BOTTOM: #000000 1px solid; 
	TEXT-DECORATION: none
}
A.anylinkcss:hover {
	FONT-SIZE: 11px; 
	FONT-WEIGHT: bold; 
	COLOR: #490000; 
	BACKGROUND-COLOR: #ffffff
}

/* ************************************************************** */
/*                                                                */
/*                    Left Side Announcementes                    */
/*                                                                */
/* ************************************************************** */

.announce_hdr {
	FONT-WEIGHT: BOLD; 
	FONT-SIZE: 10px; COLOR: #ffffff; 
	FONT-FAMILY: arial,helvetica,sans serif; 
	LETTER-SPACING: 0.05em
}
.announce_text {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	background-color: #FAF6DD; 
	COLOR: #490000; 
	LINE-HEIGHT: 16px; 
	FONT-FAMILY: arial,helvetica,sans serif
}


.Staff-Name
{
    Font-Weight: Bold;
    COLOR: 490000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
	text-align: center;
	vertical-align: top;
}

.Staff-Position
{
	Font-Weight: none;
    COLOR: 490000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
	text-align: center;
	vertical-align: top;
}

.Staff-Head
{
	Font-Weight: Bold;
    COLOR: DBC467;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
}

.Staff-Body
{
	Text-align: justify;
	Font-Weight: none;
    COLOR: 490000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
}

.Staff-Foot
{
	Font-Weight: Bold;
    COLOR: 490000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 9pt;
}

.Staff-Head2
{
	Font-Weight: Bold;
    COLOR: DBC467;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
}

.Staff-Body2
{
	Text-align: justify;
	Font-Weight: none;
    COLOR: 490000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
}

.Staff-Foot2
{
	Font-Weight: Bold;
    COLOR: 490000;
    FONT-FAMILY: Arial;
    FONT-SIZE: 8pt;
}

-->