/* ********** BEGIN STYLES ************  */
/* ************************************  */


/* ********** global styles ************  */

body {  
		
		background-color: #D2D2D2;
		font:9pt Verdana,Sans-serif;
  		line-height:1.6em;
  		text-align:left;
  		color:#202020;	}
  		
  		
#pagecontainer	{ 
	
		position: relative;
		width: 700px;
		border: 0px red solid;
		margin-top: 30px; margin-right: auto; 
		margin-bottom: 30px; margin-left: auto;	}


h1 	{	
		display: block;
		margin-top: 0px;
		color: #264699;
		font-family: Verdana, Century Gothic, Arial, sans-serif;
		font-size: 16px;
		font-weight: normal;
		line-height: 1.3 em;}

h2  {	color: #264699;
		font-family: Verdana, Century Gothic, Arial, sans-serif;
		font-size: 16px;
		font-weight: normal;	}

.alert { color: #cc0000; }


.paragraph_lead  {	color: #264699;
		font-family: Verdana, Century Gothic, Arial, sans-serif;
		font-size: 10pt;
		font-weight: bold;	}


.jumpheader  {	
		
		display: block;
		clear: both;
		color: #202020;
		font-family: Verdana, Century Gothic, Arial, sans-serif;
		font-size: 9pt;
		font-weight: normal;	}

		.jumpheader a:link  {	color: #264699;
		font-family: Verdana, Century Gothic, Arial, sans-serif;
		font-size: 9pt;
		font-weight: normal;
		text-decoration: none;
 		border-bottom: #666666;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;   }
		
		.jumpheader a:visited  {	color: #264699;
		font-family: Verdana, Century Gothic, Arial, sans-serif;
		font-size: 9pt;
		font-weight: normal;
		text-decoration: none;
 		border-bottom: #666666;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;    }
		
		.jumpheader a:hover  {	color: #CC0000;
		font-family: Verdana, Century Gothic, Arial, sans-serif;
		font-size: 9pt;
		font-weight: normal;
		text-decoration: none;
 		border-bottom: #666666;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;    }
		
		.jumpheader a:active  {	color: #FF0000;
		font-family: Verdana, Century Gothic, Arial, sans-serif;
		font-size: 9pt;
		font-weight: normal;
		text-decoration: none;
 		border-bottom: #666666;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;    }
		

.image_left	{	
		
		float: left; clear: left;
		margin: 0px 25px 10px 0px;
		padding-top: 8px;
		border-style: none;	}

.image_left	p {	
	    
	    text-align: left;
		color: #404040;
		font-family: Verdana, Century Gothic, Arial, sans-serif;
		font-size: 9pt;
		line-height: 1em;
		font-weight: normal;
		font-style: italic;
		}
	


.image_right {
	
		float: right; clear: right;
		margin: 5px 0px 10px 25px;
		padding-top: 8px;
		border-style: none;	}

.image_right 	p {	
		
		
		text-align: left;
		color: #404040;
		font-family: Verdana, Century Gothic, Arial, sans-serif;
		font-size: 9pt;
		line-height: 1em;
		font-weight: normal;
		font-style: italic;	
		}

.image_center {
	
		display: block;
		text-align:center;
		border-style: none;	}

.image_center	p {	
		
		
		text-align: center;
		color: #404040;
		font-family: Verdana, Century Gothic, Arial, sans-serif;
		font-size: 9pt;
		line-height: 1em;
		font-weight: normal;
		font-style: italic;	
		}


.stack_left	{	
		
		float: left;
		margin: 0px 25px 35px 10px;
		padding-top: 8px;
		border-style: none;	}

.stack_left	p {	
	    
	    text-align: left;
		color: #404040;
		font-family: Verdana, Century Gothic, Arial, sans-serif;
		font-size: 9pt;
		line-height: 1em;
		font-weight: normal;
		font-style: italic;
		}


.nodecor a:link { color: white !important; text-decoration:none !important; 
				border-style: none !important; border: 0px !important; }

.nodecor a:visited { color: white !important; text-decoration:none !important; 
				border-style: none !important; border: 0px !important; }

.nodecor a:hover { color: white !important; text-decoration:none !important; 
				border-style: none !important; border: 0px !important; }		      

.nodecor a:active { color: white !important; text-decoration:none !important; 
				border-style: none !important; border: 0px !important; }
				
.nodecor img {  border-style: none !important; border: 0px !important; }				






.clearboth { clear: both; text-align: center  }

.listing_unit { display:block; clear: both; margin-bottom: 60px;  }

		
		


/* ********** end global styles ************  */


/* ********** homepage styles***************  */
/* ******* for all pages or parts based on the home page layout ******* */


#homepage_header_box {
	
		display: block;
		position: relative; top: 0; left 0;
		width: 700px; height: 290px;
		background-image: url(images/htkheader.jpg);
		background-repeat: no-repeat;
		background-color: white;
		border: 0px yellow solid;	}

							/* ***** homepage nav box styles ******  */


/*  The nav box is the only header content. It sets the container for
the navlists, and their font properties */

#homepage_nav_box	{
	
		display: block; text-align: left;
		position: relative; top:230px; left: 10px;
		height: 65px; width: 680px;
		border: 0px;
		padding-top: 0px; padding-right: 0px; 
		padding-bottom: 0px; padding-left: 0px;
		font-size: 16px;
		font-family: Arial, sans-serif;
		font-weight: normal;											}

/*  The navbox_list class applies to all (4) lists in the navbox, gives them
block display, height and width  */
		
		
.navbox_list	{
		
		display: block;
		height: 25px; width: 240px;
		border: 0px;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 0;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 0;
		padding-left: 10px;
								}
								
								
/* Line items will display inline (horizontal), while the list itself is block.
right margin spaces the items */

.navbox_list  li	{
		
		display: inline;
		font-weight: normal;
		color: #C2D2E8;
		list-style-type: none;
		margin-right: 5px;		   }
		
/* these give the links their rollovers. Extra pixels right and left to make
the background color larger than the text. Top and bottom already covered
by the global line height of 1.6 em */
		
.navbox_list  a:link 	{

		color: #C2D2E8;
 		text-decoration: none;
 		border-style: none;	
		padding-right: 4px;
		padding-left: 4px;	}


.navbox_list  a:visited 	{

		color: #C2D2E8;
 		text-decoration: none;
 		border-style: none;	
		padding-right: 4px;
		padding-left: 4px;	}




.navbox_list  a:hover	{

		color: #3A6A92;
		background-color: #C2D2E8;
 		text-decoration: none;
 		border-style: none;
 		padding-right: 4px;
		padding-left: 4px;
 							}		
 		
 .navbox_list  a:active	{

		color: #ff0000;
 		background-color: white;
 		text-decoration: none;
 		border-style: none;
 		padding-right: 4px;
		padding-left: 4px;
 							}			

/* these give the lists their respective locations, in relation to the 
containing box, which is homepage_nav_box */


#navlist1		{

		position: absolute;
		top: 5px; left: 40px;
						}
						
#navlist2		{

		position: absolute;
		top: 5px; left: 450px;
						}
						
#navlist3		{

		position: absolute;
		top: 35px; left: 40px;
						}
						
						
