/* ============= BEGIN GENERIC DEFAULT DEFINITIONS ========== */
/* This defines the default attributes used for the defaults for commonly used page content section-contained elements within the NTP-IP Innovations website.

Color palette:

FEELING FRESH
cec9c6 - Off white - Lighter Panel backgrounds - Neutral
a6aeb5 - Grey - Darker Panel Backgrounds - Neutral
c29059 - Gold - Borders and lines - Accent
696a35 - Dark Green - Headings - Primary
33312e - Charcoal - Text
73777f - Dark Grey - Footer - Primary

*/
article {
	background-color: inherit;/*Use container's setttings*/
	height: auto;/*Allow the height to expand with the content.*/
	margin: inherit;/*Use the container's margin.*/
	padding: inherit;/*Use the container's padding.*/
}
section {
	background-color: inherit; /* Use the container's color. In most cases, it's the body.  */
	margin: inherit; /* Use the container's paddiing. In most cases, it's the body. They don't always inherit by default. */
	padding: inherit;
}
section a {
	padding-left: 0.00em;/*Padding left & right spaces link letters*/
	padding-right: 0.00em;
}
/* This selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
section a img {
	border: none;
}
/* Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. Unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification. */
section a:link {
	color: #0060c0; /*Bold blue*/
	font-style:italic;
	text-decoration: none;
}
section a:visited {
	color: #4682b4; /*Steel Blue*/
	text-decoration: none;
}
/* This group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
section a:active, a:focus { 
	text-decoration: none;
}
section a:hover {
	color: #c29059;/*Light brown underline*/
	text-decoration: underline;
}
section h1 {
	padding: 0em 0.5em 0em 0.5em; /*Space between paragraphs & padding from edges*/
	font-family: 'Raleway', sans-serif;
	font-style: normal;
  	font-weight: 700;
	font-size: 3.00em;/*Set same as font-size-xxlarge*/
	line-height: 1.10em;/*Multiple of  font size*/
	text-align: center;
	color: #696a35;/*Dark green*/
}
section h2 {
	padding: 0em .5em 0em .5em; /*Space between paragraphs & padding from edges*/
	font-family: 'Raleway', sans-serif;
	font-style: normal;
  	font-weight: 700;
	font-size: 2.31em; /*Set same as font-size-xlarge*/
	line-height: 1.15em;/*Multiple of  font size*/
	text-align: center;
	color: #696a35;/*Dark green*/
}
section h3 {
	padding: 0em .5em 0em .5em;/*Space between paragraphs & padding from edges*/
	font-family: 'Raleway', sans-serif;
	font-style: italic;
  	font-weight: 600;
	font-size: 1.77em; /*Set same as font-size-large*/
	line-height: 1.15em;/*Multiple of  font size*/
	text-align: center;
	color: #696a35;/*Dark green*/
}
section h4 {
	padding: 0em .5em 0em .5em;/*Space between paragraphs & padding from edges*/
	font-family: 'Raleway', sans-serif;
	font-style: oblique;
  	font-weight: 600;
	font-size: 1.37em;/*Set same as font-size-med*/
	line-height: 1.15em;/*Multiple of  font size*/
	text-align: left;
	color: #696a35;/*Dark green*/
}
section h5 {
	padding: 0em .5em 0em .5em; /*Space between paragraphs & padding from edges*/
	font-family: 'Raleway', sans-serif;
	font-style: oblique;
  	font-weight: 600;
	font-size: 1.05em; /*Set same as font-size-normal*/
	line-height: 1.15em;/*Multiple of  font size*/
	text-align: left;
	color: #696a35;/*Dark green*/
}
section h6 {
	padding: 0em .5em 0em .5em; /*Space between paragraphs & indent from sides*/
	font-family: 'Raleway', sans-serif;
	font-style: oblique;
  	font-weight: 600;
	font-size: 0.81em; /*Set same as font-size-small*/
	line-height: 1.15em;/*Multiple of font size*/
	text-align: left;
	color: #696a35;/*Dark green*/
}
/* These font sizes are for adjusted font size classes that have been redefined for this site. */
.font-size-xxlarge {
	font-size: 3.00em;/*Redefine font-size-xxlarge class to match*/
}
.font-size-xlarge {
	font-size: 2.31em;/*Redefine font-size-xxlarge class to match*/
}
.font-size-large {
	font-size: 1.77em;/*Redefine font-size-xxlarge class to match*/
}
.font-size-med {
	font-size: 1.37em;/*Redefine font-size-xxlarge class to match*/
}
.font-size-normal {
	font-size: 1.05em;/*Redefine font-size-xxlarge class to match*/
}
.font-size-small {
	font-size: 0.81em;/*Redefine font-size-small class to match*/
}
.font-size-xsmall {
	font-size: 0.62em;/*Redefine font-size-xsmall class*/
}
.font-size-super-small {
	font-size: 0.48em;/*Redefine font-size-super-small class*/
}
.font-size-micro {
	font-size: 0.37em;/*Redefine font-size-micro class*/
}
section p {
	margin: 0em 0em 0em 0em; /*No margins*/
	padding: 0em 0.5em 1.58em 0.5em; /*Padding 1 line height after paragraphs, left and right spacing*/
	font-family: 'Merriweather', serif;/*Set default font type*/
	font-weight: 400;/*No bolding*/
	font-style: normal;/*No style type*/
	font-size: 1.05em;/*Easily readable on standard magnification*/
	line-height: 1.58em;/*Multiple of font size*/
	text-align: left;/*Flush text to the left*/
	color: #33312e;/*Charcoal.*/
}
/* Define the bullet format using the font for the bullets and also their heading from the ul eelement. */
section ul {
	margin: 0em 0em 0em 0em;/*Margin none*/
	padding: 0em 0em 0.5em 0em;/*Padding bottom*/
	font-family: 'Merriweather', serif;/*Set default font type*/
	font-weight: 400;/*No bolding*/
	font-style: normal;/*No style type*/
	font-size: 1.05em;/*Set size the same as font-size-normal*/
	line-height: 1.50em;/*Multiple of  font size, more for bullet*/
	text-align: left;/*Flush text to the left*/
	color: #33312e;/*Charcoal.*/
}
/* Set the line items in the list. */
section ul li{
	margin: 0em 0em 0em 3.15em;/*Margin left*/
	padding: 0em 0em 0.5em 0em;/*Padding bottom */
	font-family: 'Merriweather', serif;/*Set default font type*/
	font-weight: 400;/*No bolding*/
	font-style: normal;/*No style type*/
	font-size: 1.0em; /*Multple of ul parent's font size*/
	line-height: 1.50em;/*Multiple of  font size, more for bullet*/
	text-align: left;/*Flush text to the left*/
	color: #33312e;/*Charcoal.*/
}
section ul li a {
	color: #33312e;/*Color for links works in the browser but does not show up in dreamweaver.*/
}
section ul li a:link {
	font-family: 'Merriweather', serif;/*Set default font family again here in the link part of the anchor.*/
	font-style: italic; /*This one works okay in the browser and in  Dreamweaver.*/
	color: #33312e;/* Color setting here does not appear in the browser but shows up in Dreamweaver. USE THE SAME COLOR, AS USED IN THE ANCHOR ABOVE.*/
}
section ul li a:hover { /*Link styling when hovering*/
	text-decoration: underline;
	color: #c29059;/*Light brown underline and text*/

}
/* ============== BEGIN HEADER DEFINITIONS ==================== */
header {
	margin: 0px 0px 0px 0px;/*Margin none*/
	padding: 0px 0px 0px 0px;/*Padding none*/
}
#header-container { /*For the overall NAV element*/
	margin: 0px 0% 0px 0%;/*Margin none*/
	padding: 0px 0% 0px 0%;/*Padding none*/
}
#header-logo-panel {
	margin: 0em 0% 0em 0%;/*Margin none*/
	padding: 0px 0% 0px 0%;/*Padding none*/
	background: #cec9c6c0;/*Off white,translucent*/
}
#header-menu-bar {
	margin: 0px 0% 0px 0%;/*Margin none*/
	padding: 0px 0% 0px 0%;/*Padding none*/
	background-color: transparent;
}
#header-menu-bar menu {
	margin: 0px 0px 0px 0px;/*Margin none*/ 
    padding: 0px 0px 0px 0px;/*Padding none*/
	width: 99.6%;
	font-family: 'Raleway', sans-serif;/*Main list font family*/
	font-weight: 500;/*Bolding slight*/
	font-style: normal;/*No style type*/
	font-size: 1.05em;/*Set size the same as font-size-normal*/
	list-style: none; /*Get rid of bullets and line numbers*/
	float: right; /*Move entire menu list section over to the right*/
	background: #c2905940;/*Light brown,translucent*/
}
#header-menu-bar menu li {
	margin: 0em 0em 0em 0em;/*Margin none*/
	padding: 0.10em 0.40em 0.10em 0.40em;/*Padding all sides*/
	display: inline; /*Make the menu build horizonally*/
	font-family: 'Raleway', sans-serif; /*Element font family*/
	font-size: 1.0em; /*Ratio setting from menu above*/
	font-weight: 500;/*Bolding slight*/
	line-height: 1.0em;/*Multiple of  font size, less for menu*/
	text-decoration: none;/*Erase all list text defaults*/
	cursor: default;/*Link style hover cursor on the  menu items*/
	border-style: solid;
	border-color: #f8f8f8;/*Border line light grey*/
	border-width: 0px 0px 0px 2px;/*Border line left of each item*/
	float: right; /*Move menu items to the right*/	
	color: #33312e;/*Charcoal*/
	background: #ffffffff;/*White,opaque*/
}
#header-menu-bar menu li a {
	color: #33312e;/*Charcoal*/
}
#header-menu-bar menu li a:link {
	font-style: italic; /*Match color*/
	color: #33312e;/*Charcoal*/
}
#header-menu-bar menu li a:hover { /*Link styling when hovering*/
	text-decoration: underline;
	color: #c29059;/*Brown underline*/

}
/* ============== END HEADER DEFINITIONS ==================== */

