/**********************************************************************/
/**********************************************************************/
/*Copyright 2008. The information contained herein is confidential and 
proprietary to aligdesigns. Any copying, distribution, disclosure 
or other use of this information without aligdesigns' prior written
consent is strictly prohibited.*/
/**********************************************************************/
/**********************************************************************/
/*                                                                                                                      
    BODY styles pathwayangels.ca                                                                            
*/
/**********************************************************************/


/***********************************************************************/
/***FONTS***************************************************************/
/*
    #635D9C - nav menu top med purp
    #423C63 - nav menu bottom daark purp
    #1C1A6B - main links d. blue
    #E7E3FF - left col.
    #CECBDE - right col.
    #B5B6BD - outline input box etc.
*/
/************************************************************************/
/************************************************************************/
html{background-color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

	/* <!-- */
	/* General styles */
	body {
		margin:0;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		width:100%;
		background:#fff;
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
		/*font-family: Verdana, Arial, Serif; */
        font-size: 12px;
		text-align:center;
/* */
	}
	/**/
	#fixed 
   {
   margin:0 auto;
   width:982px;   
   text-align:left;
  /* border:solid 1px blue; */
   }



	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
	}
	#header {
   padding: 0px;
   height: 266px;
   background-image: url(images/HeaderSlice.jpg); 
   background-repeat:repeat-x;
   margin-left: auto;
   margin-right : auto;
}
 #headersm {
		clear:both;
		float:left;
		width:100%;
	}
	#headersm
	{ 
	   padding: 0px;
	   height: 152px;
	   background-image: url(images/HeaderSlicesm.jpg); 
	   background-repeat:repeat-x;
	   margin-left: auto;
	   margin-right : auto;
	}
