body {
   text-align:center;

}

#page-container {
    width: 867px;
    margin: 0 auto;
    text-align: left; 
}

img {
    border: none;
}


#header {
    width:865px;
    height: 121px;
    background-image: url('http://www.sbeap.org/images/New_Header_PPI.jpg');
    background-repeat:no-repeat;
}

#left-navigation {
height:900px;
background-color: #00cccc;
width: 180px;
    
}
#main-content{
    
    width:650px;
  
    margin-top: -774px;
    margin-left: 182px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    background:url("images/PPI_secondary_page_swoopy.jpg") no-repeat;
	background-position: left top;
	background-color: #99FFFF;
	font-family: "Trebuchet MS" "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: small;
  }
img {
    border: none;
}
html, body {

    font-variant: normal;
    font-weight: normal;
    font-size-adjust: none;
    font-style: normal;
}
/*
ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
*/
div, h1, h2, h3, h4, ul, li, form, input, select, option {
margin:0;
padding:0;
}



#navigation {
    background-color: #660099;
    width: 872px;
    height: 40px;



}

.clear {
clear:both;
font-size:0;
height:0;
line-height:0;
}

#content-wrapper {
    width: 1000px;

    color: #000000;
}

#left-content {
    width: 650px;
    float:left;
    margin-right: 20px;
}

#right-content {
    width: 224px;
    float:right;


}
#siteNav {
    background: #660099  no-repeat scroll left top;
}

#siteNav ul {
	margin-left:			200px;
    padding-top: 6px;
	z-index:				1;
}

#siteNav li {
	float:					left;
	position:				relative;
	top:					0;
	left:					0;
}

#siteNav li a {
	padding:				8px 12px 8px 12px;
}

#siteNav li.current a {
	margin-bottom:			-1px;
}

#siteNav li ul {
	display:				none;
	position:				absolute;
	top:					0;
	left:					0;
	margin:					0;
	padding:				0;
}

#siteNav ul:after {
    content:				".";
    display:				block;
    height:					0;
    clear:					both;
    visibility:				hidden;
}

#siteNav li ul li ul {
	position:				relative;
}

#siteNav li ul li {
	width:					175px;
}

#siteNav li > ul {
	top:					auto;
	left:					auto;
}

#siteNav li:hover ul {
	display:				block;
}

#siteNav li.current ul {
	padding-bottom:			1px;
}

#siteNav li {
	font-size:				12px;
	text-align:				center;
}

#siteNav li li {
	text-align:				left;
}

#siteNav li li li {
	text-indent:			10px;
}

#siteNav a {
	text-decoration:		none;
	display:				block;
}

#siteNav ul{
	font-family:'Trebuchet MS',sans-serif;
font-size:1.8em;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:bolder;
line-height:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-align:left;

}

#siteNav li {
}

#siteNav li a:link, #siteNav li a:visited {

	color: white;


    padding-left: 20px;
    padding-right: 20px;
}

#siteNav li a:hover {
background-color: #660099;
	color: white;


}

#siteNav li.current a:link, #siteNav li.current a:visited {
	color:					white;

}

#siteNav li ul, #siteNav li.current ul {

}

#siteNav li ul li ul, #siteNav li.current ul li ul {
	border:					0;
}

#siteNav li ul li a:link, #siteNav li ul li a:visited, #siteNav li.current ul li a:link, #siteNav li.current ul li a:visited {
	/*background:	#65944A none repeat scroll 0 0;*/
	background-color: #660099;
	color:					white;

}

#siteNav li ul li a:hover, #siteNav li.current ul li a:hover {
	background-color: #660099;
	color:					white;

}

#siteNav li li li a:link, #siteNav li li li a:visited,
#siteNav li.current li li a:link, #siteNav li.current li li a:visited {
	background-color: #660099;
	color:					white;
}

#siteNav li.over {
	color:					yellow;

}



.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 180px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
}

.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #00CCCC; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color: #660099;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(right.gif) no-repeat 97% 50%;
}


/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */