/* CSS Document */

/* CSS Reset v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* Layout */


body {
 background-color:#fff;
 font:16px Arial, serif; color: #333;
}

#main {
 width:972px;
 border:1px solid black;
 margin:0px auto;
 overflow:hidden;
}

#header {
 width:972px;
 height:348px;
 padding:0px;
 border:0px;
 background:url(../images/phi-header.jpg);
}

#info-links-top {
 width:958px;
 height:23px;
 border-bottom:1px solid black;
 padding:7px 7px 0px;
 background:url(../images/info-links-bg.png);
 background-position:top left;
 background-repeat:repeat-x;
 color:#fff;
 text-align:right;
}

#info-links {
 width:972px;
 height:30px;
 border-top:1px solid black;
 border-bottom:1px solid black;
 padding:0px;
 background:url(../images/info-links-bg.png);
 background-position:top left;
 background-repeat:repeat-x;
 color:#fff;
}

.steps {
 width:972px;
 height:50px;
 border:0px;
 padding:20px 0px 0px;
 background-color:#fff;
 color:#333;
}

#left {
 width:258px;
 border:0px;
 margin:0px;
 padding:5px 2px 10px;
 float:left;
 clear:none;
}

#left-2 {
 width:690px;
 border:0px;
 margin:0px;
 padding:5px 5px 10px;
 float:left;
 clear:none;
}

.left-box { 
 width:235px;
 border:1px solid black;
 margin:0px 10px;
 height:400px;
 overflow:auto;
}

.left-trade { 
 width:215px;
 border:1px solid black;
 margin:12px 10px;
 padding:10px;
}

#right {
 width:680px;
 float:right;
 clear:none;
 border-left:0px solid black;
 margin:0px;
 padding:5px 12px 12px 0px;
}

#right-index {
 width:640px;
 float:right;
 clear:none;
 border-left:0px solid black;
 margin:0px;
 padding:0px;
}

#right-2 {
 width:248px;
 float:right;
 border-left:0px solid black;
 margin:0px;
 padding:5px 4px 12px;
}

#footer {
 width:962px;
 float:left;
 border-top:1px solid black; 
 padding:5px;
 text-align:center;
 background-color:#284B92;
 color:white;
 margin:0px;
}

.flash {
 float:right;
 height:260px;
 width:220px;
 border:0px solid black;
 margin:10px 5px 10px 20px;
}







/* Presentation */

p {
 padding:10px 5px;
}

.even-spaces {
 text-align:justify;
}

h1, h2, h3 {padding:5px; color:#284B92;}

    

.center {text-align:center;}


.step-1 {
 float:left;
 width:680px;
 height:40px;
 padding:0px 0px 0px 30px;
 font-size: 16px;
 font-weight: bold;
 overflow:hidden;
}
.step-2 {
 float:right;
 width:460px;
 height:50px;
 padding:0px;
 font-size: 16px;
 font-weight: bold;
}

ol.inq {
 list-style-type:decimal;
 color:#CC0000;
 padding-left:30px;
 font-size:15px;
 line-height:20px;
} 
 

ul {padding:5px;}

ul li a{
 line-height:15px;
 font-size:15px;
 width:200px;
 display:block;
 background-color:#fff;
 padding:3px;
 margin:3px 0px;
 text-decoration:none;
 color:#999;
}

ul li a:hover {background-color:#ffb7b9; color:black;}

a.on, a.on:link, a.on:visited {
 line-height:15px;
 font-size:15px;
 width:200px;
 display:block;
 background-color:#ccc;
 padding:3px;
 margin:3px 0px;
 text-decoration:none;
 color:#333;
}

a.on:hover {background-color:#7AF384; color:black;}

a.top-nav, a.top-nav:link, a.top-nav:visited {
 line-height:30px;
 font-size:15px;
 height:30px;
 float:left;
 text-align:center;
 padding:0px 8px;
 margin:0px;
 text-decoration:none;
 color:#fff;
 border-right:1px solid #222;
}

a.top-nav:hover {background-color:#254589; color:#fff;}

.white {color:white;}

.steps img, .steps object, .steps embed {
 float:left;
}

.clear-1 {
 float:left;
 clear:both;
 width:960px;
 height:20px;
}

.clear-1-right {
 float:left;
 clear:both;
 width:680px;
 height:20px;
}

.clear-2 {
 float:left;
 clear:both;
 width:960px;
 height:30px;
}

.clear-in-right-3 {
 float:left;
 clear:both;
 width:680px;
 height:30px;
}

.red-1 {color:#CC0000;}


.left-nob {float:left;}



a.kooi, a.kooi:link, a.kooi:visited {
 color:#fff;
 text-decoration:none;
 font-variant: normal;
 font-size:12px;
}

a.kooi:hover {
 color:#cacaca;
}