/* CSS */

html{
	height: 100%;
}

body{
	margin: 0;
	padding: 0;
	color: #646464;
	background-color: #e9e9e7;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #6c6c6c;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 18px;
	font-size: 12px;
}

/* Layout */

#container{
	width: 808px;
	margin: 0 auto 0 auto;
	background-color: #f8f8f8;
}

#header {
	position: relative;
	height: 137px;
	border-bottom: 10px solid #3a7dd5;
	background: transparent url(/images/bg-gradient-top.jpg) repeat-x top left;
}

#home #header {
	border-bottom: none;
}

#header #menu {
  	position: absolute;
  	bottom: -7px;
  	right: 5px;
}

#header #brand {
  	position: absolute;
  	bottom: 9px;
  	left: 15px;
}

#header #brand a {
  	display: block;
  	width: 197px;
  	height: 54px;
  	background: transparent url(/images/logo.gif) no-repeat top left;
}

#content {
  	padding: 0 14px 57px 14px;
  	background: transparent url(/images/bg-gradient-bottom.jpg) repeat-x bottom left;
}

#content #title {
  border-bottom: 1px solid #eaf1f4;
  padding: 14px 0 0 0;
}

#content #title h1 span {
  background-color: #ffffff;
  padding: 5px;
  display: inline;
}

#content #secondary-content {
  	float: left;
  	width: 260px;
  	padding: 14px 0 0 0;
}


#banner {
  height: 87px;
  margin: 0 0 14px 0;
  background: transparent url(/images/bg-banner-about-us.jpg) no-repeat top left;
}

#content #primary-content {
  	float: left;
  	width: 472px;
  	padding: 0 20px 0 28px;
}

#newsletter-signup{
	padding: 4px 16px 10px 16px;
	background-color: #eeeeed;
	color: #4e4e4e;
}

/* Banner Images */

#about-us #banner {
  background: transparent url(/images/bg-banner-about-us.jpg) no-repeat top left;
}

#resources #banner {
  background: transparent url(/images/bg-banner-resources.jpg) no-repeat top left;
}

#coalition-partners #banner {
  background: transparent url(/images/bg-banner-coalition-partners.jpg) no-repeat top left;
}

#press #banner {
  background: transparent url(/images/bg-banner-press.jpg) no-repeat top left;
}

#faq #banner {
  background: transparent url(/images/bg-banner-faq.jpg) no-repeat top left;
}

/* Homepage */

#home #banner {
  height: 322px;
	background: transparent url(/images/bg-banner.jpg) no-repeat top left;
	margin: 0;
}

#home #content #primary-content {
  	float: left;
  	width: 506px;
  	padding: 0 0 0 14px;
}

#homepage-introduction {
	background-color: #3983b9;
	border: 7px solid #4892c7;
	padding: 0 20px 0 20px;
	margin: 14px 0 14px 0;
	color: #ffffff;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
}

#homepage-introduction h1 {
  color: #003893;
	font-size: 18px;
	line-height: 30px;
	font-style: italic;
}

#homepage-survey {
	background-color: #fff;
	padding: 11px;
	text-align: left;
	border-top: 1px dashed #b2b2b2;
	border-bottom: 1px dashed #b2b2b2;
}

#homepage-survey h2 {
  color: #666666;
  margin-bottom: 0;
}
#homepage-survey h3 {
  text-align: left;
}

.homepage-teaser{
	border: 2px solid #e4e4e4;
	padding: 0 14px 0 14px;
	margin: 0 0 14px 0;
	color: #8a8a8a;
}

.homepage-teaser h2 {
  margin-bottom: 0;
}

/* Classes */

.small-verdana{
	font-family: Verdana;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: 0;
	line-height: 15px;
	font-size: 10px;
}

.clear-float:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clear-float {
	display: inline-block;
}
.clear-float {
	display: block;
}
* html .clear-float {
	height: 1px;
}

/* Headings */

h1 {
	color: #676767;
	font-size: 18px; 
  line-height: 18px; 
  margin-bottom: 18px;
	font-weight: normal;
}

