/*
File       : jwd-nhr.css
Author     : JWDarsow
Created on : Tuesday, April 12, 2016

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
*/

/*
Main JWD-NHR.com Index page. Simple index page for subdomains.
This is the simplest css from which all others should expand from.
*/

/*═══════════════════════════════════ Body ═══════════════════════════════════*/
html {  
	background: url(gradient.svg), url("../images/PrairieWG.jpg");
	background-size:100% 100%;
   height:100%;
}

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 ══════════════════════════════════*/
/*
#page-layout
   ┌────────────────────────────────┐
   │            #header             │
   └────────────────────────────────┘
   #body-layout
   ┌────────────────────────────────┐
   │                                │
   │         #body-middle           │
   │                                │
   └────────────────────────────────┘
   ┌────────────────────────────────┐
   │             #footer            │
   └────────────────────────────────┘
*/


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

#header {  
   width: 100%;
   text-align: center;  
   vertical-align: middle;
   /*border: solid;*/
}

#footer {  
   width: 100%;
   text-align: center;  
   padding-top: 1em;  
   clear: both;
}

/*────────────────────────────────────────────────────────────────────────────*/
#body-layout {  
   width: 100%;
   text-align: center;  
/*   border: solid;
   border-color: greenyellow;*/
}

/*────────────────────────────────────────────────────────────────────────────*/
#body-middle {  
   width: 100%;
   margin: auto;
   text-align: center;  
   font-size: 1.75em;
   /*float: left;*/
   /*border: solid;*/
}
/*────────────────────────────────── Others ──────────────────────────────────*/

/*════════════════════════════════ Navigation ════════════════════════════════*/

/*═════════════════════════════════ Headings ═════════════════════════════════*/
h1 {  
  color: black;
  text-align: center;  
  font-weight: bolder;  
  font-size: 400%;
}

/*════════════════════════════════ Text Styles ═══════════════════════════════*/

em {  
   font-style: italic;
}

sup {  
   vertical-align: text-top;
}

sub {  
   vertical-align: text-bottom;
}

/*═══════════════════════════════════ Lists ══════════════════════════════════*/

/*═══════════════════════════════════ Forms ══════════════════════════════════*/

/*═══════════════════════════════════ Links ══════════════════════════════════*/
a:link {  
  color: blue;  
}

a:visited {  
  color: rgb(153, 153, 153);  
}

a:hover {  
  font-weight: bold;  
  color: white;
}

a:active {  
  font-weight: bold;  
  color: blueviolet;
}

/*═══════════════════════════════════ Misc ═══════════════════════════════════*/
.clear {
   clear: both;
}

.imgsize {  
  width: 128px;  
  height: 128px;  
  padding-top: 20px;  
  padding-right: 20px;  
  padding-bottom: 20px;  
  padding-left: 20px;  
  border-top-style: none;  
  border-right-style: none;  
  border-bottom-style: none;  
  border-left-style: none;
}