html, body {
	margin:0px;
	padding:0px;
	background:#ffffff url("images/bg-body.gif") repeat-y; 
	font: 13px Arial, Helvetica, sans-serif;
	color:#000000;
	}

A:link { color:#000000; }
A:visited { color:#6B6A6A; }
A:active { color:#000000; }
A:hover { color:#DF7A1B; } 	

a.linklight:link { text-decoration:none;color:#ffffff;}
a.linklight:visited { text-decoration:none;color:#ffffff;}
a.linklight:active { text-decoration:none;color:#ffffff;}
a.linklight:hover { text-decoration:underline;color:#ffffff;}
	
.imageborder { border: 1px solid #3E3A30;}	
	
div.hr {
  height:16px;
  background:url(images/hr.gif) repeat-x scroll center;
}
div.hr hr {
  display:none;
}

.text4color1 {font-family: arial, geneva, sans-serif; font-size: 10.8pt; color: #DF7A1B;}

#a5-column-left {
	position:absolute;
	height:100%;	
	left:0px;
	top:0px;
	width:227px;
	voice-family:"\"}\"";
	voice-family:inherit;
  		width:227px;
	}
	html>body #a5-column-left {
  		width:227px;
	}	

		#photo-left-middle {
/* this can't be absolute because it won't stack correctly. it must be relative */
			position:relative;
			top:-3px;
			text-align:left;
			voice-family:"\"}\"";
			voice-family:inherit;
		  		top:-3px;
			}
			html>body #photo-left-middle {
		  		top:0px;
			}	
	
#a5-column-right {
	position:relative;
/* if you don't add the margin-left and just use 'left:227px,' the box will continue on 227px to the right on compliant browsers */
	margin-left:227px;
	left:0px;
	top:0px;
	border:0px solid #000000;	
	background:url(images/bg-right-column.gif) no-repeat;			
}
	
	#a5-image-center-top {
		position:relative;
		margin-left:31px;		
		background:url(images/bg-header.gif) repeat-x;		
	}
	
/* this needed to be its own div to be able to right aligned. when it was joined with the above class, it remained left */	
	#a5-text-top {
		color:#B3A172;
		font: 13px Arial, Helvetica, sans-serif;		
		text-align:right;
		margin:5px 20px 5px 0px;
	}	

	#a5-menu-box {	
		margin-left:31px;	
		border:0px solid #000000;					
		}
	
		#a5-menu a {
			display:inline;
			background:url(images/bg-menu-off.gif) no-repeat 0px 0px;
			text-decoration:none;
			color:#000000;
			font-weight:bold;
			/* the below doesn't work for IE 5 */
			padding:5px 10px 0px 0px;
		}
		
		#a5-menu a:hover {
			background:url(images/bg-menu-on.gif) no-repeat 0px 0px;
			font-weight:bold;
			color:#FF7C00; 
		}
		
		
		#a5-featured-left {
			position:relative;
			left:0px;
			top:18px;
			width:205px;
			text-align:right;
			font: bold 15px Arial, Helvetica, sans-serif;
			color:#DF7A1B;
			padding:19px 25px 0px 0px;
			border:0px solid #000000;				
			background:url(images/arrow.gif) no-repeat right;			
			voice-family:"\"}\"";
			voice-family:inherit;
		  		width:180px;
				left:0px;				
			}
			html>body #a5-featured-left {
/* decreased the width by the padding to fit in compliant browsers */
				width:180px;
				left:0px;	
				padding:19px 25px 0px 0px;	
			}	
		
		#a5-featured-center {
			position:relative;
			left:-5px;
			top:-57px;						
			color:#DF7A1B;
			border:0px solid #000000;				
			margin:38px 124px 0px 208px;
			padding:19px 10px 0px 0px;			
			voice-family:"\"}\"";
			voice-family:inherit;
				margin:140px 158px 0px 180px;
				left:27px;
				top:-159px;
			}
			html>body #a5-featured-center {
