div#wrap { /*Outer most div*/
  min-width:780px; 
  margin-left:auto; 
  margin-right:auto; 
}

div#content_area { /*Contains page left and right columns*/
  background-color:#FFF;
  /* For left_panel div: faux columns graphic left column */
  background:url(../images/site/left.gif) repeat-y top left; 
  position:relative; /* set positioning context  for left column div */
  min-height: 225px; /*Ensure room for the navigation panel*/
}

div#left_panel { /* left table navigation*/
/*	background-color: #1A4078;*/
	background-color: #E4E6EA;
  	position: absolute; /* contextual positioning in content_area container */
    top:0px; left:0px; /*positions left_panel within content_area container */
	padding-bottom: 30px;
    overflow:hidden; /* prevents overlarge elements breaking out of column */
}

div#left_panel .gutter {
  padding: 5px 0 0 0;
}

div#left_panel td {
	color: black;
	height: 20px;
	font-size: 11px;
	font-weight: bold;
    border-color: transparent;
}

div#left_panel table {
	border: none;
	margin-left: 5px;
	margin-top: 10px;
}

div#left_panel td a {
	font-size: 11px;
	font-weight: normal;
	display: block;
	color: black;
	text-decoration: none; 
    padding-top: 2px;
    padding-right-value: 6px;
    padding-bottom: 2px;
    padding-left-value: 6px;
    margin-top: 0px;
    margin-right-value: 0px;
    margin-bottom: 0px;
    margin-left-value: 0px;
	background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}

div#left_panel td a:hover {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(153, 153, 153);
/*	background-color: #828B98;*/
	background-color: #D4D6DB;
}

/* border/margin order: top right bottom left*/
div#wps {
	margin: 15px 0 0px 25px; /*left_panel*/
}


#wps img, #wps img a {
 color: white;
 background-color: transparent;
 text-decoration: none;
 border: 0px;
} 

div#content { /*Right content column*/
	background-color:#FFF; 
	margin: 0 0px 0 175px; /* left margins to make room for left column */
	padding-bottom: 30px;
	padding-right: 20px;
}

#content .gutter {
   padding-left: 20px;
}

div#header { /*NAPIS logo*/
	background-position: left;
  	background:url(../images/site/NAPIS.gif); 
	background-repeat: no-repeat;
	border-bottom: 1px outset black;
	height: 45px;
	background-color: #1A4078;
	color: #1A4078;
}

div#search {
	position: absolute;
	right: 20px;
/*	top: 15px;*/
	top: 10px;
	color: black;
	text-align: left;
	line-height: 10px;
	font-weight: bold;
	background-color: transparent;
}

#search form {
	margin-top: 0px;
	margin-bottom: -2px;
}

div#bar {  /*bar over breadcrumbs*/
 border-top: 5px solid #E4E6EA;
}

div#breadcrumbs {
	background-image: url(../images/site/breadcrumb_bar.gif);
	border-bottom: 1px outset black;
	border-top: 1px outset black;
	color: white;
	font-size: 11px;
	padding-left: 20px;
}

#breadcrumbs a {
	color: white;
	text-decoration: none;
}

div#footer {
	clear: both;
	border-bottom: 1px inset black;
	background-image: url(../images/site/bar_g.gif);	
	color: white;
    /*margin-top: 55px; for left_pm7*/
	border-top: 1px outset black;
	padding-left: 20px;
}

#footer a, #footer a:visited, #footer td {
	color: white;
	background-color: transparent;
	text-decoration: none;
	font-size: 12px;
}

#footer table {
	border: none;
}

#footer table td {
	font-family: arial, helvetica, sans-serif; 
	font-size: 10px; 
	border: none;
	color: white;
}

a:link {
	color: #000099; /*Blue*/ 
	text-decoration: underline; 
	font-size: 12px;
}

a:active {
	color: #565C61;  /*WPS logo color*/
	text-decoration: underline; 
	font-size: 12px;
}

a:visited {
	color: #000000; /*black*/ 
	text-decoration: underline; 
	font-size: 12px;
}

a:hover {
	color: #565C61;  /*WPS logo color*/
	text-decoration: none; 
	font-size: 12px;
}

/* border/margin order: top right bottom left*/
h1 {
  font-size: 24px;
  font-family: arial, helvetica, sans-serif; 
  margin: 0px 80px 0 -18px;
  padding: 20px 0 0 0;
}

h1 img a {
	margin: 0;
}

