/* YUI Reset version: 2.7.0 */
/* ---------------------------------------------------------- */

html { color: #000; background: #FFF; }
//* body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; } *//
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; }
del,ins { text-decoration: none; }
li { list-style: none; }
caption, th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr,acronym { border: 0; font-variant: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
/*because legend doesn't inherit in IE */
legend { color: #000; }
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select { *font-size: 100%; }

/* ---------------------------------------------------------- */
body { no-repeat center top; font-family: Helvetica, Arial, sans-serif; color: #333333; font-size: 12px; }

 html, body {
 position:relative;
 width:860px;
 margin:auto;
 text-align:left;
 background: #CCC;
}

 #pagewidth {
 position:relative;
 width:760px;
 width:860px;
 margin-left:auto;
 margin-right:auto;
 margin:0px 10px 0px 10px;
 //*
 border-style:solid;
 border-color:#CCCCCC; 
 border-width:1px 1px;
 background-color:#FFFFFF;
 *//
 text-align:left;
}

 .pagewidth {
 position:relative;
 width:760px;
 width:860px;
 margin-left:auto;
 margin-right:auto;
 margin:0px 10px 0px 10px;
 //*
 border-style:solid;
 border-color:#CCCCCC; 
 border-width:1px 1px;
 background-color:#FFFFFF;
 *//
 text-align:left;  
}

#edge{
 width:880px;
 position:relative;
 float:left;
 background-image:url('images/bg_shadow.png'); 
}

 #headerone{
 width:760px;
 width:860px;
 height:108px;
 float:left;
 position:relative;
 background-color:#34376e; 
 background-image:url('images/PII_topgraphic.jpg');
 background-repeat:no-repeat;
}

h1 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #3B627B; font-size: 28px; text-transform: uppercase; margin: 10px 0 20px; }
h2 { color: #444; font-size: 20px; margin: 20px 0; }
h3 { color: #3B627B; font-size: 14px; margin: 15px 0; }

h1 a, h2 a, h3 a, h4 a, h5 a { color: inherit; }

 p {
 color: #444;
 margin: 0px 0px 10px 0px;
 text-align: justify;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 1em;
 line-height: 1.5em;
}

 p.rightnavtitle { 
 color:#3B627B;
 font-weight:bold;
 font-variant: small-caps;
}

 p.rightnavSelected {
 color: #3B627B;
 font-weight: bold;
 font-size: 12px; 
 font-family: Helvetica, Arial, sans-serif;
}

a { color:#3B627B; font-size:12px; text-decoration:none; font-family: Helvetica, Arial, sans-serif; }
a link { color:#5D80C1; }
a visited { color:#7E008C; }
a hover { color:#7E008C; text-decoration:underline; }

a.topnav { color:white; font-size:12px; text-decoration:none; font-weight:bold; font-family: Helvetica, Arial, sans-serif; }
a.topnav:link { color:white; }
a.topnav:visited { color:white; }
a.topnav:hover { color:#ffcd3c; }

 a.rightnavUnselected, a.rightnavUnselected:link, a.rightnavUnselected:visited {
 color:#3B627B;
 font-size:12px;
 text-decoration:underline;
 font-family: Helvetica, Arial, sans-serif;
}

 a.rightnavUnselected:hover {
 color: black;
}

 em {
 font-style: italic;
}

/* ---------------------------------------------------------- */
 #firstnavcols{
 width:750px;
 width:850px;
 float:left;
 position:relative;
 padding:0px 0px 0px 10px;
 background-color:#696b94;
}

 #firstunselected{
 position:relative;
 float:left;
 padding:5px 10px 5px 10px;
}

 #firstselected{
 position:relative;
 float:left;
 background-color:#34376e;
 padding:5px 10px 5px 10px;
}

 #secondnavcols{
 width:760px;
 width:860px;
 position:relative;
 float:left;
 background-color:#34376e;
}

 #secondsection{
 position:relative;
 float:left;
 padding:5px 10px 5px 10px;
}

 #secondsectionSelected{
 position:relative;
 float:left;
 padding:5px 10px 5px 10px;
}

 #twocols{
 width:760px;
 width:860px;
 position:relative;
 float:left;
 background-color:#FFFFFF;
 padding:20px 0px 20px 0px;
}

 #maincol{
 float: left;
 position: relative;
 width:460px;
 width:560px;
 height:auto;
 padding:0px 20px 5px 20px;
 background-color:#FFFFFF;
}

 #rightcol{
 width:220px;
 float:right;
 position:relative;
 margin:15px 15px 0px 0px;
 padding:20px 10px 20px 10px;
 border-style:solid;
 border-color:#34376e;
 border-width:3px 0px 0px 0px;
 background-color:#F1F1F1;
 background-image:url('images/form.png');
 background-repeat:no-repeat;
}

 #footer{
 width:760px;
 width:840px;
 height:30px
 position:relative;
 margin:0px 0px 0px 0px;
 padding:10px 0px 0px 20px;
 float:left;
 border-style:solid;
 border-color:#CCC;
 border-width:1px 0px 0px 0px;
 background-color: #FFF;
 text-align: left;
}

 p.footer, a.footer{
 color: #AAA;
 margin: 0px 0px 10px 0px;
 text-align: justify;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 1em;
 line-height: 1.5em;
}

/* ---------------------------------------------------------- */
@media print{
 #rightcol {
 display:none;
}

 #twocols, #maincol {
 width:100%; 
 float:none;
}