h2 {
	color: #3a7dd5;
	font-size: 16px; 
  line-height: 18px; 
  margin-bottom: 18px;
	font-weight: normal;
}

h3 {
	color: #676767;
	font-size: 14px; 
  line-height: 18px;
  margin-bottom: 18px; 
	font-weight: normal;
}

h3 a {
  font-size: 12px;
}

/* Paragraphs */

p{
  margin-bottom: 18px;
}

#content #secondary-content p {
  margin-bottom: 12px;
}

/* Quotes */

blockquote {
	background: transparent url(/images/open_quote.gif) no-repeat 0 2px;
	color: #3b6275;
	border-top: 1px solid #d4e2e9;
	border-bottom: 1px solid #d4e2e9;
	margin: 0 0 2em;
	font-size: 1.07em;
	font-style:normal;
	font-weight: normal;
	line-height:1.3em;
	padding-right: 20px;
	padding-left: 20px;
}

blockquote cite {
  	font-style: italic;
  	font-size: .96em;
  	letter-spacing:.06em;
}

blockquote > p:first-child {
  	color: #3b6275;
  	text-indent: 22px;
  	margin-bottom: 0.7em;
}

.lastword {
  	padding: 0 22px 0 0;
  	background: transparent url(close_quote.gif) no-repeat right top;
  	color: #3b6275;
}

/* Images */

img {
  border: 0;
  margin: 0;
  padding: 0;
}

/* Lists */

ul {
	margin-bottom: 18px;
}

#menu ul,
#menu li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu li {
  	float: left;
}

#menu li a {
  	display: block;
  	padding: 36px 14px 20px 14px;
  	color: #808080;
  	font-size: 14px;
}

#menu li a:hover {
  	color: #6689cc;
}

#menu li.active{
	color: #5c6300;
	background: #ffffff;
	filter:alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
  -khtml-opacity:.60;
}
#menu li.active a {
  color: #404040;
}
#menu li.active a:hover {
  	color: #6689cc;
}
/* Links */

a {
	color: #6689cc;
	text-decoration: none;
}

#content a {
	border-bottom: 1px dotted #6689cc;
}

#content a:hover {
	border-bottom: 1px solid #6689cc;
}

/* Forms */

form{
	margin: 0;
	padding: 0;
}

input,
textarea,
select{
	margin: 0;
	font-size: inherit;
	font-family: inherit;
	color: #838383;
	background-color: #FFFFFF;
	border: 1px solid #a7a7a7;
	vertical-align: middle;
	font-family: Verdana;
	text-decoration: none;
	word-spacing: normal;
	text-align: left;
	letter-spacing: 0;
	line-height: 15px;
	font-size: 10px;
}

#secondary-content input#submit {
	border: 0;
	width: 26px;
	height: 19px;
	margin-left: 6px;
}

#secondary-content input {
	width: 167px;
	margin-bottom: 6px;
}

#sideQuote {
  background: #eff4f6;
  padding: 12px 16px 16px 16px;
  border: 4px solid #d4e2e9;
  color: #487082;
  font-size: 15px;
  margin-bottom: 15px;
  margin-top: 15px;
}
#sideQuote p {
  margin: 0;
  line-height: 20px;
}
#sideQuote p img.open_quote {
  margin-right: 5px;
}
#sideQuote p img.close_quote {
  margin-left: 5px;
}

#ninth {
  	border:1px blue solid;
}


/* Definitions */

dl{
}

dt{
	line-height: 1.8em;
}

dd{
	line-height: 1.8em;
	margin-bottom: 0.8em;
}

label {
  display: block;
}

#ngc-teaser{
	border: 2px solid #e4e4e4;
	padding: 0 14px 0 14px;
	margin: 0 0 14px 0;
	color: #8a8a8a;
}

#ngc-teaser a {
    color:#ff9933; 
	border-bottom:1px dotted #ff9933;
	}

	
#ngc-teaser a:hover{
    border-bottom:1px solid #ff9933;}

#ngc-teaser img {
    margin-top:20px; border:none; 
}

#ngc-teaser a.noborder {
    border:none;
}

div#secondary-content a.noborder {
    border:none;
}