/* general styles for regular html tags */

html, body
{
margin:0;
padding:0;
border-style:none;
}

body
{
margin:5px 0;
text-align:left;
font-family:verdana, arial, sans-serif;
font-size:90%;
color:#000;
background:#000166;
}

p
{
text-align:left;
margin:5px 40px;
padding:0 0 5px 0;
text-indent:15px;
line-height:1.2;
}

p.nomargin
{
line-height:normal;
margin:5px 0;
}

p.noindent
{text-indent:0;}

p.attention
{
font-weight:bold;
text-align:center;
font-size:15px;
letter-spacing:1px;
text-indent:0;
line-height:normal;
}

h1, h2, h3, h4, h5
{
font-family:georgia, "times new roman", serif;
margin:5px 30px;
text-align:center;
padding:5px;
font-weight:bold;
}

h1
{font-size:25px;}

h2
{font-size:20px;}

h3
{font-size:17px;}

h3.img
{
font-weight:normal;
font-size:13px;
margin:5px auto;
}

h3.alignleft
{
text-align:left;
margin:5px 35px;
font-size:15px;
}

h4
{
font-weight:normal;
text-align:left;
margin:5px 40px;
font-size:12px;
}

h4.center
{
text-align:center;
font-size:12px;
font-weight:normal;
}

img /* style the images so hyperlinked images don't have a border */
{border-style:none;}

/* floating images so text lines up beside the images */
img.left
{
float:left;
margin:5px 5px 5px 30px;
}

img.right
{
float:right;
margin:5px 30px 5px 5px;
}

div.imgcenter
{
display:block;
text-align:center;
margin:5px auto;
}

/* styles for lists - special conditional statements in template.inc.php for IE */

ul
{
border-style:none;
margin:5px 20px 5px 30px;
}

ul li, ul li.normal
{
list-style-image:url(../images/star.gif);
padding:0 0 5px 0;
font-size:14px;
line-height:1.4;
font-weight:bold;
}

ul li.normal
{font-weight:normal;}

ul ul
{margin:5px 0;}

ul ul li, ul ul li.normal
{
list-style-image:url(../images/star.gif);
padding:0 0 5px 0;
font-size:14px;
line-height:1.1;
font-weight:normal;
}

/* styles for the anchor links */

a, a:visited
{
text-decoration:underline;
color:#c20808;
font-weight:bold;
}

a:hover, a:active
{
text-decoration:none;
color:#000166;
}

a.anchor, a:visited.anchor, a:hover.anchor, a:active.anchor
{
font-size:13px;
color:#000;
}

/* special classes for formatting text */

.clear
{clear:both;}

.bold
{font-weight:bold;}

.italic
{font-style:italic;}

