/*
File       : NHRRR.css
Author     : JWDarsow
Created on : Wednesday, July 15, 2015

Styles are divided into the following groups:
Body              - Body tags
Layout            - Position and size of objects
Navigation        - navigation bar
Headings          - headings like h1, h2, etc
Text Styles       - Styles for text
Lists             - unordered and ordered lists
Tables            - html tables
Forms             - html forms
Links             - links
Misc              - anything that doesn't fit elsewhere
*/

/*═══════════════════════════════════ Body ═══════════════════════════════════*/
html {background: url("../images/PARCHMTL.JPG");}

body {  
   font-style: normal;  
   font-variant: normal;  
   font-weight: normal;  
   font-size: 13px;  
   line-height: 1.231;  
   font-family: "Times New Roman", Times, serif;
}

/*══════════════════════════════════ Layout ══════════════════════════════════*/
/* Cell phone frendly
   #page-layout
   ┌──────────────────────┐
   │       #header        │
   └──────────────────────┘
   #body-layout
   ┌──────────────────────┐
   │        #menu         │
   └──────────────────────┘
   ┌──────────────────────┐
   │                      │
   │                      │
   │                      │
   │    #body-middle      │
   │                      │
   │                      │
   │                      │
   │                      │
   └──────────────────────┘
   ┌──────────────────────┐
   │       #footer        │
   └──────────────────────┘ 
*/

#page-layout {  
   margin-top: auto;  
   margin-right: 10px;  
   margin-bottom: auto;  
   margin-left: 10px;  
   width: auto;
}

#header {  
   border: solid;
   text-align: center;  
   vertical-align: middle;
   font-size: 5em;
}

#header-menu {  
   text-align: center;  
}

#body-layout {  
   /*width: 100%;*/
}

#body-middle {  
   width: 100%;
   font-size: 1.75em;
   float: left;
}

#footer {  
   text-align: center;  
   clear: both;
   border: solid;
}

/*════════════════════════════════ Navigation ════════════════════════════════*/
ul.header-nav {
   margin: 0 0 20px 0;
   /*height: 40px;*/
   line-height: 45px;
   font-size: 3em;
   font-family: "Times New Roman", serif;
   /*overflow: hidden;*/
}
ul.header-nav li {
   display: inline;
   list-style-type: none;
   text-transform: uppercase;
   margin: 0 20px 0 0;
}
ul.header-nav li a:link, ul#header-nav li a:visited {
   color: darkblue;
   text-decoration: none;
}
ul.header-nav li a:hover {
   color: firebrick;
}

h1.menuh1 {  
   margin-top: 5px;  
   font-size: 2em;
}

/*═════════════════════════════════ Headings ═════════════════════════════════*/
h1, h2, h3, h4, h5, h6 {  
   font-size: 100%;  
   font-weight: normal;
   font-weight: bold;
}

h1, h2, h3 {  
   margin-top: 8px;  
   margin-right: 0px;  
   margin-bottom: 0px;  
   margin-left: 0px;
}

h1 {  
   font-size: 160.5%;
}

h2 {  
   font-size: 123.1%;
}

h3 {  
   font-size: 108%;
}


/*════════════════════════════════ Text Styles ═══════════════════════════════*/
em {  
   font-style: italic;
}

sup {  
   vertical-align: text-top;
}

sub {  
   vertical-align: text-bottom;
}

/*═══════════════════════════════════ Lists ══════════════════════════════════*/
ul {
   margin-top: 0px;
   margin-bottom: 0px;
}

li {  
   list-style-type: none;  
   list-style-image: none;
}
li.menu {  
   font-size: 2.5em;
   list-style-type: none;  
/*   list-style-position: inside;
   list-style-image: url("../images/Arrow08RT.gif");*/
}
li.menu:before{
   content: "- ";
}
li.thisPage {  
   font-size: 2.5em;
   list-style-type: none;  
   list-style-position: inside;
   list-style-image: url("../images/Arrow08RT.gif");
}

ol li {  
   list-style-type: decimal;  
   list-style-image: none;
}
ol.greek {list-style-type: lower-greek;}

ul li {  
   list-style-type: none;  
   list-style-image: none;
}

dl dd {  
   margin-left: 1em;
}

/*═══════════════════════════════════ Tables ═════════════════════════════════*/
th {
    text-align: left;
}
td {
   font-size: 16px;
}
/*═══════════════════════════════════ Forms ══════════════════════════════════*/

/*═══════════════════════════════════ Links ══════════════════════════════════*/
a:link {  
   text-decoration: none;
   color: blue;
}

a:visited {  
   text-decoration: none;  
   color: blueviolet;
}

a:hover {  
   text-decoration: none;  
   color: firebrick;
}

a:active {  
   text-decoration: none;  
   font-weight: bold;  
}

/*═══════════════════════════════════ Misc ═══════════════════════════════════*/
.clear {
   clear: both;
}
input[type="text"], input[type="password"], textarea {  
   width: 12.25em;
}
   
.logo {
   margin-top: 10px;
   border: 0px solid ;
   width: 75px;
   height: 75px;
}
   
.icon {
   border: none ;
   width: 16px;
   height: 16px;
}

.ptable {
   border:thin ;
   width: 1600px;
   height: 1000px;
}