/* 
CSS Styles for screen media
Author:	BethesdaDesignWeb.com
Date: September 2007 
Copyright:	2007 Explore-it-all.com, http://www.explore-it-all.com
 */

				/* General  */

* { margin: 0; padding: 0; }

body{
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(images/backstars.jpg);
	background-repeat:repeat-x;
	background-color:#004b8d;
	font-size: 99.5%;
	color: #333;
	line-height: 1.6;	
	margin: 0px;
	padding: 0px;
}




#wrapper {background-color: #fff;border-right: solid 1px #CCD2D2;border-left: solid 1px #CCD2D2;width: 989px;margin: 0 auto;padding:0;height: 100%;}
#header {
height: 155px;
width:989px;
padding:0;
margin:0;
background:#000 url('images/header33.jpg') no-repeat;
}	
				/* hyperlink and anchor tag styles */

a:link, a:visited{
	color: #666666;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
	color: #993333;
}
p a {border: none;}
						/* header tag styles */

h1{
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 170%;
	color: #7C808C;
	margin: 0;
	padding: 0;
	font-weight: 500;
	letter-spacing: 0.03em;
}

h2{
 	font-family: Arial, Verdana, sans-serif;
	font-size: 120%;
	font-weight: 500;
	color: #00004d;
	margin-top: 10px;
	padding: 0 3px 0 3px;
	font-weight: 600;
}

h3{
 font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 120%;
	color: #000066;
	font-style: italic;
	margin: 0;
	padding: 0 3px 0 3px;
	font-weight: 500;
	line-height: 1.5;
}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}


					/* list tag styles */

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

				/* form and related tag styles */

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}

/* Layout Divs */

#pagecell1{
	position:absolute;
	top: 212px;
	left: 2%;
	right: 2%;
	width:98%;
	background-color: #ffffff;
	height: 500px;
}


#masthead{
	position: absolute;
	top: 0px;
	left: 2%;
	right: 2%;
	width:95.6%;
	
}

#pageNav{
	float: right;
	width:178px;
	padding: 0px;
	background-color: #F5f7f7;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: small;
}
				/*Content Divs*/
#content{
	padding: 0px 10px 0px 0px;
	margin:0px 178px 0px 0px;
}
#contentinside {
	padding: 0px 10px 0px 0px;
	margin:0px 238px 0px 0px;
}

				/*Upper Divs*/


.header {
height: 155px;
width:100%;
padding-top:0;
background:#007EBB url('images/spaceheader3.jpg') no-repeat;
}
				/*Header Divs*/	
.logo {
width:500px;
padding:70px 0 0 0;
margin: 0 0 0 230px;
font: bold 1.6em georgia, sans-serif;
letter-spacing: 5px;
color:#DCE4F6;	
}
				/*Top Navbar*/	
#topnav {
position:relative;
display:block;
height:39px;
margin:0 0 10px 0;
background:transparent url('images/bgOFF.gif') repeat-x top left;
font: bold .9em  Arial, Helvetica, sans-serif;
}
#topnav  ul {
margin:0;
padding:0;
list-style-type:none;
width:auto;
}
#topnav  ul li {
display:block;
float:left;
margin:0;
}
#topnav  ul li a {letter-spacing: 2px;
display:block;
float:left;
padding:11px 20px 0 20px;
height:23px;
text-decoration:none;
color:#666;
background: url('images/bgDIVIDER.gif') no-repeat top right;
}
#topnav  ul li a:hover,#topnav ul li a.current {
color:#993333;
background:#fff url('images/bgON.gif') no-repeat top left;
}


		/* Articles */
.intro {
float:left;
width: 47%;
margin: 3px 0 5px 0;
padding: 3px;
text-align:left;
}
.intro2 {
float: left;
width: 30%;
margin: 3px 0 5px 25px;
padding: 5px;
}
.intro3 {
float:right;
width: 47%;
margin: 3px 0 5px 0;
padding: 3px;}


			/* One hit wonder divs  */

#siteName{
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
}

					/* utility styles */

#utility{
	float: right;
margin: 10px 20px 0 0;
color: #919999;
font: 75% Verdana, Arial, Helvetica, sans-serif;
}
#utility1{
float: right;
margin: 10px 20px 0 0;
color: #919999;
font: 75% Verdana, Arial, Helvetica, sans-serif;
}

#utility a{
	color: #ffffff;
}