h2 {
 padding: 0px;
 margin-left: -20px;
 font-size: 18px; 
 font-weight: normal;
}

body {
	font-family: verdana, arial, helvetica, sans-serif;
  	font-size: 12px;
    background-color: white;
	margin: 0;
	padding: 0 0px 20px 0;
}

p {
	padding-top: 5px;
	margin-left: -20px;
}

img {
	margin: 10px;
}

table {
 border: 1px solid navy; 
}

table td {
	border: 1px solid navy; 
}

.clearfix:after {
/* the period is placed on the page as the last thing before the div closes */
	content: ".";    
/* inline elements don't respond to the clear property */ 
	display: block;  
/* ensure the period is not visible */
    height: 0;    
/* make the container clear the period */   
    clear: both;  
/* further ensures the period is not visible */
    visibility: hidden;	     
}
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

.title {
	font-family: arial,helvetica,sans-serif; 
	font-size: 24px;
	font-weight: bold
}

.title2 {
	font-family: arial,helvetica,sans-serif; 
	font-size: 34px;
	font-weight: bold;
}

.italics  {
	font-family: arial,helvetica,sans-serif; 
	font-size: 13px; 
	font-style: italic;
}

.bold {
	font-family: arial,helvetica,sans-serif; 
	font-size: 13px; 
	font-weight: bold
}

.italicbold, .bolditalic  {
 font-family: arial,helvetica,sans-serif; 
 font-size: 13px; 
 font-style: italic;
 font-weight: bold;
}

.indent {
	text-indent: 15px;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.data_fields {
  margin-left: 100px;
}

.data_fields li {
	padding-bottom: 10px;
}
 	
.text {
	font-family: arial,helvetica,sans-serif; 
	font-size: 13px;
}

/*Step by Step styles*/
.StepLabel {
	color: #000099; 
	font-family: arial,helvetica,sans-serif;
	font-size: 17px; 
	font-weight: bold; 
}

.StepTitle {
	color: #000000;
	font-family: arial,helvetica,sans-serif;
	font-size: 13px; 
	font-weight: bold; 
}

.BeginLabel {
	color:#000000; 
	width: 60%;
	margin-top: 20px;
	padding: 10px;
	font-size:12px; 
	text-align:left; 
	margin-bottom: 4px; 
	font-family: arial,helvetica,sans-serif;
	border-bottom: solid #E3CEC0 4px;
	border-left: solid #E3CEC0 1px;
	border-right: solid #E3CEC0 4px;
	border-top: solid #E3CEC0 1px;
	background-color: #F9F4D3;
}

.gray_bar {
	color: white;
	font-size: 18px;
	font-weight: bold;
    background-image: url(../images/site/bar_g.gif);	
	width: 100%;
	height: 20px;
	border: 0px;
	margin: 30px 0 0 -20px;
	line-height: 20px;
	padding: 3px;
}

.top {
	text-align: right;
	line-height: 5px;
 	font-size: 10px;
	margin: 0px;
	padding: 0px;
}

.red { /*For Animated Tutorial! text*/
	color: #CC0000; 
	font-weight: bold;
	font-size: 11px;
	text-indent: 35px;
	margin: 5px;
}

.blue {
	color: #000099;
	font-family: arial,helvetica,sans-serif; 
	font-size: 13px;
}

.bullets {
	list-style-image: url(../images/site/bullet.gif);
	margin-top: 15px;
	margin-left: 8px;
	margin-bottom: 0px;
	color: #000099; 
	font-family: arial,helvetica,sans-serif; 
	font-size: 13px;
	font-weight: bold;
}

.bullets li{
	margin-bottom: 5px;
}

.bullets a:link, .bullets a:visited, .red a:link, .red a:visited {
	color: #000099; 
	text-decoration: none; 
}

.bullets a:active, .red a:active {
	color: #565C61;  /*WPS logo color*/
	text-decoration: none; 
}

.bullets a:hover, .red a:hover {
	color: #565C61;  /*WPS logo color*/
	text-decoration: none; 
}

.htdig {
	font-size: 12px; 
	font-weight: bold;
	padding: 5px 0 0 20px;
    margin-top: 0px;
}

.htdig_text {
    margin-top: 0px;
	font-size: 11px;
	padding-left: 20px;
}

.htdig_form {
	font-size: 11px;
	margin-top: -20px;
	margin-bottom: 0;
}

.htdig_results {
	font-size: 11px;
	margin-top: -40px;
}

.contact {
	text-align: right;	
	padding-right: 20px;
}