body

{

	font-family: arial, helvetica, sans-serif;

	font-size: 20px;	

	background-color: #fff;

	color: #fff;

	margin: 0;

	padding: 0em;

}



html[xmlns] .mozclear

{

	/*mozilla hack to get left/right colors to work */

	border-bottom: 1px solid;

	border-color: transparent;

	margin-bottom: -1px;

}



/* keeps headings consistent size */

h1, h2, h3, h4, h5, h6
{
	color:#6699CC;
}

p, h1, h2, h3, h4, h5, h6

{

	margin: 1em 0;		

}



#cpa_logo
{
	margin-left:50px;
}

#siteBanner
{

	text-align: center;

	margin				: 0px;

	padding				: 0px;

	

	background			: transparent url('bg.jpg') no-repeat top left;

	position			: relative;

	border-top:1px solid black;

	background-color: #336699;

}

#slogan
{
	font-size:20px;
}

.tier1_nav a

{

	font-size:130%;

	text-decoration:none;

	color: #FFFFFF;

	margin-left:-5px;
	font-weight: bold;
	
	

}

.tier2_nav a

{
	font-weight: normal;
	font-size:110%;

	text-decoration:none;

	color: #FFFFFF;

	margin-left: 5px;

}

.tier3_nav a

{

	text-decoration:none;

	color: #FFFFFF;

	margin-left: 20px;

}

.tier1_nav a:hover, .tier2_nav a:hover, .tier3_nav a:hover

{

		
	color:#30E4F3;

}

.inside

{

	padding: 0 1.5em;	

}

.required
{
	font-weight:bold;
	color:maroon;
}


#gray_text
{
	font-style:italic;
	color: #C0C0C0;
	margin-top:70px;
}

#contact
{
	font-size:14px;
}

#sub_head

{

	border-color: #000;

	background-color: #336699;

	color: #fff;

	border-style: solid;

	border-width: 1px 0;	

	padding: 1em;

	padding-top: 5px;

	padding-bottom: 5px;

	font-size:18px;

	text-align:center;

}


#title_text

{

	

	font-size:45px;

	text-align: center;

	margin-right:10px;

	color:white;

	font-weight:bold;

	

}





#title

{

	background:#336699;

	border-top:1px solid black;

	height:64px;

	

}



#pageWrapper

{

	margin: 0px 0px;

	

	

	border-color: #000;

	font-size: 80%;

	border-style: solid;	

	border-width: 0 1px;	

}

#footer

{

	text-align: center;

	border-color: #000;

	position: relative;

	border-style: solid;

	border-width: 1px 0;	

	background-color: #336699;

	color: #fff;	

	padding: 1em;	

	font-size: 120%;	

}







* html #outercolumncontainer

{

	/* IE5.0/Win fix for 1px whitespace between masthead and body. */

	margin-top: -1px;

	border-top: solid 1px #000;

}

#outerColumnContainer

{

	z-index: 1;

	
	border-left: 15em solid #6699cc;

	

	

	background-color: #fff;		/* this sets the background color on the

					   center column */

	color: #000;

}



#innerColumnContainer

{

	border-color: #000;

	z-index: 2;

	width: 100%;

	border-style: solid;

	border-width: 0 1px;	/* puts borders between center and the side 

				   columns. */

	margin: 0 -1px;		/* compensation for the borders because of

				   100% width declaration on this object */

}

* html #innerColumnContainer

{

	position: relative;	/* fix a render bug in IE under certain

				   conditions */

}

#contentColumn

{

	background-color: #fff;	

	color: #000;

	margin: 0 -1px;		/* without this, boxes stop floating next to 

				   each other */

	width: 100%;

	float: left;

	position: relative;

	z-index: 10;

	overflow: visible;	/* fix for IE italics bug */

	border-width: 0;

}




#leftColumn

{

	

	padding-top: 0.5em;

	padding-bottom: 0.5em;

	color: #FFF;

	float: left;

	position: relative;

	z-index: 10;

	overflow: visible;	/* fix for IE italics bug */

	width: 15em;

	margin: 0 1px 0 -15em;	

}










.clear

{

	clear: both;

}

.hide

{

	display: none;		/* hide elements that CSS-targeted browsers 

				   shouldn't show */

}

















#rightColumn .vnav ul li a:hover, .vnav ul li a:hover

{

	background-color: #336;

	color: #fff;

}

#rightColumn .vnav ul li a

{

	color: #336;

	background-color: #ddb;

}











/*

	The below block of CSS is invalid, and will invalidate this stylesheet.

	So it is up to you to decide how you want to handle this. The below CSS

	is a fix for IE/Win to help it better handle text that is wider than 

	the available area. It does not handle this as expected, and forces the

	floated elements to start stacking. This is a very undesirable thing.

	Until a CSS-compliant way is devised, this CSS block will have to do.



	So, do you live with invalid CSS? This comes down to a sort of markup

	morals issue. Some people live and die by w3 validation. If it isn't

	valid, it isn't good. Others don't validate at all, rather focusing

	on "real-world" results.



	I think the answer might be somewhere in the middle, but perhaps 

	leaning torwards w3 validation. It's good to work torwards validation.

	Indeed, I think documents should be able to validate against a w3

	or other validator. However there are times where you will find reason

	to explicitly defy the specs and include invalid markup or CSS.



	It is already done once in the markup of this layout, using the name

	attribute of an anchor tag. That attribute is deprecated in XHTML 1

	but without it, backwards compatibility at even the most base level

	is destroyed. So I purposely break the spec in order to provide that

	backwards compatibility. Remove the one line, and it validates fine.



	I am willing to break the markup when I have a good reason. And I think

	this is the same type of situation. IE breaks horribly without this 

	fix. I am willing to include this invalid line of CSS in order to 

	keep IE happy. Using the * html selector, I know that CSS-compliant

	browsers (the ones where validation matters) won't apply this CSS block.

	Pretty much ONLY IE will apply this CSS. I have a reason to break the

	CSS, I am fairly certain of its effect on other browsers (none), and

	so I include it here.



	I could have used the conditional comments that IE supports in it's

	proprietary side of HTML. However that requires _every_ document to

	contain the extra lines necessary to do this. This removes any

	central point of control over at least some of the CSS being

	applied.



	In a template(d) environment, perhaps I would take that alternate route.

	But here, where I'm not in a template(d) environment, I choose to add

	this directly into the CSS.



* html #pageWrapper

{

	word-wrap: break-word;

}*/