/* Document Defaults */


#banner_about {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:white;
line-height:37px;
font-weight:lighter;
background-image:url(/images_css/main/about_bg.gif)
}


#timeline {
Width:731px;
height:503px;
#height:503px;
background-color:#505050;
margin-left:10px;
border:2px #505050 solid;
overflow:hidden;
}

#masthead_left {
height:70px;
width:400px;
float:left;
backgrouund:black;
}

#masthead_right {
height:60px;
width:310px;
float:left;
backgrouund:black;
margin:5px 0px 0px 0px;
#margin:0px 0px 0px 0px;
border-left:1px white solid;
padding:0px 0px 0px 10px;
color:white;
font-family:Verdana, Helvetica, sans-serif;
font-size:9px;
}

#image_banner {
height:50px;
width:731px;
#margin-bottom:-5px;
}

#card_body {
Width:100%;
height:auto;
background-image:url(/About_NASS/Timeline/images/background.jpg);
background-repeat:none;

}

#highlights {
Width:100%;
height:auto;
background-image:url(/About_NASS/Timeline/images/middle_bg.gif);
background-repeat:repeat-x;
}


#card {
width:100%;
height:auto;

}

#green_highlight {
height:27px;
width:100%;
color:white;
font-size:12px;
line-height:28px;
font-family:verdana;
padding-left:10px;
}

#boneyard {
width:100%;
height:75px;
#height:75px;
font-family:verdana;
color:white;
padding:0px 0px 0px 0px;
font-size:12px;
padding-left:10px;

}

#years_bar {
height:15px;
width:100%;
}

#entry_area {
width:590px;
height:223px;
font-family:verdana;
font-size:11px;
margin-top:5px;
border:1px #505050 solid;
background-color:#ffffc2;
overflow:hidden;
}

.entry {
#margin:-1px 0px 0px -4px;
}

#population {
width:100%;
height:20px;
font-family:verdana;
color:white;
font-size:11px;
padding:5px;
margin-top:10px;
#margin-top:5px;
}


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 731px; /*Width of Carousel Viewer itself*/
height:392px; /*Height should enough to fit largest content's height*/

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;

}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px 40px 0px 30px; /*margin around each panel*/
width: 600px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */


}

#gallerya {
overflow: hidden;

}


#gallerya img {
float:left;
}