.white
{color:#fff;}

.red
{color:#c20808;}

.brown
{color:#8f0000;}

.blue
{color:#000166;}

.gold
{color:#ffc601;}

.green
{color:#275b1d;}

.imgctr /* centering the shadow image under textboxes, may need adjustment for different wrapper widths */
{
margin:0 0 0 50px;
border-style:none;
padding:0;
}

.hilite
{
background:#ffc601;
color:#c20808;
font-weight:bold;
font-variant:small-caps;
font-style:normal;
}

.strike /* the strike and s html tags deprecated so I used the line-through text-decoration */
{text-decoration:line-through;}

.symbol /* unique class for special characters such as copyright etc. */
{
font-size:15px;
color:#c20808;
font-weight:bold;
letter-spacing:-1px;
}

.cap, .cap2 /* creates the large drop-cap first-letter in the paragraphs */
{
font:bold 35px/35px georgia, "times new roman", serif;
color:#c20808; /*red */
float:left;
height:35px;
margin:-2px 3px 0 0;
}

.cap2
{color:#000166;}

/* this creates an image holder box that gets rid of the ugly active focus border */

.image-holder
{
width:200px;
height:100px;
margin:0 auto;
}

.image-holder a
{
display:block;
width:0;
height:0;
position:relative;
}

.image-holder a img
{
position:absolute;
left:0;
top:0;
border-style:none;
}

.image-holder a:active
{background:#fff;}

.image-holder a:active img, .image-holder a:focus img
{background:#fff;}

.textbox
{
width:550px;
margin:0 auto;
border-style:none;
padding:0;
background-image:url(../images/textbox_bg.png);
background-repeat:repeat-y;
}

.textbox ul li, .textbox ul li.noimage
{
list-style-image:url(../images/question.jpg);
padding:0 0 5px 5px;
font-size:14px;
line-height:1.5;
font-weight:normal;
color:#000;
}

.textbox ul li.noimage
{list-style-image:none;}

.textbox ul li.noimage a, .textbox ul li.noimage a:visited
{color:#8f0000;}

.textbox ul li.noimage a:hover, .textbox ul li.noimage a:active
{color:#000166;}

.box
{
width:600px;
margin:10px auto 0 auto;
padding:0;
border:3px solid #dbe8f8;
background:#dbe8f8;
}

.box img
{
float:left;
padding:0;
margin:5px 10px;
}

.box p
{
font-size:13px;
font-weight:normal;
text-indent:0;
margin:5px;
text-align:left;
font-family:"courier new", monospace;
color:#000166;
line-height:1.4;
}

div.formbox
{
width:600px;
margin:5px auto;
border-style:none;
padding:0;
}

div.formbox div.top
{
width:100%;
height:50px;
background-image:url(../images/box_top.jpg);
background-repeat:no-repeat;
}

div.formbox div.center
{
width:100%;
background-image:url(../images/box_center.jpg);
background-repeat:repeat-y;
}

div.formbox div.center table.form
{
width:65%;
margin:10px auto;
border-style:none;
padding:5px;
}

div.formbox div.center table.form td.one
{
width:35%;
text-align:left;
margin:0;
padding:3px 0 3px 20px;
color:#000;
font:bold 13px arial, verdana, sans-serif;
}

div.formbox div.center table.form td.two
{
width:65%;
text-align:left;
margin:0;
padding:3px 3px 3px 0;
font:bold 13px arial, verdana, sans-serif;
color:#000;
}

div.formbox div.center p
{
margin:5px 65px;
line-height:1.3;
text-indent:0;
font-size:14px;
color:#000;
font-weight:normal;
text-align:left;
}

div.formbox div.center h3.first
{
margin:0 70px 10px 70px;
padding-top:0;
font-size:16px;
color:#c20808;
font-weight:bold;
text-align:center;
font-family:verdana, sans-serif;
}

div.formbox div.center p.last
{
margin-bottom:0;
padding-bottom:0;
text-align:center;
}

div.formbox div.foot
{
width:100%;
height:50px;
background-image:url(../images/box_foot.jpg);
background-repeat:no-repeat;
}

#wrapper
{
background:#fff;
margin:0 auto;
width:700px;
border-top:10px solid #000166;
border-right:1px solid #000166;
border-bottom:10px solid #000166;
border-left:1px solid #000166;
text-align:left;
}

#header
{
display:block;
width:700px;
height:205px;
background-image:url(../images/npl_header.jpg);
background-position:top center;
background-repeat:no-repeat;
margin:0 auto;
}

#footer
{
display:block;
height:50px;
width:700px;
background-image:url(../images/npl_footer.jpg);
background-position:top center;
background-repeat:no-repeat;
margin:0 auto;
}

#footer p
{
text-align:center;
margin:3px 10px 0 10px;
color:#000166;
font-size:11px;
font-weight:bold;
text-indent:0;
padding-bottom:3px;
}

#footer a, #footer a:visited, #footer a:hover, #footer a:active
{
color:#000166;
font-weight:bold;
font-size:13px;
text-decoration:none;
border-bottom:1px dotted #c20808;
padding:0;
}

#footer a:hover, #footer a:active
{
color:#c20808;
font-variant:small-caps;
border-style:none;
letter-spacing:1px;
}

#footer a.noborder, #footer a:visited.noborder,
#footer a:hover.noborder, #footer a:active.noborder
{border-style:none;}