/*  
	3POINT5.com Universal CSS
	Put CSS in here to be used anywhere on site
	CSS by Ian Russell @ EVOLVS.COM  March 2005
	www.evolvs.com | ian@evolvs.com
	
	
*/



/* 
CONTAINER 
*/ 


#standardPage 		{ padding: 0px; margin: 0px;   }
#masterContainer 	{ padding: 0px; background: url(../images/top-bg.png) top center no-repeat; }
#siteContent 		{ width: 740px;   border: 0px solid blue; 
	margin-left: auto;
	margin-right: auto; }
	
#topFrame 		{
	 
	/*
	height: 204px;
	EDITED BY DAVID POLITI ON JUNE 9 2005 
	*/
	height: 204px;
	top:0px;
	border: 0px solid blue;
	position:relative;
	padding:0;
	margin:0;
	/*
	position: relative;
	*/
	}


/* 
	TOPBAR
*/


#logo { margin-left: 10px; border: 0px solid red; text-align: left; }

#logo h1	{
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 740px;
	height: 139px;
	}

#logo h1 a	{
	display: block;
	margin: 0;
	padding: 0;
	width: 250px;
	height: 100%;
	text-decoration: none;
	
	}

#logo h1 a:hover	{
	
	}

#anhwNav {  
	 
 }
 
#navBox { padding: 50px 0px 0px 369px; border: 0px solid green; height: 38px; font-size:6px;}
#navBox div { height: 38px; }
	#navBox a {width:75px;}
	#navBox h1	{ margin: 0; padding: 0; height: 38px; font: 15px Arial;  overflow: hidden;  float: left; border: 1px dotted grey; background-color:#FFEE77; }
	#navBox h1 a	{ display:block; margin: 0; padding: 0; height: 38px; text-decoration: none; line-height: 38px; vertical-align: bottom; text-align: center; color:#CC5500; font-weight:bolder; }
	#navBox div #item1 a:hover	{ background: transparent url(../images/nav-bg-over.png) -3px 14px no-repeat; }	
	#navBox div #item2 a:hover	{ background: transparent url(../images/nav-bg-over.png) -195px 0px no-repeat; }	
	#navBox div #item3 a:hover	{ background: transparent url(../images/nav-bg-over.png) -163px 0px no-repeat; }	
	#navBox div #item4 a:hover	{ background: transparent url(../images/nav-bg-over.png) -63px 10px  no-repeat;  }	
	#navBox div #item5 a:hover	{ background: transparent url(../images/nav-bg-over.png) -63px 0px no-repeat;  }
/*
	#navBox div #item1 a	{ padding:0; font-size:6px;}	
	#navBox div #item2 a  { padding:0; font-size:6px; }	
	#navBox div #item3 a	{padding:0; font-size:6px; }	
	#navBox div #item4 a	{padding:0; font-size:6px; }	
	#navBox div #item5 a	{ padding:0; font-size:6px;}
//////////////////////////////////////////
	#navBox div #item1 a	{ background: none 0px 0px no-repeat; font-size:6px; position:absolute;}	
	#navBox div #item2 a	{ background: none -67px 0px no-repeat;  font-size:6px; position:absolute;}	
	#navBox div #item3 a	{ background: none -163px 0px no-repeat;  font-size:6px; position:absolute;}	
	#navBox div #item4 a	{ background: none -322px 0px no-repeat;  font-size:6px; position:absolute;}	
	#navBox div #item5 a	{ background: none -422px 0px no-repeat;  font-size:6px; position:absolute;}

*/


/*
#subNav { height: 25px; }
*/
#guideNav  { 
	background: url("../images/guide-gradient.jpg") no-repeat left bottom; 
	text-align: left; 
	margin-top: 200px; 
	margin-left: 10px; 
	padding-bottom: 6px; 
	position: absolute; 
	z-index: 1; 
	top: 0; 
	left: 0; 
	width: 170px; 
	border: solid 0 green;
	} 