/*

*/
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		/*padding:0 0 1em 0;	 no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		padding:0;
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		background:#CECBDE;	/* right column background colour */
	}
	.threecol .colmid {
		/*right:25%;			 width of the right column */
		right:198px;			/* width of the right column */
		background:#fff;	/* center column background colour */
	}
	.threecol .colleft {
		/*right:50%;			 width of the middle column */
		right:586px;			/* width of the middle column */
		background:#E4E0FB;	/* left column background colour */
	}
	.threecol .col1 
	{
		/* width:46%;			width of center column content (column width minus padding on either side) */
		/*left:102%;			 100% plus left padding of center column */
		
		width:580px;			/* width of center column content (column width minus padding on either side) */
		left:985px;			/* 100% plus left padding of center column */
		/* border:solid 1px red; */
	}
	.threecol .col2 
	{
		/*width:21%;			 Width of left column content (column width minus padding on either side) */
		/*left:31%;			 width of (right column) plus (center column left and right padding) plus (left column left padding) */
		width:198px;			/* Width of left column content (column width minus padding on either side) */
		left:204px;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 
	{
	/*	width:21%;			 Width of right column content (column width minus padding on either side) */
		/*left:85%;			 Please make note of the brackets here:
						    (100% - left column width) plus (center column left and right padding) 
							plus (left column left and right padding) plus (right column left padding) */
		
		width:198px;			/* Width of right column content (column width minus padding on either side) */
		left:790px;			/* Please make note of the brackets here:
						    (100% - left column width) plus (center column left and right padding) 
							plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		height: 62px;
        background-image: url(images/FooterSlice.gif);
        background-repeat:repeat-x;
        background-position: top;}
	
	#footer p {
		padding:10px;
		margin:0;
	}
	/* --> */

/*************  Left Side Column Details ***********/

.col2
{
    /*border: solid 1px red; */
   font-size: 10px; 
   color: #666666;
}

.col2 div.text
{
   padding: 6px 6px 6px 6px;
   text-align: justify;
}

.col2 div.alternatetext
{
   padding: 6px 6px 6px 6px;
   background-color: #E4E0FB;
   text-align: justify;
}

/*Section headers on left sidebars */
.col2 div.sectiontitle, .col2 .sectiontitle span
{
   /* padding: 6px 6px 6px 3px; */
   background-color: #FFFFFF;
   color: #666666;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}

.col2 a
{
   color: #1C1A6B; /*Dark blue */
}

/*************  CENTER Column Details ***********/

.col1 div.sectiontitle, .col1 .sectiontitle span, .sectiontitle
{
   font-weight: bold;
   font-size: 14px;
   color: #1C1A6B; /* #28241B; brown #1C1A6B; Dark blue */
}

.col1 div.sectionsubtitle
{
  color: #635D9C;
  font-weight: bold;
  padding-bottom: 4px;
}

/************* RIGHT-SIDE Column Details ******************/
.col3
{
    /*border: solid 1px red; */
   color: #4B4B4B;
   font-size: 10px;
}


.col3 a
{
   color: #1C1A6B; /*Dark blue */
}

.col3 div.text
{
   padding: 6px 6px 6px 6px;
   text-align: justify;
}

.col3 div.sectiontitle, .col3 .sectiontitle span
{
   /* padding: 6px 6px 6px 3px; */
   background-color: #FFFFFF;
   color: #666666;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}

/****************GALLERY PAGES ETC TEMPLATE1************/

	/* common column settings */
	.colrightsm,
	.colmidsm,
	.colleftsm {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.col1sm,
	.col2sm,
	.col3sm {
		float:left;
		position:relative;
		/*padding:0 0 1em 0;	 no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		padding:0;
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecolsm {
		background-image: url(images/bg-rightcolsm.gif) /* background:#E4E0FB;	right column background colour */
		
	}
	.threecolsm .colmidsm {
		/*right:25%;			 width of the right column */
		right:10px;			/* width of the right column */
		                   /* center column background colour */
		background:#fff;
   }
	
	.threecolsm .colleftsm {
		/*right:50%;			 width of the middle column */
		right:962px;			/* width of the middle column */
		background-image: url(images/bg-leftcolsm.gif); /*background:#E4E0FB;	 left column background colour */
	}
	.threecolsm .col1sm 
	{
		/* width:46%;			 width of center column content (column width minus padding on either side) */
		/*left:102%;			 100% plus left padding of center column */
		
		width:956px;			/* width of center column content (column width minus padding on either side) */
		left:985px;			/* 100% plus left padding of center column */
	}
	.threecolsm .col2sm 
	{
		/*width:21%;			 Width of left column content (column width minus padding on either side) */
		/*left:31%;			 width of (right column) plus (center column left and right padding) plus (left column left padding) */
		width:10px;			/* Width of left column content (column width minus padding on either side) */
		left:16px;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecolsm .col3sm 
	{
	/*	width:21%;			 Width of right column content (column width minus padding on either side) */
		/*left:85%;			 Please make note of the brackets here:
						    (100% - left column width) plus (center column left and right padding) 
							plus (left column left and right padding) plus (right column left padding) */
		
		width:10px;			/* Width of right column content (column width minus padding on either side) */
		left:978px;			/* Please make note of the brackets here:
						    (100% - left column width) plus (center column left and right padding) 
							plus (left column left and right padding) plus (right column left padding) */
	}

/*************  Left Side Column Details ***********/

.col2sm
{
    /*border: solid 1px red; */
   font-size: 10px; 
   color: #666666;
}

.col2sm div.text
{
   padding: 6px 6px 6px 6px;
   text-align: justify;
}

.col2sm div.alternatetext
{
   padding: 6px 6px 6px 6px;
   background-color: #E4E0FB;
   text-align: justify;
}

/*Section headers on left sidebars */
.col2sm div.sectiontitle, .col2sm .sectiontitle span
{
   /* padding: 6px 6px 6px 3px; */
   background-color: #FFFFFF;
   color: #666666;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}

.col2sm a
{
   color: #1C1A6B; /*Dark blue */
}
/*************  CENTER Column Details ***********/

.col1sm div.sectiontitle, .col1sm .sectiontitle span, .sectiontitle
{
   font-weight: bold;
   font-size: 14px;
   color: #1C1A6B; /* #28241B; brown #1C1A6B; Dark blue */
}

.col1sm div.sectionsubtitle
{
  color: #635D9C;
  font-weight: bold;
  padding-bottom: 4px;
}

/************* RIGHT-SIDE Column Details ******************/
.col3sm
{
    /*border: solid 1px red; */
   color: #4B4B4B;
   font-size: 10px;
}


.col3sm a
{
   color: #1C1A6B; /*Dark blue */
}

.col3sm div.text
{
   padding: 6px 6px 6px 6px;
   text-align: justify;
}

.col3sm div.sectiontitle, .col3sm .sectiontitle span
{
   /* padding: 6px 6px 6px 3px; */
   background-color: #FFFFFF;
   color: #666666;
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}



/**********************************************************************/
/* TABLES                                                                                                           */
/**********************************************************************/	
table .tableMain
{
    width: 98%;
    border:0;
    background-color: #FFFFFF;  }

td
{
   vertical-align: top;
}

table.tableInner
{ border :0;
   margin-left: auto;
   margin-right : auto;
   width:500px;}
   
table.adminTable
{  border:0;
    width:570px;
    background-color: #F4E1F6;}

table.album-display td
    
{
 text-align:left;
 color: #333333;   
 background-color:#CCCCCC;
}

table.tableDetails
{ border: none 0 white;
   margin-left: auto;
   margin-right : auto;
   width:725px;}  
   
td.fieldname
{
   text-align: right;
   font-size: 10px;
   font-weight: bold;   
}
table.tableShop, table.tableShopHead, table.tableShopDetails 
{
   width:570px; }
   
 table.tableShopHead td 
 { font-weight: bold; background-color: #F4E1F6;}
      
table.tableShop th

{ width:400px;
   font-weight:bold;
   text-align:right;}
   
table.tableShop td
  { text-align:right;}
  
table.tableShopDetails th
 { width:150px;
   font-weight:bold;
   text-align:right; background-color: #F4E1F6;}
   
table.tableShopDetails td
{   text-align:left; }
   
 .shopRow {background-color: #F4E1F6; }
 .normalRow1{background-color: #E7E3FF; } 
 .normalRow{background-color: #FFFFFF; }
.shopHeader {background-color: #1C1A6B; font-weight:bold; color: #FFFFFF;}
.gst{ font-size:11px; font-style:italic; font-weight:normal; text-align:left; }
.total{ background-color: #F4E1F6; font-weight:bold; line-height:20px; text-align:right; font-size:14px}
.subtotal{font-weight:bold; line-height:20px; text-align:right; font-size:14px}
.totalBg{ background-color: yellow; font-weight:bold; line-height:20px; text-align:right; font-size:14px}
.outlineIt {border:solid 1px #1C1A6B;}

.printIt
{
    font-size:10px;
    color:#1C1A6B;
    text-align: left;
    padding-left:15px;}
    
.adsRight
{
	width: 100px;
	background-color:Aqua; }
 /**********************************************************************/
/* LINKS                                                                                                             */
/**********************************************************************/	
/* Sub header links */
.sectionsubtitle a {color: #635D9C; font-weight:bold; text-decoration: underline;}
.sectionsubtitle a:link {color: #635D9C; font-weight:bold; text-decoration: underline;} 
.sectionsubtitle a:visited {color:#635D9C; font-weight:bold; text-decoration: underline;}
.sectionsubtitle a:hover {color: #1C1A6B; font-weight:bold; text-decoration: none; }
.sectionsubtitle a:active {color: #1C1A6B; font-weight:bold; text-decoration: underline;}

/* Footer links */
.footermenulink a {color: #1C1A6B;  text-decoration: none;}
.footermenulink a:link {color: #1C1A6B;  text-decoration: none;} 
.footermenulink a:visited {color:#1C1A6B;  text-decoration: none;}
.footermenulink a:hover {color: #635D9C;  text-decoration: underline; }
.footermenulink a:active {color: #635D9C;  text-decoration: none;}

/* breadcrumb links */
#breadcrumb a {color: #1C1A6B;  text-decoration: none;}
#breadcrumb a:link {color: #1C1A6B;  text-decoration: none;} 
#breadcrumb a:visited {color:#1C1A6B;  text-decoration: none;}
#breadcrumb a:hover {color: #635D9C;  text-decoration: underline; }
#breadcrumb a:active {color: #635D9C;  text-decoration: none;}

/* Main navigation links */
.headermenulink a {color: #FFFFFF;  text-decoration: none;}
.headermenulink a:link {color: #FFFFFF;  text-decoration: none;} 
.headermenulink a:visited {color:#FFFFFF;  text-decoration: none;}
.headermenulink a:hover {color: #000000;  text-decoration: underline; }
.headermenulink a:active {color: #000000;  text-decoration: underline;}

/* All other links */
a {color: #1C1A6B;  text-decoration: underline;}
a:link {color: #1C1A6B;  text-decoration: underline;} 
a:visited {color:#1C1A6B;  text-decoration: underline;}
a:hover {color: #635D9C;  text-decoration: none; }
a:active {color: #635D9C;  text-decoration: underline;}


.text11{font-size: 11px; color: #635D9C;}
.text11B{font-size: 11px; color: #635D9C; font-weight:bold }
.text11Ad{font-size: 11px; color: #1C1A6B; font-weight:bold }
.text12{font-size: 12px; color: #1C1A6B; font-weight:bold }
/**********************************************************************/
/* HEADER                                                                                                           */
/**********************************************************************/

#header2
{
   padding: 0px;
   width: 798px;
  /* width: 982px; incorrect*/
   height: 226px; /* less 40px for menu */
   background-image: url(images/Header.jpg);
   background-repeat:no-repeat;
   margin-left: auto;
   margin-right : auto;
/* border:solid 1px red; */

}
#header2sm
{
   padding: 0px;
   width: 798px;
   height: 112px; /* less 40px for menu */
   background-image: url(images/Header-sm.jpg);
   background-repeat:no-repeat;
   margin-left: auto;
   margin-right : auto;
}

.menuwrap
{
   margin-right: auto;
}

.submenuitem
{
   background-image: url(images/bg-submenu.gif);
   background-repeat:no-repeat;
   width: 120px;
   height:30px;
   padding-top:8px;  
   color: #FFFFFF;
}
#breadcrumb
{
   /* background-color: #D6CFDE; l. mauve */
   color: #666666;
   padding: 3px;
   font-size: 10px;	
   padding-left: 5px;
}

#main
{
   position: relative;
   padding: 0px;
  /* margin-top: -20px; */
   width: 100%;
   height: 163px;
   background-image: url(images/bg-main.gif); 
   background-repeat:repeat-x;
   margin-left: auto;
   margin-right : auto;

}
#ice
{
   position: relative;
   padding: 0px;
  /* margin-top: -20px; */
   width: 580px;
   height: 163px;
   background-image: url(images/bg-main1.jpg); 
   background-repeat:no-repeat;
   margin-left: auto;
   margin-right : auto;
}
#main-title, #main-sub-title
{ 
   position: relative;
   padding: 0px;
   width: 100%;
   height: 48px;
   background-image: url(images/bg-sec.gif); 
   background-repeat:repeat-x;
   margin-left: auto;
   margin-right : auto;
}
#main-title
{ margin-bottom: -25px;}

#main-sub-title
{ 
    top:-20px;
    margin-bottom: 1px;}

.img {
	border-width: 0;
}


#coupclik{background-image:url(images/main2b.jpg) ;
     background-repeat:no-repeat;
     background-position: top;
     height:28px;}
     
#aboutbg
{
   background-image: url(images/bg-about.gif);
   background-repeat:no-repeat;
   width: 580px;}  
 
#addressbg
{
   background-image: url(images/bg-address.gif);
   background-repeat:no-repeat;
   width: 580px;}  
   
 #careerbg
{
   background-image: url(images/bg-career.gif);
   background-repeat:no-repeat;
   width: 580px;}  
 
  #contactbg
{
   background-image: url(images/bg-contact.gif);
   background-repeat:no-repeat;
   width: 580px;} 
 #fundbg
{
   background-image: url(images/bg-fund.gif);
   background-repeat:no-repeat;
   width: 580px;}  
   
#eventbg
{
   background-image: url(images/bg-event.gif);
   background-repeat:no-repeat;
   width: 580px;} 
         
 #menubg
{
    background-image: url(images/bg-menu.gif);
   background-repeat:no-repeat;
   width: 580px;} 
        
 #visionsbg
{
   background-image: url(images/bg-visions.gif);
   background-repeat:no-repeat;
   width: 580px;}  
   
.bg-forums
 {
   background-image: url(images/bg-forums.gif);
   background-repeat:repeat;
   height: 21px; }
   
.rowColor
{
    background-color:#E3E0E0;}

hr
{
   border: 0;
	border-top: 1px solid #B6B5BC;
	height: 1px;
}
#footermenu
{
   text-align: center;
   padding-top: 10px;            
}

#footertext
{  font-size: 10px;
   text-align: center;
   padding-top: 3px;            
}

#bannerbox
{
   border: solid 1px #B6B5BC;  /*  #E7E3FF; */
   margin-bottom: 20px;
   margin-left: 30px;
   margin-right: 30px;
   padding: 1px 5px 5px 5px;
   text-align: center;
   background-color: #FFFFFF;
}

#certbox
{
   border: dashed 1px #666666;  /*  #E7E3FF; */
   margin: 30px;
   padding: 5px;
   text-align: center;
   background-color: #FFFFFF;

}

#bannerbox a, #bannerbook a
{
   font-size: 10px;
   text-decoration: none;
   color: black; 
}
#bannerbook
{
   border: solid 1px #000000; 
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: 6px;
   margin-right: 6px;
   padding: 5px;
   text-align: center;
   background-color: #FFFFFF;
}
#loginbox
{
   /* border: solid 1px red; */
   top: 16px;
   right: 10px;
   left:10px;
   width: 180px;
   padding: 6px 6px 6px 12px;
   font-size: 11px;
}
#countbox
{
   border: solid 2px #E4E0FB; 
 /*  top: 16px;
    right: 2px;
   left:80px; */
   width: 140px;
   padding: 2px;
   margin-left:26px;
   margin-top: 10px;
   font-size: 12px;
   font-weight: bold;
   color: #1C1A6B;
   background-color: #E4E0FB;
   text-align:center;
}

#loginbox input
{
   color: #1C1A6B;
   border-color: #B5B6BD;
   background-color: #EEEEEE;
   font-size: 11px;
}

#themeselector
{
   position: absolute;
   text-align: right;
   top: 153px;
   right: 10px;
   width: 180px;
   height: 80px;
   padding: 2px 2px 2px 2px;    
   font-size: 10px;
}

#themeselector select
{
   color: black;
   background-color: #e1e1e1;
   font-size: 10px;
}

#welcomebox
{ 
   font-size: 11px;
   text-align:left;
   position:relative;
   top:10px;
}
/* ORIG
#footer
{
   padding: 0px;
   margin: 0px;
   width: 100%;
   height: 62px;
   background-image: url(images/FooterSlice.gif);
   background-repeat:repeat-x;
   background-position: top;}
  /* visibility: hidden; */
    

   

/*
#centercol
{   
   position: relative;
  margin-left: 200px;  
   padding: 0px;
   background-color: white;
} */





.footermenulink
{/* border:solid 1px red; */
   font-size: 11px;
   padding: 0 5px 0 5px;
}

.nullpanel {
	padding: 10px;
	width: auto;
	text-align: center;
}
.highlight
{
   background-color: #e1e1e1;
   color: #1C1A6B;
}

.articlebox, .linkbox
{
   background-color: #FFFFFF;
   color: #4B4B4B;
   border: solid 1px #B6B5BC;
   padding: 6px 6px 6px 6px;
   font-size: 12px;
}

.subtitle
{
   font-size: 12px;
   font-weight: bold;
   color: #1C1A6B;
   text-decoration: none;
}
.productName
{  font-size: 16px;
   font-weight: bold;
   color: #1C1A6B;
   text-decoration: none;
   font-style:italic;
}

.productPrice
{  font-size: 14px;
   font-weight: bold;
   color:green;
   text-decoration: none;	
}
.productDiscount
{  font-size: 14px;
   font-weight: bold;
   color:red;
   text-decoration: none;	
}
.articleabstract, .linkabstract
{
   padding-top: 6px;
}

.comment
{
   padding: 4px 0px 4px 0px;
   font-size: 11px;
}

.pollbox, .newsletterbox, .shoppingcartbox, .sidebarcontent
{font-size: 11px;}

.sidebarcontent
{ padding: 6px 6px 2px 12px;}

.sidebarquestion
{
   font-size: 13px;
   font-weight: bold;
}

.polloptions
{
   padding-top: 10px;
   padding-bottom: 4px;
}

.pollbar
{
   background-color: #1C1A6B;
   font-size: 4px;   
}

.progressbarcontainer
{
   width: 98%;
   height: 15px;
   border: solid 1px black;
   padding: 1px;
}

.progressbar
{
   width: 0px;
   background-color: Red;
   height: 15px;
}
.postinfo
{
   background-color: #F4E1F6;
   font-weight: normal;
   text-align: center;
   color:#1C1A6B;
   font-size:10px;
}

.posttitle
{
   padding: 3px;
   margin-bottom: 10px;
   background-color: #1C1A6B;
   color: #FFFFFF;
   font-weight: bold;
}

.postbody
{background-color: #FFFFFF;
   padding: 3px;
}