@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
strong{font-weight:bold;}
em, i{font-style:italic;}
/*End Reset*/

body{font-size:62.5%; background:url(/images/layout/bg3.jpg) repeat-x top left #999; font-family:Verdana, Arial, Helvetica, sans-serif;}
a{font-weight:bold; text-decoration:none; color:#326AB7}
a:hover{text-decoration:underline;}
#container{width:945px; margin:auto; margin-top:15px; border:solid 11px #FFF; position:relative;}
#header{height:35px; background:#333;}
#header img.logo{ position:absolute; top:3px; left:13px;}


#cse-search-box{float:right; margin:7px 16px 0 0;}
#cse-search-box input.submit{position:relative; top:4px; background:url(/images/layout/search-button.gif) no-repeat top left; width:20px; height:17px; border:none; }
#cse-search-box input.submit:hover{background-position:bottom left;} 
#header ul.secondary-one{margin-right:5px; height: 35px; width:295px; display:block; text-indent:-9000px}
#header ul.secondary-one li a, #header ul.secondary-two li a{background:url(/images/layout/secondary-nav2.png) no-repeat; height:35px; display:block;}
#header ul.secondary-one li, #header ul.secondary-two li{float:left; display:block; height:35px;}
#header ul.secondary-one li.nav1 a{width:50px; }
#header ul.secondary-one li.nav2 a{width:73px;background-position:-50px 0; }
#header ul.secondary-one li.nav3 a{width:90px; background-position:-123px 0;}
#header ul.secondary-one li.nav4 a{width:80px; background-position:-213px 0;}

#header ul.secondary-one li.nav1 a:hover{width:50px; background-position:0px -35px;}
#header ul.secondary-one li.nav2 a:hover{width:73px;background-position:-50px -35px; }
#header ul.secondary-one li.nav3 a:hover{width:90px; background-position:-123px -35px;}
#header ul.secondary-one li.nav4 a:hover{width:80px; background-position:-213px -35px;}

#header ul.secondary-two{margin-right:28px; height:35px; display:block; text-indent:-9000px; width:145px;}
#header ul.secondary-two li.nav1 a{width:42px; background-position:-303px 0;}
#header ul.secondary-two li.nav2 a{width:54px;background-position:-345px 0; }
#header ul.secondary-two li.nav3 a{width:49px; background-position:-399px 0;}

#header ul.secondary-two li.nav1 a:hover{width:42px; background-position:-303px -35px;}
#header ul.secondary-two li.nav2 a:hover{width:54px;background-position:-345px -35px; }
#header ul.secondary-two li.nav3 a:hover{width:49px; background-position:-399px -35px;}

#header ul.secondary-one, #header ul.secondary-two{float:right;}
#header ul.secondary-one li, #header ul.secondary-two li, #CiRestriction{font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:bold; display:inline}


#CiRestriction{width:131px; border:solid 1px #70879D; color:#767676; margin-top:-7px; background:#FFF;}

#header ul#main-nav{background:url(/images/layout/main-nav3.png) no-repeat top left; width:636px; height:56px; position:absolute; left:281px; top:35px;}
#header ul#main-nav li{height:36px; background:url(/images/layout/main-nav-divide.png) no-repeat 0 6px; margin:20px 0 0 0; /*padding:12px 0 12px 8px;*/ float:left;}
#header ul#main-nav li a{text-transform:uppercase; font-size:12px; font-weight:bold; font-family:Helvita, Arial, sans-serif; text-decoration:none; }
#header ul#main-nav li#nav1{background:none; position:relative; z-index:99}
#header ul#main-nav li#nav2, #header ul#main-nav li#nav3, #header ul#main-nav li#nav4{position:relative; z-index:99}
#header ul#main-nav li a{ color:#3C6081;}


#header ul#main-nav li#nav1 a.nav1a, #header ul#main-nav li#nav2 a.nav2a, #header ul#main-nav li#nav3 a.nav3a, #header ul#main-nav li#nav4 a.nav4a, #header ul#main-nav li#nav5 a.nav5a, #header ul#main-nav li#nav6 a.nav6a, #header ul#main-nav li#nav7 a.nav7a, #header ul#main-nav li#nav8 a.nav8a, #header ul#main-nav li#nav9 a.nav9a{ display:block; height:36px;text-indent:-9000px; cursor:pointer}
#header ul#main-nav li#nav1 a.nav1a{background:url(../images/layout/exhibits2.png) no-repeat top left; width:72px; }
#header ul#main-nav li#nav1.active a.nav1a, #header ul#main-nav li#nav1 a.nav1a:hover{background:url(../images/layout/exhibits2.png) no-repeat bottom left;}
#header ul#main-nav li#nav2 a.nav2a{background:url(../images/layout/science-encounters2.png) no-repeat top left; width:96px;}
#header ul#main-nav li#nav2.active a.nav2a, #header ul#main-nav li#nav2 a.nav2a:hover{background:url(../images/layout/science-encounters2.png) no-repeat bottom left;}
#header ul#main-nav li#nav3 a.nav3a{background:url(../images/layout/IMAX2.png) no-repeat top left; width:47px;}
#header ul#main-nav li#nav3.active a.nav3a, #header ul#main-nav li#nav3 a.nav3a:hover{background:url(../images/layout/IMAX2.png) no-repeat bottom left;}
#header ul#main-nav li#nav4 a.nav4a{background:url(../images/layout/planetarium2.png) no-repeat top left; width:97px;}
#header ul#main-nav li#nav4.active a.nav4a, #header ul#main-nav li#nav4 a.nav4a:hover{background:url(../images/layout/planetarium2.png) no-repeat bottom left;}
#header ul#main-nav li#nav5 a.nav5a{background:url(../images/layout/visit2.png) no-repeat top left; width:46px;}
#header ul#main-nav li#nav5.active a.nav5a, #header ul#main-nav li#nav5 a.nav5a:hover{background:url(../images/layout/visit2.png) no-repeat bottom left;}
#header ul#main-nav li#nav6 a.nav6a{background:url(../images/layout/programs2.png) no-repeat top left; width:77px;}
#header ul#main-nav li#nav6.active a.nav6a, #header ul#main-nav li#nav6 a.nav6a:hover{background:url(../images/layout/programs2.png) no-repeat bottom left;}
#header ul#main-nav li#nav7 a.nav7a{background:url(../images/layout/events-calendar2.png) no-repeat top left; width:73px;}
#header ul#main-nav li#nav7.active a.nav7a, #header ul#main-nav li#nav7 a.nav7a:hover{background:url(../images/layout/events-calendar2.png) no-repeat bottom left;}
#header ul#main-nav li#nav8 a.nav8a{background:url(../images/layout/get-involved2.png) no-repeat top left; width:69px;}
#header ul#main-nav li#nav8.active a.nav8a, #header ul#main-nav li#nav8 a.nav8a:hover{background:url(../images/layout/get-involved2.png) no-repeat bottom left;}
#header ul#main-nav li#nav9 a.nav9a{background:url(../images/layout/about-us2.png) no-repeat top left; width:46px;}
#header ul#main-nav li#nav9.active a.nav9a, #header ul#main-nav li#nav9 a.nav9a:hover{background:url(../images/layout/about-us2.png) no-repeat bottom left;}

#header ul#main-nav li ul{width:182px; background:url(/images/layout/drop-down.png) no-repeat top left; margin-left:-8000px; position:absolute;}
#header ul#main-nav li ul li {background:none; margin:0; padding:0 0 2px 0; float:none; height:auto; }
#header ul#main-nav li ul li a{display:block; padding:2px 0 2px 10px; text-transform:none;}

#header ul#main-nav li#nav2 ul, #header ul#main-nav li#nav7 ul,  #header ul#main-nav li#nav8 ul,  #header ul#main-nav li#nav9 ul{margin-top:0px;} /*for any sub menu with a 2 line parent */
#header ul#main-nav li.active ul{margin-left:0; padding-bottom:10px;}
#header ul#main-nav li#nav8.active ul{margin-left:-54px; /*width:128px; */}
#header ul#main-nav li#nav9.active ul{margin-left:-123px; /* margin-left:-69px; width:128px;*/}

#header ul#main-nav li#nav1 ul li a:hover{color:#FFF; background:#4D3A8A; position:relative;}
#header ul#main-nav li#nav2 ul li a:hover{color:#FFF; background:#1B8BD6;}
#header ul#main-nav li#nav3 ul li a:hover{color:#FFF; background:#F67825;}
#header ul#main-nav li#nav4 ul li a:hover{color:#FFF; background:#207951;}
#header ul#main-nav li#nav5 ul li a:hover, #header ul#main-nav li#nav6 ul li a:hover, #header ul#main-nav li#nav7 ul li a:hover, #header ul#main-nav li#nav8 ul li a:hover, #header ul#main-nav li#nav9 ul li a:hover{color:#FFF; background:#DCA142}

/*Footer*/
#sub-footer{background:url(/images/sub/sub-footer-bg.jpg) no-repeat bottom left; width:534px; height:168px; clear:both; padding-top:50px}
#footer{background:#545454; border-top: solid #3C3C3C 12px; color:#D1D1D1; padding:0 0 30px 15px; clear:both;}
#footer p{font-weight:bold; line-height:2.02; font-size:10px; padding-top:10px;}
#footer ul{color:#D1D1D1; margin-top:5px;}
#footer ul li{display:inline;}
#footer ul li a{color:#D1D1D1; font-weight:bold;}
#footer p.copyright{font-weight:normal;}
#footer p.copyright a.tbg{font-weight:bold; text-decoration:none; color:#F4BE8B; padding-left:10px;}

#content:after, #container:after, #col1:after, #col2:after, #col3:after, #col4:after{ content: ""; display: block; height: 0; clear: both; }
/*floats*/
.fr{float:right;}
.fl{float:left;}
.cb{clear:both;}

