html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset
{
margin: 0;
padding: 0;
border: 0;
}	

body	
{
margin: 0 auto;
padding: 0;
border: 0;
min-height: 700px;
text-align: center;
color: #FFFFFF;
background: #464570 url(/images/bg-circles.jpg) top center repeat-x;
font: 11px verdana, geneva, arial, helvetica, helve, sans-serif;
}
	
#wrapper
{
width: 765px;
color: #FFFFFF;
text-align: left;
background: transparent;
margin: auto;
border: 0;
padding: 0;
min-height: 700px;
}

/* CONTENT */

#content 
{
text-align: left;
margin-right: 215px;
padding: 5px;
background-color: transparent;
}

#content h1, h2, h3, h4, h5, h6
{
font-family: Times New Roman, Georgia;
color: #f8dc08;
font-variant: small-caps;
letter-spacing: .3em;
}

#content p
{
margin-bottom: 15px;
}

#content u, li
{
margin: 7px;
margin-left: 50px;
}

#ortapage
{
width: 735px;
min-height: 480px;
text-align: left;
color: #ffffff;
background: transparent url(/images/orta-bg.jpg) top center no-repeat;
margin: 0;
border: 0;
padding: 0;
clear: both;
}

#ortapage p
{
margin-bottom: 15px;
padding-right: 300px;
}

#ortapage u, li
{
margin: 7px;
margin-left: 50px;
}


/* SIDEBAR */

#sidebar-r1 
{
float: right;
width: 200px;
margin: 0;
margin-left: 5px;
padding: 0px;
padding-top: 130px;
background: #62618e url(/images/past-sidebar.gif) top center no-repeat; 
}

#sidebar-r2 
{
float: right;
width: 200px;
margin: 0;
margin-left: 5px;
padding: 0px;
padding-top: 130px;
background: #62618e url(/images/legacy-sidebar.gif) top center no-repeat;
}

#sidebar 
{
width: 186px;
margin: 0;
padding: 7px;
background: transparent; 
}

#sidebar img
{	
border: 7px solid #7776ab;
margin-top: 7px;
margin-bottom: 7px;
}

.clearit
{
clear: both;
}

/* HEADER */

#header
{
width: 765px;
height: 147px;
text-align: left;
color: #FFFFFF;
background: transparent url(/images/PDO-head.gif) top center no-repeat;
margin: 0 auto;
border: 0;
padding: 0;
}

/* FOOTER */

#footer
{
width: 765px;
height: 150px;
text-align: center;
color: #FFFFFF;
background: transparent url(/images/footer-bg.gif) top center no-repeat;
margin: 0;
border: 0;
padding: 0;
}

#fleft 
{
text-align: center;
margin: 0px;
margin-right: 470px;
padding: 0;
background: transparent;
padding-top: 50px;
}

#fleft img 
{	
border: 0;
margin: 5px;
}

#fright
{
float: right;
text-align: center;
width: 300px;
margin: 0;
margin-left: 5px;
padding: 0;
background: transparent;
padding-top: 75px;
}

/* NAV */

#nav	{
	width: 765px;
	height: 63px;
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	}
	
#nav ul	{
	width: 765px;
	height: 63px;
	background: url(/images/navbar.gif);
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#nav ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#nav ul li, #nav a	{
	height: 63px;
	display: block;
	}

#nav ul li a	{
	text-indent: -9999px; 
	text-decoration: none;
	}
	
#nav1 {left: 0; width: 400px;}
#nav2 {left: 401px; width: 130px;}
#nav3 {left: 531px; width: 120px;}
#nav4 {left: 651px; width: 115px;}

#nav2 a:hover {background: transparent url(/images/nav-legacy-on.gif) no-repeat;}
#nav3 a:hover {background: transparent url(/images/nav-orta-on.gif) no-repeat;}
#nav4 a:hover {background: transparent url(/images/nav-past-on.gif) no-repeat;}

/* LINKXORS */

a:link
{ 
color: #f8dc08;
font-weight: bold;
text-decoration: none;
background: transparent;
}

a:visited
{ 
color: #f8dc08;
font-weight: bold;
text-decoration: none;
background: transparent;
}

a:hover	  
{
color: #ecfad8;
font-weight: bold;
text-decoration: underline; 
background: transparent;
}