#guideNav a { 
	display: block;  
	text-indent: -9999px;
	font-size: 1px;
	}

#guideNav a:hover { 
	/*background: #D8E9EB;
	*/
	background: #B4E0E5;
	}

#guideNav strong { 
	height: 30px; 
	padding: 0px;
	display: block; 
	width: 170px;
	}
	
#chp1 strong {
	background: url(../images/guidenumbers/chapter1.png) left center no-repeat; 
	}
#chp2 strong {
	background: url(../images/guidenumbers/chapter2.png) left center no-repeat; 
	}
#chp3 strong {
	background: url(../images/guidenumbers/chapter3.png) left center no-repeat; 
	}
#chp4 strong {
	background: url(../images/guidenumbers/chapter4.png) left center no-repeat; 
	}
#chp5 strong {
	background: url(../images/guidenumbers/chapter5.png) left center no-repeat; 
	}
#chp6 strong {
	background: url(../images/guidenumbers/chapter6.png) left center no-repeat; 
	}
#chp7 strong {
	background: url(../images/guidenumbers/chapter7.png) left center no-repeat; 
	}
#chp8 strong {
	background: url(../images/guidenumbers/chapter8.png) left center no-repeat; 
	}	
#chp9 strong {
	background: url(../images/guidenumbers/chapter9.png) left center no-repeat; 
	}
#chp10 strong {
	background: url(../images/guidenumbers/chapter10.png) left center no-repeat; 
	}		

/*
builder NAV STYLES
*/
#builderNav  { background: #f3f8f9 url("../images/builderMenuImages/nav-body.gif") no-repeat left bottom; text-align: left; margin: 27px 0 0 20px; padding-bottom: 6px; width: 195px; float: right; overflow: hidden; border: solid 0 green } 

#builderNav a { 
	display: block;  
	text-indent: 0px;
	font-size: 12px;
	z-index:10;
	padding-top:15px;
	padding-bottom:2px;
	margin:0;
	background: transparent url(../images/builderMenuImages/dot_03.gif) left center no-repeat; 

	}

#builderNav a:hover { 
	background-color: #D8E9EB;
	text-decoration:none;
	}

#builderNav .itembuilder b { 
	height: 30px; 
	padding: 0px;
	display: block; 
	width: 170px;
	z-index:11;
	color:#788385;
	font-size:15px;
	font-weight:900;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin-left:30px;
	}

#builderNav .itembuilder img
	{
	}

.itembuilder a:hover	{ background-color:#DDECEE; }	


/*

*/

		
/* 
MAIN CONTENT
*/

#mainContent 		{ 
/*
	background: url(../images/road-bg.png) top center no-repeat;
	*/
	float: right;
	width: 554px; 
	text-align: left; 
	padding:  0px; 
	/*
	CHANGED BY DAVID POLITI ON JUNE 9 2005
	*/
	margin-top:10px;
	line-height: 18px;
	font: 12px "Trebuchet", "Trebuchet MS", Verdana, Tahoma, sans-serif;
	border: 0px solid green;
	}
#mainContent h1 {
	font: 24px "Trebuchet", "Trebuchet MS", Verdana, Tahoma, sans-serif;
	font-weight: bold;
	line-height:34px;
	vertical-align: middle;
	display:block;
	padding: 0px;
	margin:0px 0px 10px 0px;

	}
#mainContent h1 div 	{
	width: 34px; 
	text-align: center;
	float:left;
	background: url(../images/header-circle.png) left center no-repeat;	
} 
#mainContent strong { 
	font: 14px "Trebuchet", "Trebuchet MS", Verdana, Tahoma, sans-serif; 
	font-weight: bold;
	}	
#mainContent.chapter1 h1 { color: #FDE55C; }
#mainContent.chapter2 h1 { color: #A1C27F; }
#mainContent.chapter3 h1 { color: #D4AED2; }
#mainContent.chapter4 h1 { color: #7686C2; }
#mainContent.chapter5 h1 { color: #A94E91; }
#mainContent.chapter6 h1 { color: #6C839E; }
#mainContent.chapter7 h1 { color: #C8DF8E; }
#mainContent.chapter8 h1 { color: #C3B7B1; }
#mainContent.chapter9 h1 { color: #CBB677; }
#mainContent.chapter10 h1 { color: #72AFB6; }
#mainContent.chapter10 b { color: #72AFB6; }
#mainContent.chapter10 h3 {
	font: 24px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	line-height:34px;
	vertical-align: middle;
	display:block;
	padding: 0px;
	margin:0px 0px 10px 0px;
	color: #777; 
	border-bottom: 1px solid #eee; 
	}


#mainContent.indexPage h1 { color: #6C839E; }
#mainContent.contactUs h1 { color: #6C839E; }
#mainContent.contactUs p  { padding-left: 8px; }

a { text-decoration: none; }
a:link {color: #000;  } 
a:visited { color: #000; background-color: transparent; }
a:hover { color: #000;  text-decoration: underline;  }

#contentsBox { padding-top: 10px; width: 360px; }

/*
DISPLAY ELEMENTS 
*/

#downloadCol { float:right; width: 190px; position: relative; }
#downloadCol a { 
	font-weight: bold;
	padding-left: 48px; 
	font: 14px "Trebuchet", "Trebuchet MS", Verdana, Tahoma, sans-serif; 
	display: block; 
	vertical-align: middle;
	line-height: 24px; 
	 }

#downloadCol a:link { 
}

#downloadCol .pdf a:link { 
	color: #A1C27F;
	background: url(../images/pdf-icon.png) left center no-repeat; 
	 }
#downloadCol .guide
{
    visibility:hidden;
}

#downloadCol .guide a:link { 
	color: #B1352E;
	background: url(../images/guide-icon.png) left center no-repeat; 
	 }

#downloadCol a:visited { 
	color: #B1352E;
	background: url(../images/guide-icon.png) left center no-repeat; 
	 }
	 	 
#downloadCol a:hover { 
	 }	
	
#mainContent dl { }
#mainContent dt { font-weight: bold; }
#mainContent dd { color: #666; }	 
		  
/*
BUILDER CONTENT
*/
#builderContent 		 { font: 12px Trebuchet, "Trebuchet MS", Verdana, Tahoma, sans-serif; text-align: left; margin-right: 100px; padding: 0; width: auto; vertical-align: top; border: solid 0 green }
#builderContent h1  { font: bold 24px/30px Trebuchet, "Trebuchet MS", Verdana, Tahoma, sans-serif; display: block; margin: 0 0 10px; padding: 0; vertical-align: top }
#builderContent h1 div 	{
	width: 34px; 
	text-align: center;
	float:left;
	background: url(../images/header-circle.png) left center no-repeat;	
} 
#builderContent strong { 
	font: 14px "Trebuchet", "Trebuchet MS", Verdana, Tahoma, sans-serif; 
	font-weight: bold;
	}	
#builderContent.chapter1 h1 { color: #FDE55C; }
#builderContent.chapter2 h1 { color: #A1C27F; }
#builderContent.chapter3 h1 { color: #D4AED2; }
#builderContent.chapter4 h1 { color: #7686C2; }
#builderContent.chapter5 h1 { color: #A94E91; }
#builderContent.chapter6 h1 { color: #6C839E; }
#builderContent.chapter7 h1 { color: #C8DF8E; }
#builderContent.chapter8 h1 { color: #C3B7B1; }
#builderContent.chapter9 h1 { color: #CBB677; }
#builderContent.chapter10 h1 { color: #72AFB6; }
#builderContent.chapter10 b { color: #72AFB6; }
#builderContent.chapter10 h3 {
	font: 24px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	line-height:34px;
	vertical-align: middle;
	display:block;
	padding: 0px;
	margin:0px 0px 10px 0px;
	color: #777; 
	border-bottom: 1px solid #eee; 
	}


