html{
	top:0;
	height: 100%;
	text-align:center;
	margin:0 auto;
	padding:0;
	background: url(../images/bg.gif) repeat-x center center white;
	overflow:scroll;
	
}

body {
	top:0;
	height: 100%;	
	/*
min-width:765px;
	width:95%;
	max-width:1280px;
*/
width:100%;
	margin: 0 auto;
	padding:0;
	text-align:left; 
	font-family: arial;
	font-size:12px;
}

a:link{ color: #000066; background-color:#fff; }

#nav a{
	background-color:transparent;
}

a:visited{ color: #1C1F86;  background:#fff;}

a:hover{ color: red;	text-decoration:none;  background:#fff;}


p{	margin:1em 0; }

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p{	margin-top:-0.05em;}

h1, h2, h3, h4, h5, h6{ color:blue; }

h1{ font-size:24px;}

h2{	font-size:20px;}

h3{	font-size:18px;}

h4{	font-size:16px;}

h5{	font-size:14px;}

h6{	font-size:12px;}

ol, ul{	margin: 1em 0 1em 2em; }

ol ol, ol ul, ul ol, ul ul{ margin-top:0; margin-bottom:0; }

ol li{	list-style:decimal }
ol li ol li{ list-style:upper-alpha; }
ol li ol li ol li{ list-style:upper-roman; }

ul li{ list-style:disc;}

em{font-style:italic;}

strong{font-weight:bolder;}

strong em, em strong{font-weight:bolder; font-style:italic;}

#container {
	/*
position: relative;
	min-height:100%;
*/
	position:absolute;
	height:100%;
	top:0;
	left:0;
	width:100%;
	overflow:visible;
	z-index:100;
	
}

#header{
	width:300px;
	position:absolute;
	overflow:visible;
	display:block;
	height:150px;
	z-index:1;
	right:0;
}

.primary-links{
	display:block;
	position:absolute;
	right:15px;
	top:10px;
	padding:0;
	margin:0;
	
	display:none;
}

.primary-links li{
	padding:0;
	margin:0;
	list-style:none;
	display:block;
	position:relative;
	float:left;
}

.primary-links a{
	display:block;
	position:relative;
	float:left;
	margin:0;
	padding:10px ;
}

#logo{
	display:block;
	position: absolute;
	width:320px;
	height:68px;
	background: url(../images/UPI-logo.gif) no-repeat center bottom;
	left:272px;
	margin:0 0 0 -160px;
	top:15px;
	z-index:2;
}

.metaContent{
	display:none;
	position:absolute;
	height:0;
	width:0;
}

#compass{
	/*
display:block;
	position: absolute;
	bottom:0;
	width:447px;
	height:325px;
	left:100px;
	margin:0 0 0 0;
	z-index:10;
*/
	display:block;
	position: fixed;
	width:100%;
	height:100%;
	left:0;
	bottom:0;
	z-index:3;
}

#slice{
	display:none;
/*
	background: url(../images/slice.png) no-repeat center bottom;
	display:block;
	position:absolute;
	width:521px;
	height:84px;
	bottom:255px;
	left:323px;
	margin:0 0 0 -260px;
	z-index:1;
*/
}


/*--[ search form styles ]---*/
#searchForm{
	display:block;
	position:absolute;
	right:10px;
	top:50px;
	width:258px;
	height:26px;
	background: url(../images/search.jpg) no-repeat 0 0 ;
	display:none;
}

#searchInput{
	display:block;
	position:relative;
	padding:5px 0;
	left:27px;
	border:0;
	width:182px;
	font-size:14px;
	background:transparent;
	color: #758bbd;
	margin:0;
}

#searchInput.focused{
	color: #233A6F;
}

#searchBtn{
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:39px;
	height:26px;
	background: url(../images/searchBtn.jpg) no-repeat 0 0;
	cursor:pointer;
	overflow:hidden;
	text-indent:999em;
	line-height:999em;
	border:0;
	margin:0;
	padding:0;
}

#searchBtn:hover, #searchBtn:focus{
	background: url(../images/searchBtn.jpg) no-repeat 0 -26px;
}

.searchResults em{
	color: #7E9261;
}

.nav{display:none;}

.notEnough{
	display:block;
	position:relative;
	top:300px;
	left:0;
	text-align:center;
	font-size:15px;
	background:#fff;
	padding:20px 0;
	border-bottom:3px solid #76916C;
	border-top:3px solid #76916C;
}

#contactBox{
	display:block;
	position:absolute;
	right:10px;
	top:70px;
	background:#fff;
	border:1px solid #B30000;
	color:#B30000;
	text-align:right;
	padding:7px;
}

.brazilBox{
	display:block;
	position:absolute;
	left:50%;
	bottom:30px;
	background:#fff;
	border:1px solid #00007D;
	color:#00007D;
	text-align: center;
	padding:7px;
	width:200px;
}

#getFlash{
	display:block;
	position:absolute;
	right:10px;
	top:150px;
	background:#fff;
	border:1px solid #00007D;
	color:#00007D;
	text-align: center;
	padding:7px;
	width:200px;
	text-decoration:none;
	text-align:right;
	
}
.arrow{
	display:block;
	position:absolute;
	width:58px;
	height:72px;
	background: url(../images/arrow.png) no-repeat 0 0;
	right:-40px;
	top:-50px;
}


#copyRight{
	display:block;
	position:absolute;
	width:12px;
	height:525px;
	background: url(../images/copyright.gif) no-repeat 0 0;
	left:0;
	bottom:0;
	overflow:hidden;
	text-indent:999em;
	line-height:999em;
}