/* CSS Document */

/*------------------------NORMALISER---------------------------------------*/
/* Source: http://www.elementalfocus.com/normalizing-your-css/ */
/* Normalize padding and margins */body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
/* Normalize header sizes */h1, h2, h3, h4, h5, h6 { font-size: 100%; }
/* Normalize list styles */ol, ul { list-style: none; }
/* Normalize font style and weight on odd elements *//*address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }*/
/* Normalize table borders */table { border-collapse: collapse; border-spacing: 0; }
/* Normalize other borders */fieldset, img { border: 0; }
/* Normalize text-alignment */caption, th { text-align: left; }
/* Normalize (remove) quotation marks */q:before, q:after { content: ''; }


/*------------------------MAIN / GENERAL STYLES / Navigation / Footer---------------------------------------*/
body{ background-color:#396577; font-family:Helvetica, Arial, Helvetica, sans-serif;}
#wrapper{ width:1000px; height:700px; background-image: url(../images/global/globe2.jpg); background-repeat:no-repeat; margin: auto; }
#nav{ width:1000px; height:40px; background-image:url(../images/global/navbar2.png); background-repeat:no-repeat; }

#nav ul{ float:left; list-style: none; line-height:40px; }
#nav ul li{ float:left;  margin:0px 10px;  }
ul#extend{ margin-left:50px; }
ul#launch{ margin-left:15px; }

.yellow{ color:#e2d951; font-size:13px; font-weight:100; }
.white a{ font-size:12px; color:#FFF; text-decoration: none; }
.current_page a{ color: #5ce331; font-size:12px; text-decoration: none; }
a:Hover {color: #5ce331; }
a { outline: none; }
.clearfloat { clear: both; font size: 1px; line-height: 0; }

#subnav { float: right; margin: 0 35px 0 0;}
#subnav ul li{ float:left; margin:0px 10px; font-size:14px; }

#logo{ float:left; margin: 0 0 0 10px }

#footer{ background-color:#080a1c; width:100%; height:150px; margin-top:50px; }
#footer_icons { width: 980px; margin: auto;  }
#footer_icons li{ float:right; list-style:none; margin:0px; }
#copyright { color: #FFF; font-size: 11px; margin: 75px 0 0 10px; }

#main{ background-image: url(../images/global/background.png); width:909px; height:581px; margin: 10px auto; position: relative; }

/*----------------------- General styles--------------------------------------*/
#main_content{ width:700px; height:500px; position:absolute; top: 50px; left: 150px; color:#545454; line-height:18px; overflow-y: scroll; }
h1{ color:#3e9fca;   margin:50px 20px 20px 0; font-size:24px; line-height: 30px; font-weight:normal; }
h2{ color:#168fc1; font-size:14px; margin-top: 20px;}
p { margin: 5px 20px 5px 0;  font-size:12px; font-weight:normal;}
#main_content a:link{ color:#3e7b26; text-decoration:underline; }
#main_content a:visited{ color:#3e7b26; text-decoration:underline; }
#main_content a:hover{ color:#3e7b26; text-decoration:none; }
#main_content a:active{ color:#3e7b26; text-decoration:underline; }

#launch_slide ul {list-style: disc; margin-left: 35px;}
#extend_slide ul {list-style: disc; margin-left: 35px;}
#launch_slide a { color: white; text-decoration: none; font-weight: bold;}
#launch_slide a:Hover { color: #e2d951; }
#extend_slide a { color: white; text-decoration: none; font-weight: bold;}
#extend_slide a:Hover { color: #e2d951; }

/*-----------------------Home Page--------------------------------------*/
#main_home{ width:909px; height:581px; margin: 10px auto; background-color:#000; position: relative; }
#home_image { width: 897px; height: 569px; background-image: url(../images/home/photo1.jpg); background-repeat: no-repeat; position: absolute; top: 6px; left: 6px; }
#home_overlay { width: 678px; height: 178px; background-image: url(../images/home/overlay.png); background-repeat: no-repeat; position: absolute; top: 371px; left: 219px; } 
#launch_slide { position: absolute; left: 0; top: 0; /*float: left;*/ width: 400px; height: 400px; background-image: url(../images/home/black_gradient.png); }
#extend_slide { position: absolute; right: 0; top: 0; /*float: right;*/ width: 400px;  height: 400px; background-image: url(../images/home/black_gradient.png); }
.slide_title { margin: 30px 20px 0px 20px; color:#e2d951; font-size: 14px; font-weight: normal;}
.slide_copy { margin: 0 20px 0 20px; color: white; font-size: 12px; line-height: 25px; font-weight: normal; }
.slide_list { margin: 0 20px 0 0; color: white; font-size: 12px; line-height: 25px; font-weight: normal;}
#home_image a { color: white; text-decoration: none; font-weight: bold;}
#home_image a:Hover { color: #e2d951; }
#select_launch { cursor: pointer; }
#select_launch:Hover { color: #37a9dd;}
#select_extend:Hover { color: #37a9dd;}
#select_extend { cursor: pointer; }
#home_image ul{list-style: disc; margin-left: 35px; }


/*-----------------------Garriott Mission Page--------------------------------------*/
#main_garriott{ width:909px; height:581px; margin: 10px auto; position: relative;}


/*-----------------------Animations Page--------------------------------------*/
#main_animations{ width:909px; height:581px; margin: 10px auto; position: relative;}


/*-----------------------Museums Page--------------------------------------*/
.museum_images{ border:7px solid #000; float:left; margin:0px 15px 15px 0; }
.museum_icons { border: none; margin: 10px 0 0 0; }
.museum_bullets { float: left; list-style: square; font-size: 12px; margin: 15px 0 0 20px; width: 300px;}
.museum_nobullet { list-style: none;}

/*-----------------------How to Navigate Styles--------------------------------------*/
#main_navigate{ width:909px; height:581px; margin: 10px auto; background-color:#000; position: relative; }
#navigate_image { width: 897px; height: 569px; position: absolute; top: 6px; left: 6px; }
#item { width: 630px; height: 152px; background-image: url(../images/navigate/item.png); background-repeat: no-repeat; position: absolute; top: 10px; left: 10px; }
#item1 { width: 550px; height: 91px; background-image: url(../images/navigate/item1.png); background-repeat: no-repeat; position: absolute; top: 20px; left: 100px; }
#item2 { width: 550px; height: 158px; background-image: url(../images/navigate/item2.png); background-repeat: no-repeat; position: absolute; top: 200px; left: 180px; }
#item3 { width: 550px; height: 78px; background-image: url(../images/navigate/item3.png); background-repeat: no-repeat; position: absolute; top: 245px; left: 220px; }
#item4 { width: 550px; height: 188px; background-image: url(../images/navigate/item4.png); background-repeat: no-repeat; position: absolute; top: 385px; left: 300px; }
#item5 { width: 550px; height: 91px; background-image: url(../images/navigate/item5.png); background-repeat: no-repeat; position: absolute; top: 195px; left: 15px; }
#item6 { width: 550px; height: 162px; background-image: url(../images/navigate/item6.png); background-repeat: no-repeat; position: absolute; top: 320px; left: 15px; }


/*-----------------------About Page--------------------------------------*/
.about_images{ border:7px solid #000; float:left; margin:15px 15px 15px 0; }
.about_ul { font-size: 12px;}


/*-----------------------Go Anywhere / Iss Orbital--------------------------------------*/
#applications_wrapper { background-image:url(../images/global/navbar_part.png); background-repeat:repeat-x; }
#applications_nav{ width: 1050px; margin: auto; }
#applications_nav ul{ float:left; list-style: none; line-height:40px; }
#applications_nav ul li{ float:left;  margin:0px 10px;  }
ul#applications_extend{ margin-left:0px; }
ul#applications_launch{ margin-left: 0px; }
#applications_subnav { float: left;}
#applications_subnav ul li{ float:left; margin:0px 10px; font-size:14px; }
#flash_body{ background-color: #000; }

#flash_application { height: 90%; width: 100%; }


/*-----------------------flash intro Page Styles--------------------------------------*/
#intro_image { width: 897px; height: 569px; position: absolute; top: 6px; left: 6px; }
#intro_image ul{list-style: disc; margin-left: 35px; }
#intro_image a { color: white; text-decoration: none; font-weight: bold;}
#intro_image a:Hover { color: #e2d951; }


/*-----------------------viewer pop-up Styles--------------------------------------*/
#viewer_body { background-color: #000000;  font-family:Helvetica, Arial, Helvetica, sans-serif; color: #545454; }
#viewer_wrapper { width: 600px; border: solid 10px #396577; background-color: #FFF; margin: 15px auto; }
#viewer_content { width: 570px; margin:25px 15px; }
#viewer_content ul li {font-size: 13px;  margin: 10px 20px 10px 15px; list-style: disc;  }
#viewer_content ul a { color: #3e9fca; text-decoration: none;}
#viewer_content ul a:Hover { color: #000; }
#viewer_logo{ float:right; margin: 0; }
.viewer_h1{ color:#3e9fca;   margin:0 0 20px 0; font-size:24px; line-height: 30px; font-weight:normal; }

#viewer_content p { margin:15px 15px; }