@charset "UTF-8";
/* CSS Document */


#navbardiv{
position:relative;
margin:0 auto;
padding-left:770px;
top:-103px;
}

#country {
position:relative;
top:22px;
left:10px;
width:880px;
border:#CCC;
border-width:thin;
border-style:inset;
}

#logo {
position:relative;
margin:0 auto;
left:-180px;
width:546px;
height:95px;
background:url(images/phhlogo.png);
}

#imgplace {
position:relative;
padding-left:55px;
}

#header {
margin:0 auto;
width:900px;
height:48px;
background:url(images/header.png);
}

#body {
position:relative;
margin:0 auto;
padding-bottom:100px;
width:900px;
background:#FFF;
}

#body2 {
position:relative;
margin:0 auto;
padding-bottom:100px;
top:-40px;
width:900px;
background:#FFF;
}

#footer {
position:relative;
margin:0 auto;
width:900px;
height:29px;
background:url(images/footer.png);
}


#color{
	color:#9999FF;
}

#application {
width:900px;
padding-left:350px;
}


#menu2{
	width:900px;
	z-index:+3;
	position:relative;
	top:15px;
}

#footer2{
position:relative;
margin:0 auto;
width:900px;
}

#link a{
	color:#FFF;
}

#mainbox{
position:relative;
margin:0 auto;
width:900px;
}


/*nav bar*/

#navbar {
position:absolute;
top:70px;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
font-weight:bold;
padding:10px 20px;
background-color:#FFF;
}

#navbar li {
	list-style:none;
	display:inline;
}
#navbar a {
	width:110px;
	color:#fff;
	text-decoration:none;
	background:url("images/navbar/tab2.gif") no-repeat;
	float:left;
	padding:12px 10px 13px;
	margin:0 -10px;
}
#navbar a:hover { 
	background-position:0 -45px;
	color:#1e5ebd;
}
#navbar a:active {
	background-position:0 -90px;
	color:#1e5ebd;
}

h2
{
position:absolute;
left:-5px;
top:-29px;
}

#textbox
{
padding:15px;
}



#newsbox
{
	position:relative;
	padding-left:50px;
	width:350px;
	z-index:+2;
}

#newsbox2
{
	position:relative;
	padding-left:50px;
	width:800px;
	z-index:+2;
}

#blogbox
{
	position:relative;
	padding-left:80px;
	width:350px;
	top:-350px;
	z-index:+1;
}




#forcefont {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #000;
}



.sdswitch {
			    position:relative;
			    height:336px;
			}
			
			.sdswitch *{
			    position:absolute;
			    top:0;
			    left:0;
			    z-index:8;
			}
			
			.sdswitch *.active {
			    z-index:10;
			}
			
			.sdswitch *.last-active {
			    z-index:9;
			}
			
			.sdwindow {	
				position:absolute;
				top:10px;
				height:20px;
				background: #000;
				color:#fff;
				font-weight: bold;
				z-index: 11;
				opacity:0.6;
			}
			
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/*ThiCK TABS/ */

#thicktabs{
margin:0;
padding:0;
float: left;
font: bold 13px Tahoma;

}

#thicktabs li{
display:inline;

}

#thicktabs li a{
float: left;
color: black;
padding: 8px 11px; /*padding of tabs*/
text-decoration: none;
background: transparent url(images/pinkbg.gif) top right no-repeat;
border-top: 1px solid #d3bdbe; /*top border style*/
border-bottom: 3px solid #FF0; /*thick bottom border below tabs*/

}

#thicktabs li a#leftmostitem{ /*Extra CSS for left most menu item*/
border-left: 1px solid #d3bdbe; /*left border style*/

}

#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
border-right: 1px solid #d3bdbe; /*right border style*/
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/

}

#thicktabs li a:visited{
color: black;

}

#thicktabs li a:hover{
color: black;
background-image: url(images/pinkbgover.gif); /*background image swap on hover*/

}


#thicktabs li a:hover{
color: black;
background-image: url(images/pinkbgover.gif); /*background image swap on hover*/

}

<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;

}
</style>
<![endif]-->