* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #333333;
 background-color: #5a6833; 
}
#wrapper { 
 margin: 20px auto; 
 margin: 10px auto;  
 width: 932px;
}

 /********************* allheaders (headers container) ***********************/
#allheaders {
	margin: 0;
	padding: 0;
	}
	
/********************* first header block **********************/
.header1 {
	margin: 0;
	background-color:#5a6833;
/*	border: solid #5a6833 1px;*/
}
 /********************* headerlogo ***********************/
#headerlogo { 
 float: left;
 margin: 0 auto;
 padding: 0;
 padding-top: 20px; 
 width: 200px;   /* without a header margin & left & right border*/
 height: 196px; 
 display: inline;
 position: relative;
 background-color: #202428;
 background: url(images/TPHI-logo.gif) 23px 28px no-repeat #202428;
 color: #ffffff;
 border: 0;
 border-bottom: solid 10px #252da3;
}
#headerlogo img { 
 margin: 0;
 border: 0;
}
#headerslogan { 
 float: right;
 float: left;
 margin: 0;
 padding: 0;
 width: 730px;  /*  without a left & right border */
 height: 190px;
 display: inline;
 position: relative; 
 background-color: #5a6833;
 color: #000000;
 border: none;
 border-top: solid 30px #5a6833; 
}
#headerslogan h2 { 
 text-align: right;
 float: right;
 margin: 60px 30px 1px 10px;
 margin: 60px 30px 0 10px; 
 padding: 0;
 font-size: 1.3em;
 font-style: italic;
 color: #007d68;
}

.nav {
 float: left; 
 padding: 0;
 margin: 0;
 clear:both;
 background: #202428;
 width: 731px;
 height: 26px;
}
.nav ul {
text-align: center;
padding: 2px 0 3px 0;  /* perfect Mozilla; too little for IE - intrudes on white / blue */
/* HACK: IE 6 and below recognize the underscore as valid; other browsers don't, so the padding is overridden for IE.  */
_padding: 5px 0 6px 0;  /* perfect IE; too much for Mozilla - gap between white/blue where background shows */
padding: 6px 0 3px 0;
margin: 0;
}
.nav li {
display: inline;
padding: 0;
margin: 0; 
}
.nav a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:.9em;
letter-spacing: .2px;
color:#ffffff;
/*color:#009999;*/
text-decoration: none;
padding: 6px 20px;
margin: 0;
border: none;
}
.nav a:hover {
text-decoration: underline;
color: #d7e1bb;
}
.collage {
 float: left; 
 padding: 0;
 margin: 0;
 clear:both;
 background: url(images/collage-730-150.jpg) no-repeat #252da3;
 width: 730px;
 height: 150px;
 border-bottom: solid 10px #252da3;
 border-top: solid 10px #252da3; 
 border-right: solid 1px #252da3;
}


/********************* allcontent (content container) - USED TO BE FAUX (between allheaders & allfooters) ***********************/	
#allcontent {
 margin: 0 0 0 1px;
 margin: 0;
 padding: 0;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 931px;
 border: 0;
 border-bottom: solid #252da3 10px;
 border-top: solid #252da3 10px; 
 background: url(images/background.png) repeat-y #252da3;
}
 
 /********************* leftcolumn ***********************/
.leftcolumn { 
 float: left;
 display: inline;
 color: #ffffff;
 margin: 0;
 padding: 20px 0 0 0;
 width: 200px;
 text-align: center;
}
.leftcolumn h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size:1em;
font-weight:bold;
letter-spacing:.06em;
padding: 3px;
margin: 5px;
border: solid 1px #ffffff;
}
.leftcolumn p { 
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:0;
margin:10px 20px 10px 20px;
margin: 10px;
color: #ffffff;
font-weight:normal;
text-align: left;
}
.leftcolumn a { 
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:0;
color: #ffffff;
font-weight:normal;
text-align: left;
text-decoration: underline;
}
.leftcolumn a:hover { 
color: #fdf7a9;
text-decoration: underline;
}

/********************* centercolumn ***********************/
.centercolumn { 
 float: left;
 color: #333;
 margin: 0;
 padding: 0;
 width: 480px; 
 display: inline;
 position: relative;
 background-color: #ffffff;
 border: 1px solid #ffffff;
}
.centercolumn h2 { 
text-align: left;
padding:20px 0 2px 35px;
margin:0;
font-size:1.4em;
font-weight: bold;
color: #252da3;
}
.centercolumn h3 { 
text-align: left;
padding:20px 0 2px 35px;
margin:0;
font-size:1em;
font-weight: bold;
color: #000000;
}
.centercolumn h4 { 
text-align: left;
padding:20px 0 2px 35px;
margin:0;
font-size:1.2em;
font-weight: bold;
color: #85754e;
}
.centercolumn h5 { 
text-align: left;
padding:0 0 2px 30px;
margin:0;
font-size:1em;
font-weight: bold;
color: #000000;
}
.centercolumn p { 
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:5px 40px 10px 35px;
margin:0;
color: #000000;
font-weight:normal;
}
.centercolumn a { 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-weight:bold;
}
.centercolumn a:hover { 
color: #000000;
font-weight:bold;
}
div.hr {
padding: 0 0 0 35px;
margin:0 0 0 35px;
color: #007d68;
border: thin solid;
width: 200px;
}
div.hr hr {
  display: none;
}
.centercolumn ul { 
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:5px 40px 10px 35px;
margin:0;
color: #000000;
font-weight:normal;
}
.centercolumn li { 
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:2px 0 2px 0;
margin:0 0 0 45px;
color: #000000;
font-weight:normal;
}
.centercolumn img { 
float: left;
padding:5px;
border: 0;
}

