html { margin: 0; padding: 0; height: 100%; }
body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; background-color: #f3edd3; height: 100%; background-image: url(/images/sub_bg_tile.gif); background-position: top left; background-repeat: repeat-y;}

img { border: 0; }

h1 { font-size: medium; margin: 10px 0 10px 0; }

a { color: #e14f00; }
a:hover { color: #c5a700; }

#printLogo { display: none; }

/* Horizontally Centers the Container Div */
#container { position: relative; margin-left: auto; margin-right: auto; width: 100%; min-height: 100%; }
/* Hack to make the footer sit at the bottom whether content pushes the screen past 100% or not */
* html #container { position: relative; margin-left: auto; margin-right: auto; width: 100%; height: 100%; }

/* Styles the Top Bar */
#bar1 { border-top: 9px solid #014a5d; background-color: #f3edd3; position: static; }
	#upperLeftDots { background-image: url(/images/upperLeftDots.gif); width: 12px; height: 93px; margin-top: -9px; }
	/* Caldwell & Company Logo */
	#logo { position: absolute; top: 25px; left: 35px; }
	#contactUs { position: absolute; top: 35px; right: 20px; }

/* Styles the Second Bar from the Top */
#bar2 { border-top: 6px solid #e79934; background-color: #014a5d; height: 85px; position: relative; }
	/* the primary photo on the homepage */
	#subpagephoto { }
	/* the bracket and text to the right of the photo DIV */
	#blurbText { position: absolute; top: 15px; left: 150px; }
		/* the image itself for the bracket and text */
		#blurbText img { }

/* contains the text and images for the third bar from the top */
#contentBar { background-color: #f3edd3; color: #014a5d; padding: 1px 10px 80px 0; background-image: url(/images/sub_bg_tile.gif); background-position: top left; background-repeat: repeat-y; }

	/* "menu" contains the six menu graphics/buttons */
	#menu { position: absolute; width: 110px; margin-left: 0; padding: 10px 10px 10px 8px; }
		* html #menu { padding-top: 20px; }

	/* menu styling selects an image containing both on and off images then shifts the background-image up on mouseover */
	/* line-height specification is for the IE(eeee!) */
		#menu #aboutus { display: block; width: 74px; height: 10px; background-image: url(/images/menu_aboutus.gif); line-height: 1%; }
		#menu #services { display: block; width: 73px; height: 10px; background-image: url(/images/menu_services.gif); line-height: 1%; }
		#menu #industries { display: block; width: 85px; height: 10px; background-image: url(/images/menu_industries.gif); line-height: 1%; }
		#menu #taxnews { display: block; width: 74px; height: 10px; background-image: url(/images/menu_taxnews.gif); line-height: 1%; }
		#menu #careers { display: block; width: 70px; height: 10px; background-image: url(/images/menu_careers.gif); line-height: 1%; }
		#menu #contactus { display: block; width: 88px; height: 10px; background-image: url(/images/menu_contactus.gif); line-height: 1%; }
		/* For the sake of accessibility, links contain text which is then shifted off screen */
		#menu span { position: absolute; top: -1000px;}
		
	#menu a { background-position: 0 0; margin: 1em .7em; text-decoration: none; }
	* html #menu a { margin: .9em .7em; }
	#menu a:hover { background-position: -100px 0; }
	
	/* styles the button for active pages to retain "on" color */
	#menu .on { background-position: -100px 0; }
	
	#content { margin-left: 150px; }
		#content img { border: 1px solid #014a5d; margin: 10px 30px 10px 10px; }
		
	
	/* this is the ad in the upper right-hand corner of the third div */
	#housead { width: 234px; height: 80px; /* border: 1px solid #014a5d; */ float: right; font-size: 7pt; margin: 20px 20px 0 20px; }
		#housead img { float: left; margin-top: 6px; margin-right: 8px; }

#footer { position: absolute; width: 100%; bottom: 0; background-image: url(/images/dotstile2.gif); background-position: top left; background-repeat: repeat-y; background-color: #014a5d; color: #f3edd3; font-size: x-small; }
	#footer p { margin: 10px 10px 10px 23px; }

	#footer a { color: #e49933; }
	#footer a:visited { color: #b77b2a; }
	#footer a:hover { color: #e4d133; }

/* makes all images given a "homepagephoto" class float left and gives them a border */
.homepagephoto { border: 1px solid #014a5d; float: left; margin: 10px 10px 10px 0; }