#navlist4		{

		position: absolute;
		top: 35px; left: 420px;
						}





						/* ***** end homepage nav box styles ******  */
						
			/* *** establish left offset, borders and background */

#homepage_middle_box { 
		border: 0px green solid;
		display: block;
		position: relative;
		width: 679px; 
		background-color: white;
		margin-left: 11px;	
		border-left: 2px black solid;	
		border-right: 2px black solid;	}
		
		/* *** container box for left bar and main content****** */
		
#homepage_middle { 
		border: 0px red solid;
		display: block;
		position: relative;
		width: 668px; 
		margin: 0;
		background-color: white;
		padding-top: 0px; padding-right: 10px;
		padding-bottom: 100px; padding-left: 0px;	}
			
#homepage_middle a:visited {
 	
		font:9pt Verdana,Sans-serif;
		font-weight: normal;
		color: #202020;
 		text-decoration: none;
 		border-bottom: #666666;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;}		

#homepage_middle a:link {
 	
		font:9pt Verdana,Sans-serif;
		font-weight: normal;
		color: #202020;
 		text-decoration: none;
 		border-bottom: #666666;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;	}

#homepage_middle a:hover {
 	
		font:9pt Verdana,Sans-serif;
		font-weight: normal;
		color: #cc0000;
		text-decoration: none;
 		border-bottom: #666666;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;	}

#homepage_middle a:active {
 	
		font:9pt Verdana,Sans-serif;
		font-weight: normal;
		color: #ff0000;
 		text-decoration: none;
 		border-bottom: #666666;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;	}
	
			
			
		
						/* ***** homepage left sidebar styles ******  */
		
#homepage_middle_left { 
		
		display: block;
		float: left;
		width: 175px;
		background-color: #FDFDF0;
		color: #202020;
		border-right: 1px #C8C8D8 dotted;
		border-bottom: 1px #C8C8D8 dotted;
		border-left: 0px solid  green;
		padding-top: 0px; padding-right: 15px;
		padding-bottom: 20px; padding-left: 15px;		
		margin-top: 0px;
		margin-right: 20px;
		margin-bottom: 20px;
		margin-left: 0px;		}