#builderContent.indexPage h1 { color: #6C839E; }
#builderContent.contactUs h1 { color: #6C839E; }
#builderContent.contactUs p  { padding-left: 8px; }

/*
HERE IS THE DIV THAT SQUEEZES CONTENT TOGETHER BESIDE THE MENU.
IT WILL SIIT INSIDE builderContent
*/
#builderContent #builderSqueeze
	{
	/*
	float: left;
	*/
	width: 475px; 
	text-align: left; 
	padding:  0px; 
	margin-right:100px;
	line-height: 18px;
	font: 12px "Trebuchet", "Trebuchet MS", Verdana, Tahoma, sans-serif;
	border: 0px solid green;
	display:block;
	}
	
#builderContent #builderSqueeze h1
	{
	border-bottom:2px solid #C8DF8E; 
	text-align:left;
	width:420px;
	}
/*
VARIOUS
*/

.greyBox { background: #F3F2F1 url(../images/grey-fadebg.png) right bottom no-repeat;  margin-bottom: 10px; }
.greyBox h3 { background: url(../images/greybg-radiusbot.png) left bottom no-repeat;  height: 10px; width: 10px; padding: 0px; margin: 0px; }

#listtable td { padding: 3px; font: 11px "Trebuchet MS", Trebuchet, Helvetica, sans-serif; }
#listtable .row0 { background-color: #D4D3A7; font-weight: bold; color: #333; }
#listtable .row1 { background-color: #ECEBDA; }
#listtable .row2 { background-color: #FCFBED; }

#formtable td { padding: 3px; font: 11px "Trebuchet MS", Trebuchet, Helvetica, sans-serif; height: 24px; background-color: #F8F8F0; }
#formtable .row0 { background-color: #ECEBDA; font-weight: bold; color: #333; }

.clearMe {clear:both; }

/*
BOTTOM
*/

#botbar {width: 710px; text-align: left;  padding: 30px 0px 30px 0px ; font-weight: bold;  font: 10px "Trebuchet",  "Trebuchet MS", Tahoma, sans-Serif; }
	#botbar a { color: #863D18; padding: 0px 6px 0px 6px; display: block;  float: right;  }
	#botbar a:visited { color: #863D18; }
	#botbar a:hover { color: #000; }
	
/* FORMS */

#mainContent form { padding: 0px; margin:0px; }
	#mainContent form input { border: 1px solid #D4D3A7; background: #FCFBED; }
	#mainContent form select { border: 1px solid #D4D3A7; background: #FCFBED; }
	#mainContent form textarea { border: 1px solid #D4D3A7; background: #FCFBED; }
	#mainContent form .submitButton { border: 1px solid #4C4A00; background: #D4D3A7; color: #4C4A00; }
	#mainContent .imageButton { border-width: 0px; background: transparent; }

#builderContent form { padding: 0px; margin:0px; }
	#builderContent form input { border: 1px solid #D4D3A7; background: #FCFBED; }
	#builderContent form select { border: 1px solid #D4D3A7; background: #FCFBED; }
	#builderContent form textarea { border: 1px solid #D4D3A7; background: #FCFBED; }
	#builderContent form .submitButton { border: 1px solid #4C4A00; background: #D4D3A7; color: #4C4A00; }
	#builderContent .imageButton { border-width: 0px; background: transparent; }
	/*
	THE TABLE LINKS AND THINGS FOR THE LISTING OF PLACES TO PICK UP THE GUIDE IN MY AREA
	*/
	/*#buliderContent 
	EDITED BY DAVID POLITI ON JUNE 9 2005
	*/
	#getGuideTable tr td div strong a
		 { color: #72afb6; font-weight: 900; vertical-align: top; text-align:left }
	 #getGuideTable tr td   { background: #f2f7f8 url("/images/where_bottom.gif") no-repeat left bottom; text-align: left; margin: 0; padding: 0; width: 253px; vertical-align: top }
	#getGuideTable div   { background: url("/images/where_top.gif") no-repeat left top; margin: 0; padding: 10px }


	/*
	#builderContent  #getGuideTable tr td div{
		width:80%;
	}
	*/


#getGuideTable tr td div h2 {margin:0;
                    padding:0;
                    font-size:14px; 
					text-align:left 
                    }

#getGuideTable tr td div h3 {
                    margin:0;
                    padding:0;
                    font-size:14px; 
					text-align:left 
                    }

