﻿
/* Containers 
Content - The content of the box, where text and images appear
Padding - Clears an area around the content. The padding is transparent
Border - A border that goes around the padding and content
Margin - Clears an area outside the border. The margin is transparent 
http://w3schools.com/css/css_boxmodel.asp  */

body	{ background-image: url('http://ngsm.org/2017/images/snefaded2.gif') ; text-align:center;}

/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000080; }

h1 { font-size:32px; }
h2 { font-size:24px; }
h3 { font-size:18px; }
h4 { font-size:14px; }
h5 { font-size:12px; }
p  { font-size:14px; }

/* h6 used for manual date stamping sections of doc*/
h6 { font-size:10px; text-align:right; font-weight:normal; padding-top:20px}


 #wrapper 			
 {	
	font-size: 14px; FONT-FAMILY: 'Arial'; COLOR: #000080;
	border-style: solid;
	border-color: #fff;
	border-width: 5px;
	width: 800px;
	height: 1600px;
	padding : 50px;
	margin: auto;
	background-color: #ffffff;
 }
 

 #top				
 {
	position: relative;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	border : 0;
	margin-top: 0;
	margin-left: auto;
	background-color: #000066;
 }
  
 /*
 #top img 
  { border-style: none; 
	border-top:0; 
	display:block ;
	border-color: inherit;
	border-width: 0;
	padding: 15px;
	margin: auto;
	text-align: center;
 }
 */
 
  #topnav 			{ width:650px;    height:25px; padding-bottom:10px;         border:0; margin:0 auto; 
 					FONT-FAMILY: 'Arial'; font-size: 12px; background-color:#ffcc66;  
 					}
  #topnav ul			{ width:100%;     padding:10px 0px;  border:0; margin:0;      background-color:#ffcc66; }

  #topnav ul li		{ display:inline;	}
  #topnav ul li a		{                 padding:10px 10px; border:0; margin:0; }

  #topnav a:link		{ color:#000066;	}

 
 #rightside 		
 {
	
	position:absolute; clear:both; 
	
	border-style: none;	border-width: 0;
	
	width:          50px;
	margin-left:   750px;
	height:        1050px;
	padding-top:     0px;
	margin-top:    400px;
	margin-bottom:   0px;

	background-color: #fff;
 }
/* 
 style="left: 302px; top: 513px; height: 584px"
*/ 
 #banner 			{border-style: none;
	border-color: inherit;
	border-width: 0;
	width:650px;   padding-top:20px; margin:0 auto; background-color:#fff;
	height: 300px;
					}
 #banner p { text-align:left;}

 

#content 			{
	width: auto;
	height: 1000px;
	margin: auto;
	padding-left: 130px;
	padding-right: 120px;
	padding-top:20px;
	border-top-style: none;
	border-top-color: inherit;
	border-top-width: 0px;
	overflow: auto;
}

 #content p			{ text-align:left; color:#000066; line-height:150%; padding-top:10px; padding-bottom:10px }
 #content div		{ text-align:left; color:#000066; line-height:150%; padding-top:10px;padding-bottom:10px }
 #content h1		{ text-align:center; color:#000066; border:0; padding-top:30px;padding-bottom:10px }
 #content h2		{ text-align:center; color:#000066; border:0; padding-top:30px;padding-bottom:10px }
 #content h3		{ text-align:center; color:#000066; border:0; padding-top:30px; padding-bottom:10px}


/* 

 #content ul li		{ font-size:14px; color:#000066; line-height:150%;  } 
 #content ol li		{ font-size:14px; color:#000066; line-height:150%;  } 
 #content img		{ border-style: none; border-top:0; display:block ;
						border-color: inherit;
						border-width: 0;
						padding: 20px 0px;
						margin: auto;
						text-align: center;
}
  
 #content a:link		{ color:#000066;	}
*/
 
 #footer 			
 {
	position:absolute;
	top:1500px;
	margin-top:30px;
	height: 200px;
	width: 800px;
	background-color: #fff;
	border-top:30px; 
	margin:0 auto;

 }