#utility a:hover{
	text-decoration: underline;
}
#utility1 a{
	color: #ffffff;
} 

#utility1 a:hover{
	text-decoration: underline;
}
							/* pageName styles */

#pageName{
	padding: 0px 0px 14px 0px;
	margin: 0px 0px 0px 10px;
	border-bottom:1px solid #ccd2d2;
}

#pageName img{
	position: absolute;
	top: 38px;
	right: 167px;
	padding: 0px;
	margin: 0px;
	height: 68px;
	width: 155px;
}

.pagenameHeader {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 160%;
	font-weight: 450;
	color: #7C808C;
	margin-top: 10px;
}

.skipLinks {display: none;}


				/* search styles */

#search{
float:right;
margin: 0 30px 0 0;
}

#search input{
  font-size: 70%;
  margin: 0px  0px 0px 10px;
 }
 
#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
}

#search a:hover{
	margin: 0px;
}


				/* breadCrumb styles*/

#breadCrumb{
	padding: 5px 0px 5px 10px;
	font: small Verdana,sans-serif;
	color: #aaa;
}

#breadCrumb a{
	color: #aaa;
}

#breadCrumb a:hover{
	color: #005FA9;
	text-decoration: underline;
}


					/* feature styles */

.feature{
	padding: 0px 40px 5px 50px;
	font-size: 90%;
	min-height: 200px;
	height: 200px;
}
html>body .feature {height: auto;}

.feature a:link, .feature a:visited {text-decoration: underline;}
.feature img{
	float: left;
	padding: 5px 10px 0px 0px;
}
.feature ul li {
list-style-type:disc;
list-style-position:inside;
padding: 10px 0 0 0;}

.feature1 ul li {
list-style-type:disc;
list-style-position:inside;
padding: 10px 0 0 150px;
line-height: 2;}

							/* table styles */	
table {margin: 0; padding: 0;
border-top: thin dashed #000033;
border-left: thin dashed #000033;}
td {font-size: 80%;
color: #000033;
padding: 5px;
border-right: thin dashed #000033;
border-bottom: thin dashed #000033;}
							/* story styles */
.story {
	padding: 0px 0px 0px 10px;
	font-size: 80%;
}
.story p {
	padding: 0px 0px 1px 0px;
	}
	
.story ul li {
	list-style-type:disc;
	padding: 0 0 0 30px;
	list-style-position: inside;
}


.story ul {
	list-style-type:disc;
	padding: 0 0 0 10px;
}
.story ol li {
	list-style-type:none;
	padding: 0 0 0 10px;
}
.story h2 {font-family: Arial, Verdana, sans-serif;
	font-size: 120%;
	font-weight: 500;
	color: #00004d;
	margin-top: 10px;
	padding: 0 3px 0 3px;
	font-weight: 600;
}
.story1 ol li {
list-style-type:none;
padding: 10px 0 0 150px;
line-height: 2;}


.story img {
	padding: 5px 10px 5px 0px;
	border: none;
}

.story a.capsule{
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}
.story a:link, .story a:visited {text-decoration: underline;}

						/* wideStory styles */
#wideStory {
border-top: 1px solid #cccccc;
width: 75%;
height: 655px;}
						/* siteInfo styles */

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: small;
	color: #888888;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	line-height: 1.4;
	height: 50px;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}


				/* sectionLinks styles */

#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
font-size: small;
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image: url(bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #666666;
}

#sectionLinks a:hover{
	background-color: #d6dde7;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	border-right:5px solid #002e58;
}
#sectionLinks a.notice {
	color: #000066;
	background-color: #ffffcc;
}
#sectionLinks a.noticered {
	color: #993333;
}

					/* relatedLinks styles */

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.6;
	font-size: small;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
	font-weight: 600;
	font-style: normal;
	font-size: 100%;
}

.relatedLinks a{
	display: block; 
}

						/*Misc styles*/

.drop {padding: 0; margin-bottom: -12px; margin-right: -6px;}


.display {font-size: 120%;
line-height: 2;
font-weight: 700;
color: #464D5F;
}
.navy {color: #000033;
font-weight: 600;}
.largetext {font-size: 150%;
padding: 20px 0 0px 0;}
.redlink {color: #993333;}
.tinygrey {color: #bbbbbb; font-size: small;}
.redbold {color: #990000;}			
#topnav ul li a.donate {color: #F90;}
						
/*--------------------------End Styles-------------------------*/