/********************* center2column ***********************/
.center2column  { 
 float: left;
 color: #333;
 margin: 0 0 0 20px;
 padding: 0;
 width: 200px; 
 display: inline;
 position: relative;
}
.center2column p { 
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:5px 10px 10px 10px;
margin:0;
color: #000000;
font-weight:normal;
}
.center2column h3 { 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #202428;
font-size:1.3em;
font-weight:normal;
letter-spacing:.06em;
padding:5px 0 3px 20px;
margin:0;
}
.center2column h4 { 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #5a6833;
font-size:1.3em;
font-weight:normal;
letter-spacing:.06em;
padding:5px 0 3px 20px;
margin:0;
}
.center2column ul { 
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:0 10px 10px 10px;
margin:0;
color: #000000;
font-weight:normal;
}
.center2column li { 
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:1px 0 1px 0;
margin:0 0 0 30px;
color: #000000;
font-weight:normal;
list-style:disc;
}

/********************* rightcolumn ***********************/
.rightcolumn { 
 float: left;
 display: inline;
 position: relative;
 color: #5a6833;
 margin: 5px 5px 20px 0;
 padding: 0;
 width: 220px;
 width: 210px;
}
.rightcolumnbkg {
 float: left;
 display: inline;
 position: relative;
 color: #5a6833;
 margin: 20px 5px 10px 0;
 padding: 0;
 width: 210px;
 background-color: #d7e1bb;
 border: 2px #252da3 solid;
	}
.boxes {
float:left;
width:200px;
width: 190px;
margin:10px;
}
   
.boxes2 {
float:right;
width:200px;
width: 190px;
margin:10px;
}
.box1,.box2 {
margin-bottom:20px;
background-image:url(images/boxbottom.gif);
background-position:left bottom;
background-repeat:no-repeat;
}
.boxes h2 {
text-align: left;
padding:8px 0 7px 10px;
margin:0 0 0 -1px;
margin:0;
background:url(images/boxtop.gif) left top no-repeat #ffffff;
font-size:1em;
font-weight: bold;
color: #000000;
}
.boxes h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #202428;
font-size:1.3em;
font-weight:normal;
letter-spacing:.06em;
padding:5px 0 3px 10px;
margin:0;
}

.boxes p {
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:5px 5px 10px 15px;
margin:0;
color: #202428;
font-size:.9em;
}
.boxes ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
padding:10px 15px 10px 25px;
margin:0;
color: #202428;
font-size:1em;
font-weight: bold;
}
.boxes li {
margin:0;
padding:0 0 3px 0;
color: #202428;
font-size:.9em;
list-style:square;
font-weight: normal;
}
.boxes a {
margin:0;
padding:0 0 3px 0;
color: #202428;
font-weight: bold;
text-decoration: underline;
}
.boxes a:hover {
color: #5a6833;
text-decoration: underline;
}
#APSAlink {
	clear: both;
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: .9em;
	text-align: center;
	display: block;
    margin-left: auto;
    margin-right: auto;
   }
#APSAlink a {
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: 1em;	
	text-align: right;
	color: #202428;
	font-weight: bold;
	text-decoration: underline;	
   }
#APSAlink a {
	color: #5a6833;
	text-decoration: underline;
   }   

/********************* centercolumnfull ***********************/
.centercolumnfull { 
 float: left;
 color: #333;
 margin: 4px 0;
 padding: 4px 0;
 width: 932px;  /* without left & right borders */
 width: 930px;
 display: inline;
 position: relative;
 background-color:#339966;
 border: 1px solid #333399;
}
.centercolumnfull p { 
 padding: 20px 40px 20px 20px;
 margin: 0 auto;
 font-weight: bold;
 background-color: #dcdde9; 
 border: 2px solid #d72a08;
}
.centercolumnfullimg { 
 float: right;
 margin: 0;
 padding: 10px 30px 5px 40px;
}

/********************* FOOTER ***********************/
#allfooters {
	margin: 8px 0;	
	padding: 0;
	}

.footer2 { 
 width: 930px;
 clear: both;
 background: #5a6833;
 padding: 0;
 margin: 0 0 5px 0; 
 border-top: solid #5a6833 1px; 
 color: #ffffff;
 border-bottom: solid 3px #202428;
}
.footerleft { 
 float: left;
 display: inline;
 margin: 0;
 padding: 0;
 width: 458px;
 height: 25px; 
 background-color: #5a6833;
 border: solid  #5a6833 1px;  
}
.footerleft p { 
 font-size: .9em;
 font-weight: bold;
 margin: 5px 0 0 10px;
 padding: 0;
 text-align: left;
}
.footerleft a { 
 color: #ffffff;
}
.footerleft a:hover { 
 color: #202428;
}
.footerright { 
 float: left;
 margin: 0;
 padding: 0;
 width: 470px;
 width: 466px;
 height: 25px; 
 display: inline;
 position: relative;
 background-color: #5a6833; 
 border: solid #5a6833 1px;  
}
.footerright p { 
 font-size: .9em;
 font-weight: bold; 
 margin: 5px 10px 0 0;
 padding: 0;
 text-align: right;
 color: #ffffff;
}
.footerright a { 
 color: #ffffff;
 text-decoration: none;
}
.footerright a:hover { 
 color: #202428;
 text-decoration: underline; 
}
/********************* GLOBAL ***********************/
#small  { 
font-size: .8em;
font-style: italic;
}
#smalllink {
font-size: .8em;
}

.clear { 
	clear: both; 
	/*background: none; */
	}