/* 
Common NSC layers 
	This CSS File contains all the LOOK AND FEEL Class and ID selectors
		that define the NSC Pages 
	A selector starting with "#" is used no more than 
		ONCE PER PAGE with an ID tag (e.g. <div id="supercontainer">)
	A selector starting with a "." is called 
		AS OFTEN AS NEEEED with an CLASS tag (e.g. <div class="nav">)
		
	Changing any value below will affect THE ENTIRE SITE
*/

#supercontainer { /* overall layer used to center the container layer */
text-align:center;
width:100%; 
height:100%;
margin:0;
padding:0;
border:none;
}

#container { /*overall layer containing all othrers*/
width:660px;
margin:0 auto;
padding:0;
border:none;
}

#container_alignment {
text-align:center;
}

#topbox { /* top band containing the logo, the quick links and the airview wave*/ 
width:660px; 
height:97px;
margin:0 0 0 1px;
padding:0;
border:none;
}

#logo {
float:left; 
width:141px; 
height:97px;
margin:0;
padding:0;
border:none;
background:url(/img/logo.gif) no-repeat bottom left #fff;
color:#000;
display:inline; /* a hack to fix IE float... ignored by real browsers */
}

#quick_and_airview { /* container for the vertical quick link and airview layers */
float:right;
width:519px;
height:94px;
margin:3px 0 0 0;
padding:0;
border:none;
display:inline; /* a hack to fix IE float... ignored by real browsers */
}

#quick { /* quick link container */
display:block;
float:left;
width:519px;
height:45px;
text-align:right;
margin:0;
padding:0;
border:none;
overflow:hidden;
}

#quick_button {
display:inline; 
float:right; 
margin-top:9px;
}

#quick_menu {
display:inline; 
float:right; 
height:20px; 
padding-top:5px; 
margin-top:7px;
}

#airview { /* wavy air view container - image as background */
display:block;
float:left;
width:519px; 
height:49px;
margin:0;
padding:0;
border:none;
background:url(/img/topbanner.jpg) no-repeat bottom left;
}

#topblue { /* container for the top blue band: date, countdouwn text and search button */
float:left;
width:660px;  
margin:0;
padding:0;
border:none; 
background-color:#339;
color:#fff;
display:inline; /* a hack to fix IE float... ignored by real browsers */
}

#date_contdown {/* container for the date and countdown text layers*/
float:left;
width:520px;
margin:0;
padding:0;
border:none;
display:inline; /* a hack to fix IE float... ignored by real browsers */
}

#date {
float:left;
text-align:center;
margin:4px 0 0 0;
padding:0;
border:none;
width:93px;   
font-size:.9em; 
display:inline; /* a hack to fix IE float... ignored by real browsers */
}

#countdown { /* event count douwn container - wave as background image */
float:left;
width:427px; 
font-weight:bold;
text-align:center;
margin:3px 0;
padding:0;
border:none;
background:url(/img/bg_wave.gif) no-repeat top right;
color:white; 
background-color:#339;
display:inline; /* a hack to fix IE float... ignored by real browsers */
}

#search {
float:right;
width:139px;
text-align:right;
margin:0;
padding:3px 0 0 0;
border:none;
background-color:#339;
color:#fff;
display:inline; /* a hack to fix IE float... ignored by real browsers */
}

#main { /* the overall layer containing the threecolumns layer */
display:block;
float:left;
width:660px;
margin:0;
padding:0;
border:none;
}

#threecolumns { /* container for the left nav bar, the text and the right band (if used) */
float:left;
width:660px;
border:0px;
margin:0;
padding:0;
border:none;
background-color:#339;
color:#fff;
display:inline; /* a hack to fix IE float... ignored by real browsers */
}

#bottomblue { /* container for the bottom blue band containing the comments to and the copyright*/
float:left;
width:660px; 
height:22px;
border:0px;
margin:0;
padding:0;
border:none;
background-color:#339;
color:#fff;
display:inline; /* a hack to fix IE float... ignored by real browsers */
}

#bottomblueleft { /* the comments to container */
float:left;  
width:250px; 
text-align:left;
margin:0;
padding:4px 3px 2px 3px;
border:none;
background-color:#339;
color:#fff;
display:inline; /* a hack to fix IE float... ignored by real browsers */
}

#bottomblueright { /* the copyright container */
float:right;  
width:250px;  
text-align:right;  
margin:0;
padding:4px 3px 2px 3px;
border:none;
background-color:#339;
color:#fff;
display:inline; /* a hack to fix IE float... ignored by real browsers */
}

#bottomnav { /* container for the bottom nav bar, the breadcrumps and the validation link */
float:left;
width:660px; 
text-align:center;
background-color:#fff;
color:#339; 
margin:0;
padding:0;
border:none;
display:inline; /* a hack to fix IE float... ignored by real browsers */
}

#validated {
text-align:center;
margin:0;
padding:.5em;
border:0; 
height:40px;
}

@media print {

#topbox {
display:none;
}

#logo {
display:none;
}

#quick_and_airview {
display:none; 
}

#quick {
display:none;
}

#airview {
display:none;
}

#search {
display:none;
}

#bottomblue {
display:none;
}

#bottomblueleft {
display:none;
}

#bottomblueright {
display:none;
}

#bottomnav {
display:none;
}

#validated {
display:none;
}

}