#homepage_middle_left img {

		display: block;
		margin-top: 8px;
		margin-right: auto;
		margin-bottom: 8px;
		margin-left: auto;
		border-style: none;	}
			

 #homepage_middle_left a:visited {
 	
		font:9pt Verdana,Sans-serif;
		font-weight: normal;
		color: #202020;
		text-decoration: none;
 		border-bottom: #b0b0b0;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;		}		

#homepage_middle_left a:link {
 	
		font:9pt Verdana,Sans-serif;
		font-weight: normal;
		color: #202020;
		text-decoration: none;
 		border-bottom: #b0b0b0;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;		}

#homepage_middle_left a:hover {
 	
		font:9pt Verdana,Sans-serif;
		font-weight: normal;
		color: #CC0000;
 		text-decoration: none;
 		border-bottom: #b0b0b0;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;		}

#homepage_middle_left a:active {
 	
		font:9pt Verdana,Sans-serif;
		font-weight: normal;
		color: #ff0000;
 		text-decoration: none;
 		border-bottom: #b0b0b0;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;		}
 		
					/* ***** end homepage left sidebar styles ******  */	
							
					/* ***** homepage main content styles ******  */
					/* *** content needs its own margins  (excluding sidebar)
					so sidebar is flush left. This class also allows styles 
					to be applied to blog-entered content, as the blog
					sits inside the middle-content div *** */
					
					
.homepage_middle_content  { margin-top: 0px; margin-right: 20px; 
							margin-left: 20px; padding-top: 10px;   }

				/* ***** end homepage main content styles ******  */

#homepage_bottom_box { 
	
		display: block;
		position: relative;
		clear: both;
		width: 700px; height: 200px;
		border: 0px orange solid;
		background-image: url(images/htkcontentbottom.jpg);
		background-repeat: no-repeat;
		background-color: white;	}

#homepage_bottom_content { 
	
		display: block;
		position: relative; 
		width: 650px; height: 160px;
		border: 0px orange solid;
		background-image: url(images/htkcontentbottom.jpg);
		background-repeat: no-repeat;
		background-color: white;
		padding-top: 20px; padding-right: 20px; 
		padding-bottom: 20px; padding-left: 30px;
		border: 0px red solid;	}


#homepage_footer_box { 
	
		display: block;
		position: relative;
		width: 700px;
		border: 0px red solid;	}


#homepage_footer_content { 
	
		display: block;
		position: relative;
		width: 660px;
		border: 0px red solid;
		padding: 20px;	}


/* ********** end homepage styles ************  */


/* ********** other page styles ************  */
#gallerypagecontainer	{ 
	
		position: relative;
		width: 800px;
		border: 0px red solid;
		margin-top: 3px; margin-right: auto; 
		margin-bottom: 30px; margin-left: auto;	}

#gallery_header_box {
	
		display: block;
		position: relative; top: 0; left 0;
		width: 800px; height: 120px;
		background-image: url(http://www.buserdog.com/images/GalleryNarrowHeader.gif);
		background-repeat: no-repeat;
		background-color: white;
		border: 0px yellow solid;	}

#gallery_middle_box {
		border: 0px green solid;
		display: block;
		position: relative;
		width: 786px; 
		background-color: white;
		margin-left: 5px;	
		border-left: 2px black solid;	
		border-right: 2px black solid;	}
		
		
	#gallery_bottom_box { 
	
		display: block;
		position: relative; 
		width: 800px; height: 100px;
		border: 0px orange solid;
		background-image: url(http://www.buserdog.com/images/htkgallerybottom.gif);
		background-repeat: no-repeat;
		background-color: red;
		border: 0px red solid;	}

		/* ********* shortpage style ***************** */

#shortpage_middle { 
	
		display: block;
		position: relative;
		width: 618px; 
		margin: 0
		background-color: white;
		padding-top: 25px; padding-right: 10px;
		padding-bottom: 20px; padding-left: 30px;	}
			
#shortpage_middle a:visited {
 	
		font:9pt Verdana,Sans-serif;
		font-weight: normal;
		color: #202020;
 		text-decoration: none;
 		border-bottom: #666666;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;}		

#shortpage_middle a:link {
 	
		font:9pt Verdana,Sans-serif;
		font-weight: normal;
		color: #202020;
 		text-decoration: none;
 		border-bottom: #666666;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;	}

#shortpage_middle a:hover {
 	
		font:9pt Verdana,Sans-serif;
		font-weight: normal;
		color: #cc0000;
		text-decoration: none;
 		border-bottom: #666666;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;	}

#shortpage_middle a:active {
 	
		font:9pt Verdana,Sans-serif;
		font-weight: normal;
		color: #ff0000;
 		text-decoration: none;
 		border-bottom: #666666;
		border-width: 0px 0px 1px 0px;
		border-style: none none dotted none;	}













/* ********** END STYLES ************  */
/* ************************************  */