/* decreased the width by the padding to fit in compliant browsers */
				margin:41px 130px 0px 207px;
				padding:19px 10px 0px 0px;			
				left:0px;
				top:-60px;			
			}		
		
		
		#a5-featured-right {
			position:absolute;
			right:0px;
			top:108px;
			width:128px;
			color:#DF7A1B;
			padding-right:25px;
			border:0px solid #000000;				
			voice-family:"\"}\"";
			voice-family:inherit;
		  		width:103px;
				right:0px;				
				top:108px;											
			}
			html>body #a5-featured-right {
/* decreased the width by the padding to fit in compliant browsers */
				width:103px;
				right:0px;	
				top:105px;
			}				 


		#a5-homepage-bottom-box {
			position:relative;
			top:8px;
			height:15px;
			border:0px solid #000000;				
			voice-family:"\"}\"";
			voice-family:inherit;
				top:-94px;
			}
			html>body #a5-homepage-bottom-box {
				top:8px;
			}				
		
		#a5-homepage-bottom-left {
			position:absolute;
			left:0px;
			top:0px;
			width:231px;
			height:187px;
			text-align:left;
			padding:20px;
			font:13px italic Arial, Helvetica, sans-serif;
			border:0px solid #000000;				
			background-color:#E0E0E0;			
			voice-family:"\"}\"";
			voice-family:inherit;
				width:191px;
				height:147px;				
			}
			html>body #a5-homepage-bottom-left {
				width:191px;
				height:147px;				
			}				
			
		
		#a5-homepage-bottom-center {
			position:absolute;
			left:231px;
			top:0px;	
			width:24px;		
			height:187px;						
			border:0px solid #000000;				
			background:url(images/bg-center-bottom.gif) repeat-y;						
			}		

		#a5-homepage-bottom-right {
			position:relative;
			background-color:red;			
			right:0px;
			top:0px;
			height:187px;
			font:bold 13px italic Arial, Helvetica, sans-serif;
			border:0px solid #000000;				
			margin:0px 0px 0px 255px;
			padding-top: 80px;
			background:#DF7A1B url(images/bg-right-bottom.gif) no-repeat;						
			voice-family:"\"}\"";
			voice-family:inherit;
				padding: 80px 0px 0px 0px;				
				height:107px;			
			}
			html>body #a5-homepage-bottom-right {
				padding: 60px 0px 0px 10px;				
				height:127px;					
			}				 
			
				#list-arrows {
				list-style-image: url(images/bullet-arrow.gif);
				}			

				
/* ++++++++++ second level start ++++++++++*/				

		#a5-sl-box {
			position:relative;
			top:15px;
			left:0px;
			margin-left:31px;
			height:25px;
			border:0px solid #000000;				
			}	

		#a5-sl-title {
			padding-top:3px;
			padding-left:30px;
			vertical-align:bottom;
			height:25px;	
			color:#DF691B;	
			border:0px solid #000000;	
			font:bold 15px italic Arial, Helvetica, sans-serif;						
			background:url(images/bg-sl-title.gif) no-repeat left top;			
			}		

		#a5-sl-center {
			position:relative;
			left:-15px;
			top:15px;	
			margin-right:180px;
			border:0px solid #000000;				
			}		

		#a5-sl-right {
			position:absolute;
			right:0px;
			top:42px;
			width:170px;
			height:100%;
			background:#DF7A1B;	
			}		
			
		#a5-sl-right-box {
			color:#ffffff;
			padding:10px;						
			width:170px;			
			border:1px solid #000000;				
			background:#DF7A1B;	
			voice-family:"\"}\"";
			voice-family:inherit;
				width:150px;
			}
			html>body #a5-sl-right-box {
				width:150px;
			}		
			
					 
							

		#a5-sl-full {
			position:relative;
			left:-15px;
			top:15px;	
			border:0px solid #000000;				
			}		

			
/* ++++++++++ second level end ++++++++++*/				
				
				
#a5-footer {
	text-align:left;
	color:#E0E0E0;
	margin-top:15px;
	padding:10px;
	font:10px bold italic Arial, Helvetica, sans-serif;	
	}
	
		
#a5body {
	position:absolute;
	top:0px;
	left:0px;
	}			
				
#a5-top {
	position:absolute;
	top:0px;
	left:0px;
	text-align:left;
	color:#E0E0E0;
	background-color:blue;
	padding:10px;
	font:10px bold italic Arial, Helvetica, sans-serif;	
	}