#getGuideTable { 
	font: 12px "Trebuchet", "Trebuchet MS", Verdana, Tahoma, sans-serif; 
	font-weight: bold;
	}	

#getGuideTable tr td div p {margin:5px 0 0 0; text-align:left }
	


	address
		{
		font-style:normal;
		}
	.littleFloater
		 { font-size: 10px; float: right }
	.rowStyle_1
		{
		background-color:#BBFFFF;
		}
	.rowStyle_1 td
		{
          padding:5px 10px 5px 10px;  		
          }
		.rowStyle_1 th
		{
        padding:5px 10px 5px 10px;  
		font-size:12px;
		background-color:#6699CC;
          }
		
		
	.rowStyle_2
		{
		background-color:#66CCFF;
		}
		.rowStyle_2 td
		{
          padding:5px 10px 5px 10px;  		
		}

#logout {  
          margin:20px 0 20px 0;

          
          }

#logout a  {
             font: 24px "Trebuchet", "Trebuchet MS", Verdana, Tahoma, sans-serif;
             font-weight: bold;
             color: #6C839E;
             padding:0 2px 0 2px;
             border:5px double;
            }
/*
WHERE CONTENT - for alberta map page only
*/
#whereContent 		    { font: 12px/16px Trebuchet, "Trebuchet MS", Verdana, Tahoma, sans-serif; background: url("../images/where_ab_bg.gif") no-repeat left top; text-align: left; margin-right: 100px; padding: 0 200px 0 0; width: auto; height: 330px; float: left; border: solid 0 green }
#whereContent h1  { font: bold 24px/32px Trebuchet, "Trebuchet MS", Verdana, Tahoma, sans-serif; display: block; margin: 0 0 10px; padding: 0; vertical-align: middle }
#whereContent h1 div 	{
	width: 34px; 
	text-align: center;
	float:left;
	background: url(../images/header-circle.png) left center no-repeat;	
} 
#whereContent strong { 
	font: 14px "Trebuchet", "Trebuchet MS", Verdana, Tahoma, sans-serif; 
	font-weight: bold;
	}	


#whereContent.indexPage h1 { color: #6C839E; }
#whereContent.contactUs h1 { color: #6C839E; }
#whereContent.contactUs p  { padding-left: 8px; }

/*
HERE IS THE DIV THAT SQUEEZES CONTENT TOGETHER BESIDE THE MENU.
IT WILL SIIT INSIDE builderContent
*/
#whereContent #builderSqueeze
	{
	/*
	float: left;
	*/
	width: 475px; 
	text-align: left; 
	padding:  0px; 
	margin-right:100px;
	line-height: 18px;
	font: 12px "Trebuchet", "Trebuchet MS", Verdana, Tahoma, sans-serif;
	border: 0px solid green;
	display:block;
	}
	
#whereContent #builderSqueeze h1
	{
	border-bottom:2px solid #C8DF8E; 
	text-align:left;
	width:420px;
	}
	
.regionholder td    { font: bold 14px/16px Trebuchet, "Trebuchet MS", Verdana, Tahoma, sans-serif; padding-top: 8px; padding-right: 24px; padding-left: 28px }
.footnote  { color: red; font: 12px/16px Trebuchet, "Trebuchet MS", Verdana, Tahoma, sans-serif }
.pixie     { color: #6c839e; font: 11px/13px Trebuchet, "Trebuchet MS", Verdana, Tahoma, sans-serif }