/*  external CSS file
	filename: NSPD.CSS

	This file contains styles for the webpages for the North Star Product Development website.
	It contains styles for four parts of the webpages:
		(1) header: contains logo (linked to homepage), company name and slogan
		(2) leftLinks: a sequence of links running down the left side of each page: Get Research; Schedule Workshop; Inquire about consulting
		(3) mainContent: main body and text of each webpage (including the solid black bar on the left side)
	    (4) Footer: Copyright and contact link (including the solid black bar on the left side)
	    In addition, there is CSS for the body, which provides default values.
		The header, leftLinks and footer contain the same information on each page.
		The mainContent is different for each page.
*/


/* body */

html, body{margin: 0; padding: 0; border: 0; height: 100%;}
body {background-color: #E5F8FF; margin: 0; padding: 0;}
a:link{color: #E5F8FF;}
a:visited{color: #E5F8FF;}
a:hover{color: yellow;}
a:active{color: red;}

a.paper:link{color: #E5F8FF;}
a.paper:visited{color: #E5F8FF;}
a.paper:hover{color: yellow;}
a.paper:active{color: #FF99FF;}

a.inDoc:link{color: blue;}
a.inDoc:visited{color: #FF00FF;}
a.inDoc:hover{color: red;}
a.inDoc:active{color: purple;}


/* header */
/* Defaults for the header section */
div#header{height: 150px; padding: 0; margin 0; font-family: Arial, sans-serif;
		   background-color: #000000;
		   background-image: url('Backgrounds/Stars05Small.jpg');}	
img.Logo{float: left; height: 150px; width: 175px; border: 0; margin: 0;}
p.companyName{padding: 49px 0 0 200px; font-weight: bold; font-size: 40px; color: #E5F8FF; text-decoration: underline;
			  margin: 0;} /* Centered by brute force: counting pixels to make centered */


/* pageLinks: The left are in a box that floats to the upper right corner, just under the logo */
div.pageLinks {float: left; width: 125px; margin: 40px 0 0 5px; border: 15px ridge #E5F8FF; padding: 0 0 0 5px;
			   font-size: 0.95em; background-color: black;}
div.noticesOnLeft {float: left; width: 125px; margin: 200px 0 0 -145px; border: 0; text-size: 0.85em; text-align: left;}
p.pageLink{margin: 15px 0px 15px 5px; font-family: TimesNR, serif;}
p.noticesOnRight{float: right; width: 250px; margin: 40px 5px 0 10px;  border: 8px double #E5F8FF;
		         padding: 15px; font-family: sans-serif; font-size: 0.8em; text-align: justify;
		          color: white; background-color: black;} 


			 
/*mainContent*/
#mainContent{position: relative; padding: 0 0 0 0; margin: 40px 0 0 200px; height: 100%; width: 60%;
			 font-family: Arial, sans-serif; font-size: 1em;}


p.pageTitle {font-size: 18pt; text-decoration: underline; color: black; margin: 0;}
p.largeTitle{font-size: 18pt; text-decoration: underline; color: black; margin: 2em 0 0 0;}
p.center{text-align: center;}
p.popHeading {margin: 1.75em 0 0 0; text-decoration: underline; font-weight: bold; font-style: normal; font-size: 1em;}
p.copyright {margin-top: 3em; width: 100%; text-align: center; font-size: 0.75em;}
p.hanging{text-indent: -3.2em;}

em.companyName{font-style: italic; font-weight: bold; font-size: 1.1em;}
em.subHeading{font-style: italic; font-weight: bold;}
span.preSpacing{white-space: pre;}
span.pointer {cursor: pointer;}
div.toggle{display: none; margin-left: 50px;}
li{margin: 0 0 1em 10px;}
li.extraSpace{margin-top: 2.5em; margin-bottom: 2.5em;}
li.longP{line-height: 1.25em;}
i{font-style: italic;}
em{font-style: italic; font-weight: bold;}
em.boldonly{font-style: normal; font-weight: bold;}
em.plusUnderline{font-style: italic; font-weight: bold; text-decoration: underline;}



/*NotNeeded*/
div.pageContainer{position: relative; padding-right 0px; margin: 40px 0 0 200px; height: 100%; width: 55%;
    			  border: 15px ridge #E5F8FF; background-color: white;}
div.projectHeader{background-color: #B9D3EE; padding: 3px 0 3px 0; text-align: center;
				  font-family: Arial, sans-serif; font-size: 0.96em; width 100%; border 0; margin 0;}
div.textPage{padding: 0 2em 2em 2em; font-family: Arial, sans-serif; font-size: 0.96em; text-align: justify;
			 width 100%;}
p.companySlogan{padding: 16px 0 0 150px; margin: 0; font-weight: bold; font-size: 18px; color: #e7ebf0; font-style: italic;}