html {
	height: 101%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0; padding: 0;
	background-color: #001c3b;
	background-image: url(../images/bg-body.gif);
	background-repeat: repeat-x;
	color: #c2ccd4;
}


body#index {
	background-image: url(../images/bg-index.jpg);
}

/* the above makes sure that the index page has a difference background than all the other pages */


table, td, tr, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

a img { border: none; }

#container { 
	margin: 0 auto 0 auto; padding: 0; 
}



/* Layout
========================================================== */

#content {
	background-repeat: no-repeat;
}

#content p {
	margin-top: 10px;
}

#submenu {
	background-repeat: no-repeat; 
}

#mainMenu-home {
	margin-top: 40px;
	margin-left: 46px;
}



/* Typography
========================================================== */


#header h1 {
	font-family: "Arial Narrow",Arial,Helvetica,sans-serif;
	font-size:33px;
	font-weight: normal;
	margin-left: 25px;
	margin-top: 30px; 
}

#header h2 {
	font-family: "Arial Narrow",Arial,Helvetica,sans-serif;
	font-size:23px;
	font-weight: normal;
	margin-left: 25px;
	margin-top: 30px; 
}

.sub-quote {
	color:#F28E1F;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:10px;
	font-style:italic;
	display: block;
	line-height:15px;
	margin-left: 30px;
	margin-right: 10px;
	margin-top: 20px; 
	 
}

.sub-quote-source {
	float:right;
	font-size:10px;
	text-align:right;
	margin-right: 10px; 

}

.quote-right {
	color:#F28E1F;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:10px;
	font-style:italic;
	display: block;
	line-height:15px;
	margin-left: 35px;
	margin-right: 25px;
	margin-top: 20px; 	 
}

.quote-right2 {
	color:#F28E1F;
	font-family:Verdana,Helvetica,sans-serif;
	font-size:10px;
	font-style:italic;
	display: block;
	line-height:15px;
	margin-left: 15px;
	margin-right: 25px;
	margin-top: 10px; 	 
}

.quote-right-source {
	float:right;
	font-size:10px;
	text-align:right;
	margin-right: 25px; 
}

.narrow-bullets {
	color:#c2ccd4;
	font-size: 12px;
	font-family: Arial,Helvetica,sans-serif;
	line-height:15px;
	display: block;
	margin-left: 20px;
	margin-right: 0px;
	margin-top: 0px; 	 
}

.challenges {
	font-size: 12px;
	margin: 0;
	margin-right: 10px;
	line-height: 16px; 
}

.reg {
	color:#FFFFFF;
	font-family:Verdana,Helvetica,sans-serif;
	font-size: 6px;
	vertical-align: super;
}

/* ---[ these control paragraphs and text in the main text area ] --- */

p.narrow {
	width: 300px;
	margin-left: 25px;
	font-size: 12px;
	line-height: 15px; 
}

p.narrow {
	width: 300px;
	margin-left: 25px;
	font-size: 12px;
	line-height: 15px; 
}

p.narrow a {
	color: #9DCBE8;
	text-decoration: none;
}

p.wide {
	width: 500px;
	margin-left: 25px;
	font-size: 12px;
	line-height: 15px;
}

p.wide2 {
	width: 516px;
	margin-left: 25px;
	font-size: 12px;
	line-height: 15px;
}

#content p.title {
	margin-left: 25px; 
	margin-top: 15px;
	padding: 0;
	font-size: 12px;
	width: 490px;
	line-height: 15px;
	color: #c2ccd4;
}

#content p.less-top {
	margin-top: 10px; 
	font-size: 12px;
	margin-left: 25px;
	width: 490px;
	line-height: 15px; 
}

.subhead21px {
	font-size:21px;
	line-height:15px;
	margin-left:25px;
	margin-top:20px;
}

.bulletpoints {
	font-size:12px;
	line-height:15px;
	margin-left:25px;
	width:300px;
}

/* ---[ these control the links that appear in the main content area -> some are orange and some are light blue ] --- */

p.link-outside {
	margin-left: 25px;
	font-size: 11px; 
}

p.link-outside a {
	color: #e28721;
	text-decoration: none;
}

p.link-outside-blue {
	color:#F28E1F;
	margin-left: 25px;
	font-size: 11px; 
}
p.link-outside-blue a {
	text-decoration: none;
	font-size: 11px; 
	color: #9DCBE8;
}



/* ---[ this controls the back/next buttons in the WDYWTDB Challenges pages ] --- */

.buttons {
	color: #e28721;
	font-size: 11px;
	float: right;
	margin-top: 15px;
	margin-right: 20px;  
}

.buttons2 {
	color: #e28721;
	font-size: 11px;
	float: right;
	margin-top: 5px;
	margin-right: 20px;  
}

.buttons3 {
	color: #e28721;
	font-size: 11px;
	float: right;
	margin-top: 5px;
	margin-right: 0px;  
}

.buttons a {
	color: #fff;
	text-decoration: none;
}

.buttons a:hover {
	color: #666666;
	text-decoration: none;
}

.buttons3 a {
	color: #fff;
	text-decoration: none;
}

.buttons3 a:hover {
	color: #666666;
	text-decoration: none;
}

/* ---[ this controls the text in the News pages ] --- */

table.news-items {
	width: 320px;
	margin-top: 20px;
	margin-left: 25px;
}

table.news-items2 {
	width: 510px;
	margin-top: 10px;
	margin-left: 25px;
}

table.mainmenu {
	width: 481px;
	margin-left: 20px;
}

table .date { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	vertical-align: top;
	width: 50px;
}

table .title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9dcbe8;
	padding-bottom:5px;
	vertical-align:top;
}

table .title a {
	color: #9dcbe8;
	text-decoration: none;
}

table .title a:hover {
	color: #9dcbe8;
	text-decoration: underline;
}

table .back-next {
	padding-bottom:0px;
	vertical-align:bottom;
}

p.news-link {
    font-size: 11px;
	width: 120px;
	text-align: right;
	float: right;
	margin-left: 25px;
	margin-right: 20px; 
}

p.news-link a {
	color: #e28721;
	font-size: 11px;
	text-decoration: none;
}

p.news-link-year {
	text-align: center;
	width: 250px;
	font-size: 11px;
	margin-left: 65px;
	float: left; 
}


p.news-link-year a {
	color: #c2ccd4;
	text-decoration: none;
}


/* Privacy, Terms of Use, Trademarks
========================================================== */

#privacy {
	font-size: 11px;
	line-height: 15px;
	background-repeat: no-repeat;
}

#privacy p {
	margin-left: 25px;
	margin-right: 30px;
	margin-top: 15px;
}

#privacy a {
	color: #9DCBE8;
	text-decoration: none;
}

#privacy a:hover {
	color: #9DCBE8;
	text-decoration: underline;
}

#privacy ul li {
	margin-left: 35px;
	padding-left: 15px;
}




/* Footer
========================================================== */


.footText {
	color: #91bbd6;
	font-size: 10px;
	text-align: center;
}

.footText a {
	color: #91bbd6;
	text-decoration: underline;
}