/* ============== BEGIN FOOTER DEFINITIONS ================== */
footer {
	margin: 0px 0px 20px 0px; /*Margin on bottom*/
	padding: 0em 0px 0em 0px; /* No padding*/
	background-color: #f0f0f0; /*Footer is light grey*/
}
#footer-container {
	margin: 0px 0% 0px 0%;/*Margin none*/
	padding: 0px 0% 0px 0%;/*Padding none*/
}
#footer-triple-panel {
	margin: 0px 0% 0px 0%;/*Margin none*/
	padding: 5px 0% 5px 0%;/*Padding top,bottom*/
	background-color: #73777f;/*Grey backround*/
}
#footer-triple-panel h1 { 
	margin: 0em 0% 0em 0%;/*Margin none*/
	padding: 0.4em 0% 0.4em 0%;/*Padding on top & bottom*/
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.54em;/*Set same as font-size-med*/
	line-height: 1.2em;/*Multiple of the font size*/
	font-weight: 500;
	font-style: oblique;
	color: #000000;
}
#footer-triple-panel h1 a {/*Link anchor positioning*/
	margin: 0em 0% 0em 0%;/*Margin none*/
	padding: 0em 0% 0em 0%;/*No padding*/
}
#footer-triple-panel h1 a:link { /* New Link styling*/
	font-style:italic;
	color: #ffffff;/*White*/
}
#footer-triple-panel h1 a:visited { /*Recent Link styling*/
	color: #e0e0e0;/*Off white*/
	text-decoration: none;
}
#footer-triple-panel h1 a:hover { /*Link styling when hovering*/
	color: #c29059;/*Light brown underline*/
	text-decoration: underline;
}
#footer-single-panel {/*Line at the bottom of the footer*/
	margin: 0px 0% 0px 0%;/*Margin none*/
	padding: 0px 0px 0px 0px;/*Padding none*/
	background-color: #73777f;/*Grey backround*/
}
#footer-single-panel h2 {
	margin: 0em 10% 0em 10%;/*Margin left and right*/
	padding: 0.25em 0px 0.25em 0px;/*Padding top,bottom*/
	text-align: center;/*Center the paragraph in the footer*/
	font-family: Arial, Helvetica, sans-serif; /*Normal website font*/
	font-size: 0.91em;/*Set size to be equal to small class*/
	line-height: 1.1em;/*Set spacing between paragraph's lines*/
	font-weight: 400;
	font-style: normal;
	color: #a6aeb5;/*Light grey*/
}
#footer-credits-panel {
	margin: 0px 0% 0px 0%;/*Margin none*/
	padding: 0px 0% 0px 0%;/*Padding none*/
	background-color: #73777f;/*Grey backround*/
}
/*For website developer credit section the end of the footer. */
#footer-credits-panel h3 {
	margin: 0em 0% 0em 80%;/*Margin left*/
	padding: 0.5em 0.2% 0.25em 0%;/*Padding, bottom, and right*/
	text-align: right;
	font-family: 'Open Sans', sans-serif;
	font-size: 0.54em;/*Set size to super small*/
	line-height: 0.94em;/*Set spacing between paragraph's lines*/
	font-weight: 400;
	font-style: italic;
	color: #00006a;/*Navy blue letters*/
}
#footer-credits-panel h3 a { /*Link anchor positioning*/
	margin: 0px 0px 0px 0px;/*Margin none*/
	padding: 0px 0px 0px 0px;/*Padding none*/
}
#footer-credits-panel h3 a:link { /* New Link styling*/
	font-syle:italic;
	text-decoration: none;
	color: #0060c0; /* Bold blue letters*/
}
#footer-credits-panel h3 a:visited { /*Recent Link styling*/
	text-decoration: none;
	color: #943634; /*Maroon letters*/
}
#footer-credits-panel h3 a:hover { /*Link styling when hovering*/
	text-decoration: none;
	color: #ffa500; /*Orange text*/
}
/* ============== END FOOTER DEFINITIONS ==================== */