/* ---------------------------------------------------------
   HTML5 Bones
   This stylesheet contains print styling and a section for 
   you to simply add your own. This is a basic template 
   after all.
   ---------------------------------------------------------*/
   body {
    font-size: 16px;
    font-family: arial;
   }
   * {
    -moz-box-sizing: border-box;
}
   #wrapper {   	
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
}
    header {
    background-position: 49% 50%;
    display: block;
    height: 40px;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
    padding: 1px;
       }
    header img {display:block;margin: 0 auto;}
    header h1 {font-family: nueva std, arial;color:#344e6f;}
    header h2 {font-family: nueva std, arial;color:#576b8c;}
    h3 {color: #fff;}
    nav {    
    display: block;
    height: auto;
    margin: 0 auto;
    width: 100%;
    position: relative;
    padding: 1px;  
    border-top: 1px solid #ccc; 
     }

    nav ul {list-style-type: none;margin: 0;padding: 0;}
    nav ul li a {display: block;padding: 13px 0;border-bottom: 1px solid #CCCCCC;text-decoration: none;}
    nav ul li a:link {color: #000;}
    nav ul li a:visited {color: #000;}
    nav ul li {display: inline-block; float: left;text-align: center;width: 100%;}
    
 
    input[type=search] { 
  color: black;  
  text-align: right;
  cursor: pointer;
  display: block; 
  width: 15%; 
  letter-spacing: 2px;        
  word-spacing: 20px;   
  margin:0 63em;            
}
.upnav {
	text-transform: uppercase;
	font-size: 0.813em;	
  margin:0;
}   
#main {display:block;
position:relative;
height:auto;
max-width:100%;
margin: 169px auto;
}
#content {display:block;
position:relative;
height:auto;
max-width:100%;
margin: 0 auto;
}
.picture {
margin: 0 auto;
display:block;
position:relative;
height:auto;
max-width:100%;}

.h600 {position: relative;display: block;max-width: 100%;}
#search {
  display:block;
position:relative;
height:auto;
max-width:100%;
margin:222px auto;
}
.first {
  padding: 0 5px;
}
#bar {display:block;
position:relative;
height:42px;
max-width:100%;
background: #c6cddf;
margin: -158px auto;}

#objectives #bar {margin: 0 auto;}
#objectives .rule {margin: 6px auto;}
#objectives .logos {margin:10px 6px;}

.navigate {height: auto;width: 100%;}
.navigate td {width: 50%;padding: 5px 5px;}
.next {display: inline-block;position: relative;width:35px;margin: -17px 0;float: right;}
.logos {position: relative;display: block;  margin: 174px 41px;width: 247px;}
.logos td {padding: 1px;}

.top_bar {display: block;position: relative;height:32.25px;background: #f9a64a;max-width: 100% ;margin: 171px auto;}  
.top_bar h3 {padding: 4px 0 2px 5px; color: #fff;}
.info p {padding: 0 0 0 2px;}

#contents_id #bar {margin: 0 auto;}
#contents_id .logos {display: block;position: relative;max-width: 980px; margin: 1px auto;}
.bold {font-weight: bold;}
.no_bullet {list-style-type: none;line-height: 2em;}

.back {display: inline-block;position: relative;width:35px;margin: 0 0;}
.fed09ebox {position: relative;display: block;height: 560px;max-width:85%;background: #fed09e;margin: 16px auto;}
.fed09ebox p {padding: 4px 5px;}
.down_b0bad2 {display: block;position: relative;width: 150px;background: #b0bad2;margin: 0 16px;height:3em;}
.down_b0bad2 p {padding: 1px;font-size: 0.9em;text-align: center;}
a:link {text-decoration: none;}

h4 {color: #fff;padding: 7px 5px;}
.lightgrey {background: #d5d5d5;}
#get_started_a #bar {margin: 6px auto;}
#get_started_a footer {margin:0px auto;}
#get_started_a .logos {margin:8px 6px;}
#get_started_b #bar {margin:54px auto;}
#get_started_b .rule {margin:-49px auto 0;}
#get_started_b footer {margin: 54px auto;}

/* ---------------------------------------------------------
   Author's styles
   ---------------------------------------------------------*/
   body {
   
   }
   
   
   
   
/* ---------------------------------------------------------
   Print styles
   ---------------------------------------------------------*/
@media print {
    * {
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
		background:transparent !important;
    }
	html {
		background-color:#fff;
	}
	/* Hide navigation */
	nav { display:none; }

	/* Show link destinations in brackets after the link text */
	a[href]:after { content: " (" attr(href) ") "; }
	a[href] {
		font-weight:bold;
		text-decoration:underline;
		color:#06c;
		border:none;
	}
	/* Don't show link destinations for JavaScript or internal links */ 
	a[href^="javascript:"]:after, a[href^="#"]:after {
        content:"";
    }
	
	/* Show abbr title value in brackets after the text */
	abbr[title]:after {
        content: " (" attr(title) ")";
    }

	figure { 
		margin-bottom:1em; 
		overflow:hidden;
	}

	figure img { border:1px solid #000; }

}
@media screen and (orientation: portrait) {
  img.ri { max-width: 90%; }
}

@media screen and (orientation: landscape) {
  img.ri { max-height: 90%; }
}
@media only screen and (max-width: 240px) {
  .picture {margin: 0 0;}
  header img {margin: 0 auto;}
  .logos {  margin: -158px 6px;}
  #objectives .logos {margin: 15px 6px;}
  nav ul li {width: 100%;}
   .mq240 {display: block;position: relative;width: auto;height: auto;margin: 0 auto;}
#contents_id #bar {margin: 0 auto;}
#contents_id .logos {margin: 1px auto;}
footer {position: relative;display: block;width: 130px;margin: 164px auto;}
#objectives footer {position: relative;display: block;width: 130px;margin: 8px auto;}
.fed09ebox {width:85%;margin: 16px auto;height: auto;}
#get_started_id #bar {margin: 6px auto;}
#get_started_id footer {margin: 0 auto;}
#get_started_id .logos {margin: 0 auto;}
.down_b0bad2 {height: 3.2em;margin: 0 auto;width: 85%;}
.down_b0bad2 p {padding: 6px;}
#get_started_b .logos {margin: -53px auto;}
#get_started_b #bar {margin: 5px auto;}
}

@media only screen and (min-width: 241px) and (max-width: 319px) {
 .picture {margin: 0 0;}
  header img {margin: 0 auto;}
  .logos {  margin: -156px 6px;}
  nav ul li {width: 100%;}
   .mq240 {display: block;position: relative;width: auto;height: auto;margin: 0 auto;}
#contents_id #bar {margin: 0 auto;}
#contents_id .logos {margin: 1px auto;} 
footer {position: relative;display: block;width: 130px;margin: 164px auto;}
}

@media only screen and (min-width: 320px) and (max-width: 359px){
  .picture {margin: 0 0;}
  .logos {margin: -155px auto;}
  .logos td {padding: 0 12px;} 
  nav {margin: 15px auto;}
  #contents_id #bar {margin: 0 auto;}
#contents_id .logos {margin: 1px auto;}
#objectives footer {position: relative;display: block;width: 130px;margin: 12px auto;}
#objectives .logos {margin: -13px auto;}
footer {position: relative;display: block;width: 130px;margin: 163px auto;}
.fed09ebox {margin: 16px auto;height: auto;max-width: 95%}
.down_b0bad2 {height: 2.5em;margin: 0 auto;width: 65%;}
.down_b0bad2 p {padding: 1px 1px;margin: 6px auto;}  
#get_started_id #bar {margin: 12px auto;}
#get_started_id footer {margin: 0 auto;}
#get_started_id .logos {margin: 0 auto;}
#get_started_b .logos {margin: -53px 6px;}
#get_started_b #bar {margin: 5px auto;}
}

@media only screen and (min-width: 360px) and (max-width:479px) {
  .picture {margin: 0 0;}
  .logos {  margin: 5px 45px;}
  .logos td {padding: 0 5px;}
    nav ul li {width: 50%}
    #main {margin:85px auto;}
    #bar {margin:-74px auto;}
    nav {margin: 25px auto;}
    .rule {display:block;position:relative;height:auto;max-width:100%;border-bottom: 3px dotted #3e5c88;margin: 78px auto 0;}
  .top_bar {margin: 85px auto;}
    #contents_id #bar {margin: 0 auto;}
#contents_id .logos {display: block; position: relative;width: 360px;margin: 0 60px;}footer {position: relative;display: block;width: 130px;;margin: 10px auto;}
#contents_id .rule {margin: 6px auto 0;}  
.fed09ebox {margin: 16px auto;height: auto;max-width: 90%}
.down_b0bad2 {height: 2.4em;margin: 0 auto;width: 40%;}
.down_b0bad2 p {padding: 1px;margin: 6px auto;}  
#get_started_id #bar {margin: 12px auto;}
#get_started_id footer {margin: 5px auto;}
#get_started_id .logos {margin: 0 auto;} 
#get_started_id .rule {margin: -5px auto;}
#get_started_a .rule {margin: 6px auto 0;}
#get_started_a .logos {margin: 8px auto}
#get_started_b .logos {margin: -3px 45px;}
#get_started_b #bar {margin: 10px auto;}
#get_started_b .rule {margin: -5px auto 0;}
#get_started_b footer {margin: 9px auto;}}

@media only screen and (min-width: 480px) and (max-width: 539px){
     .picture {margin: 0 0;}
  .logos {  margin: 160px 227px;}
  .logos td {padding: 0 5px;}
  nav {margin: 45px auto;}
  #objectives .logos {margin:10px 235px;}
  #contents_id .picture .fem480 {margin: 0 auto;width: 460px; display: block;position: relative;}
    #contents_id #bar {margin: 0 auto;}
#contents_id .logos {margin: 1px 235px;}
footer {position: relative;display: block;width: 130px;float: left;margin: 170px 0;}
#objectives footer {position: relative;display: block;width: 130px;float: left;margin: 12px 0;}
.down_b0bad2 {height: 2.4em;margin: 0 auto;width: 30%;}
.down_b0bad2 p {padding: 0px 6px;margin: 6px auto;}  
#get_started_id #bar {margin: 12px auto;}
#get_started_id footer {margin: 2px auto;}
#get_started_id .logos {margin: 4px 235px;} 
.fed09ebox {margin: 16px auto;height: auto;max-width: 90%} 
.rule {display:block;position:relative;height:auto;max-width:100%;border-bottom: 3px dotted #3e5c88;margin: 78px auto 0;}
#get_started_id .rule {margin:0 auto;} 
#get_started_a .rule {margin: 5px auto;} 
#get_started_a .logos {margin: 4px 235px;}
#get_started_b footer {margin: 2px 0;}
#get_started_b #bar {margin: 10px auto;} #get_started_b .rule {margin: -4px auto 0;} #get_started_b .logos {margin: 3px 230px;}}

@media only screen and (min-width: 540px) and (max-width: 599px){
   #main {margin: 85px auto;}
   .mq540 {display:block; position: relative; margin: -43px auto;}
   .opaque {margin: 48px auto;}
  .logos {  margin: 10px 290px;}
  .logos td {padding: 0 5px;}
  nav {margin: 55px auto;}
  #objectives .logos {margin:10px 295px;}  
  nav ul li {width: 25%;background: url(../img/li_bck.png) no-repeat;background-position: 1% 50%;}
  nav ul > li:first-child {background: none;}
  .top_bar {margin: -13px auto;}
  #bar {margin: -80px auto;}
  .picture .fem480 {margin: 0 auto;display: block;width: 480px;position: relative;}
  #contents_id .logos {margin: 1px 295px;}
  footer {position: relative;display: block;width: 130px;float: left;margin: 20px 0;}
 #objectives footer {position: relative;display: block;width: 130px;float: left;margin: 12px 0;}
.fed09ebox {height: auto;}#get_started_id #bar {margin: 12px auto;}
.fed09ebox p {padding: 5px ;}
.down_b0bad2 {height: 2.5em;margin: 0 auto;width: 30%;}
.down_b0bad2 p {padding: 0px 10px;margin: 6px auto;}  
#get_started_id .rule {margin: -7px auto;} 
.rule {display:block;position:relative;height:auto;max-width:100%;border-bottom: 3px dotted #3e5c88;margin: 78px auto 0;}
 #get_started_a .rule {margin: 0 auto;} #get_started_a .logos {margin: 4px 295px;}
#get_started_b footer {margin: 2px 0;}
#get_started_b #bar {margin: 10px auto;} #get_started_b .rule {margin: -4px auto 0;} #get_started_b .logos {margin: 3px 295px;}}

@media only screen and (min-width: 600px) and (max-width: 639px){
  .picture {margin: 0 0;}
  .logos {  margin: 0px 340px;}
  .logos td {padding: 0 6px;}
  nav {margin: -35px 362px;border-top: none;}
  nav ul {width: 41%;}
  header img {display:block;margin: 0 ;}
  nav ul li {width:50%;background: none;}
  nav ul li a {padding: 5px 0;border-bottom: none;font-weight: normal;}
  #main {margin:100px auto; }
  #bar {margin: -80px auto;} 
 .rule {display:block;position:relative;height:auto;max-width:100%;border-bottom: 3px dotted #3e5c88;margin: 0px auto 0;}
  #objectives .logos {margin:10px 350px;}  
 .opaque {margin: 15px auto;}
 .top_bar {margin: 95px auto;}
 .picture .fem320 {margin: 0 auto;display: block;width: 480px;position: relative;}
  #contents_id .logos {margin: 1px 350px;}
  #contents_id .rule {margin: 4px auto;}footer {position: relative;display: block;width: 130px;float: left;margin: 10px 0;}
  .down_b0bad2 {height: 3em;margin: -576px 10px;width: 30%;float: right;}
.down_b0bad2 p {padding: 6px 22px;margin: -4px auto;} 
.fed09ebox {height: 560px;margin: 16px 8px;max-width: 65%;}
#get_started_a .top_bar {width:70%;margin: 95px 0;}
.lightgrey {height:auto;max-width: 70%;margin: 16px 0;}
#get_started_a .down_b0bad2 {height: 2em;margin: -772px 0px;width: 27%;float: right;}
#get_started_a .down_b0bad2 p {font-size: 0.7em;}
#get_started_a #bar {margin: -8px auto;}
#get_started_a .rule {margin:12px auto;}
#get_started_a footer {margin: 0;}
#get_started_a .logos {margin: 0 346px;}
#get_started_b .top_bar {width:70%;margin: 95px 0;}
#get_started_b .down_b0bad2 {height: 2em;margin: -712px 0px;width: 27%;float: right;}
#get_started_b .down_b0bad2 p {font-size: 0.7em;}
#get_started_id .top_bar {width: 70%;margin: 95px 0;}
#get_started_id #bar {margin: 12px auto;}
#get_started_id .down_b0bad2 {height: 2em;margin: -564px 0px;width: 27%;float: right;}
#get_started_id .lightgrey {height: 500px;}
}
  @media only screen and (min-width: 640px) and (max-width: 719px){
  .picture {margin: 0 0;}
  .logos {margin: 0px 390px;}
  .logos td {padding: 0 6px;}
  nav {margin: -35px 362px;border-top: none;}
  nav ul {width: 41%;}
  header img {display:block;margin: 0 ;}
  nav ul li {width:50%;background: none;}
  nav ul li a {padding: 5px 0;border-bottom: none;font-weight: normal;}
  #main {margin:90px auto; }
  #bar {margin: -80px auto;} 
 .rule {display:block;position:relative;height:auto;max-width:100%;border-bottom: 3px dotted #3e5c88;margin: 84px auto 0;}
  #objectives .logos {margin:335px 387px;}  
  #objectives #bar {margin: 340px auto;}
  #objectives .rule {margin: -335px auto;}
 .opaque {margin: 15px auto;}
 .top_bar {margin: 95px auto;}
 .left {width: 35%;    position: relative;    display: block;    padding: 1em 1em;    }
 .info {width: 48%;    position: relative;    display: block;    padding: 0 1em;
    float: right;} 
    .picture .fem320 {margin: 0 auto;display: block;width: 480px;position: relative;}
  #contents_id .logos {margin: 1px 390px;}
  #contents_id .rule {margin: 4px auto;}footer {position: relative;display: block;width: 130px;float: left;margin: 10px 0;}
  #contents_id #bar {clear: both;margin: 0 auto;}
  .down_b0bad2 {height: 3em;margin: -576px 10px;width: 30%;float: right;}
.down_b0bad2 p {padding: 6px 22px;margin: -4px auto;} 
.fed09ebox {height: 560px;margin: 16px 8px;max-width: 65%;}#get_started_id #bar {margin: 12px auto;}
 #get_started_id .rule {margin: 0 auto;}
 #objectives footer {margin: 340px 0;}
 #get_started_a .lightgrey {height: auto;}
 #get_started_a .down_b0bad2 {height: 2em;margin: -772px 0;width: 30%;}
 #get_started_a .top_bar {max-width: 66.4%; margin: 95px 0;}#get_started_a .down_b0bad2 p {font-size: 0.7em;}
 #get_started_a .rule {margin: 5px auto 0;} 
#get_started_a .logos {margin: 8px 390px;}
#get_started_b .top_bar {width:70%;margin: 95px 0;}
#get_started_b .down_b0bad2 {height: 2em;margin: -712px 0px;width: 27%;float: right;}
#get_started_b .down_b0bad2 p {font-size: 0.7em;}
#get_started_b .lightgrey {height: auto;max-width: 68.6%;}
#get_started_b footer {margin: 10px auto;}
#get_started_id .top_bar {width: 70%;margin: 95px 0;}
#get_started_id #bar {margin: 12px auto;}
#get_started_id .down_b0bad2 {height: 2em;margin: -564px 0px;width: 27%;float: right;}
#get_started_id .lightgrey {height: 500px;max-width: 70%;margin: 16px 0;}
#get_started_id .down_b0bad2 p {font-size: 0.7em;}}

   @media only screen and (min-width: 720px) and (max-width: 767px){
    header img {margin: 1px;}
    nav {margin: -24px 340px;border-top: none;}
    #main {margin: 70px -39px;}
    #bar {margin: -72px auto;}
    nav ul {width: 90%;}  
    nav ul li {display: inline;width: 15%;}
    nav ul li a {padding: 10px 0;border-bottom:none;}
    .logos { margin: 10px 490px;}  
    .rule {display:block;position:relative;height:auto;max-width:100%;border-bottom: 3px dotted #3e5c88;margin: 80px auto 0;}
    .opaque {max-width: 12.6em;height:auto; background: #D7DAE1; position: absolute;color:#3E5C88;padding:0;font-size: 90%;
      margin-right: 163px; margin-top: -484px;padding-left: 0; padding-right: 0; right: -4px; line-height: 1.8em;}
    .top_bar {margin: 80px auto;}
    nav ul > li:first-child {background: none;}    
    #objectives .logos {margin: 485px 495px;}
    .left {width: 50%; position: relative; display: block; padding: 1em 0; margin: 0 20px;}
   .info { width: 50%; position: relative; display: block; padding: 0 1em;float: right;}
    #objectives #bar {margin: 490px auto;} 
    #objectives .rule {margin:-485px auto;}
    #objectives footer {margin: 490px auto;}
     #contents_id .logos {margin: 1px 495px;}
  #contents_id .rule {margin: 4px auto;}
  #contents_id #bar {clear: both;margin: 0 auto;}
  .picture .fem720 {margin: 0 auto;display: block;width: 480px;position: fixed;}
  footer {position: relative;display: block;width: 130px;float: left;margin: 10px 0;}
.down_b0bad2 {height: 3em;margin: -576px 10px;width: 30%;float: right;}
.down_b0bad2 p {padding: 6px 22px;margin: -4px auto;} 
.fed09ebox {height: 560px;margin: 16px 8px;max-width: 65%;}#get_started_id #bar {margin: 12px auto;}
 #get_started_id .rule {margin: -5px auto;}
 #objectives .info {width: 60%;}#get_started_a .lightgrey {height: auto;margin: 16px 0;max-width: 70.4%;}
 #get_started_a .down_b0bad2 {height: 2em;margin: -652px 0;width: 25%;}
 #get_started_a .top_bar {max-width: 70.4%; margin: 80px 0;}#get_started_a .down_b0bad2 p {font-size: 0.7em;}
 #get_started_a .rule {margin: 5px auto 0;} 
#get_started_a .logos {margin: 0px 493px;}
#get_started_b .lightgrey {height: auto;margin: 16px 0;max-width: 70.4%;}
#get_started_b .down_b0bad2 {height: 2em;margin: -632px 0;width: 25%;}#get_started_b .top_bar {max-width: 70.4%; margin: 80px 0;}
#get_started_b .down_b0bad2 p {font-size: 0.7em;}
 #get_started_b .rule {margin: -48px auto 0;} 
#get_started_b .logos {margin: 0px 493px;}
#get_started_b footer {margin: 10px auto;} 
#get_started_id .top_bar {width: 70.4%;margin: 80px 0;}
#get_started_id #bar {margin: 12px auto;}
#get_started_id .down_b0bad2 {height: 2em;margin: -564px 0px;width: 25%;float: right;}
#get_started_id .lightgrey {height: 500px;max-width: 70.4%;margin: 16px 0;}
#get_started_id .down_b0bad2 p {font-size: 0.7em;}
  }

 @media only screen and (min-width: 768px) and (max-width: 799px){
  .picture {margin: 0 0;}
  .mq768 {display: block;width: 768px;position: relative;margin: 0 auto;}
  header img {margin: 1px;}
  .top_bar {margin: 80px auto;}
    nav {margin: -24px 340px;border-top: none;}
    #main {margin: 70px auto;}
  #bar {margin: -72px auto;}
  nav ul {width: 90%;}  
  nav ul li {display: inline;width: 15%; background: url(../img/li_bck.png) no-repeat;background-position: 1% 50%;}
  nav ul li a {padding: 10px 0;border-bottom:none;}
  .logos { margin: 0px 540px;}  
  .rule {display:block;position:relative;height:auto;max-width:100%;border-bottom: 3px dotted #3e5c88;margin: 80px auto 0;}
  .opaque {max-width: 12.6em;height:auto; background: #D7DAE1; position: absolute;color:#3E5C88; padding:0; font-size: 90%; margin-right: 199px;
    margin-top: -516px;padding-left: 0; padding-right: 0; right: -4px; line-height: 1.8em;} nav ul > li:first-child {background: none;} 
     .left {width: 45%; position: relative; display: block; padding: 1em 0; margin: 0 0px;}
   .info { width: 55%; position: relative; display: block; padding: 0 1em;float: right;}
    #objectives #bar {margin: 180px auto;} 
    #objectives .rule {margin:-175px auto;}  
    #objectives .logos {margin: 178px 540px;}
    #contents_id .logos {margin: 1px 540px;}
  #contents_id .rule {margin: 4px auto;}
  #contents_id #bar {clear: both;margin: 0 auto;}
  .picture .fem720 {margin: 0 20px;display: block;width: 480px;position: fixed;}
  footer {position: relative;display: block;width: 130px;float: left;margin: 10px 0;}
.down_b0bad2 {height: 3em;margin: -576px 0px;width: 25%;float: right;}
.down_b0bad2 p {padding: 6px 22px;margin: -4px auto;} 
.fed09ebox {height: 560px;margin: 16px;max-width: 70%;}#get_started_id #bar {margin: 12px auto;}
 #get_started_id .rule {margin: -5px auto;} #get_started_id .logos {margin: 5px 520px;}
#objectives footer {margin: 185px 0;}
#get_started_a .lightgrey {height: auto;margin: 16px 0;max-width: 70.4%;}
 #get_started_a .down_b0bad2 {height: 2em;margin: -612px 0;width: 25%;}
 #get_started_a .top_bar {max-width: 70.4%; margin: 80px 0;}#get_started_a .down_b0bad2 p {font-size: 0.7em;}
 #get_started_a .rule {margin: 5px auto 0;} 
#get_started_a .logos {margin: 0px 493px;}
#get_started_b .lightgrey {height: auto;margin: 16px 0;max-width: 70.4%;}
 #get_started_b .down_b0bad2 {height: 2em;margin: -612px 0;width: 25%;}
 #get_started_b .top_bar {max-width: 70.4%; margin: 80px 0;}#get_started_b .down_b0bad2 p {font-size: 0.7em;}
 #get_started_b .rule {margin: 5px auto 0;} 
#get_started_b .logos {margin: 0px 542px;}#get_started_b #bar {margin: 7px auto;}#get_started_b footer {margin: 10px auto;}
}

  @media only screen and (min-width: 800px) and (max-width: 899px){
  header img {margin: 1px;} 
  nav {margin: -24px 385px;border-top: none;}
  #main {margin: 85px auto;}
  #bar {margin: -72px auto;}
  nav ul {width: 90%;}  
  nav ul li {display: inline;width: 15%; background: url(../img/li_bck.png) no-repeat;background-position: 1% 50%;}
  nav ul li a {padding: 10px 0;border-bottom:none;}nav ul > li:first-child {background: none;} 
  .logos { margin: 0px 574px;}  
  .rule {display:block;position:relative;height:auto;max-width:100%;border-bottom: 3px dotted #3e5c88;margin: 80px auto 0;}
  .opaque {max-width: 12.6em;height:auto; background: #D7DAE1; position: absolute;color:#3E5C88; padding:0; font-size: 90%; margin-right: 190px;
    margin-top: -538px;padding-left: 0; padding-right: 0; right: -4px; line-height: 1.8em;}  
 .top_bar {margin: 80px auto;}
 #objectives #bar {margin: 173px auto;} 
    #objectives .rule {margin:-166px auto;}  
    #objectives footer {margin: 170px 0;}
    #objectives .logos {margin: 173px 573px;}.left {width: 35%; position: relative; display: block; padding: 1em 0; }
   .info { width: 60%; position: relative; display: block; padding: 0 1em;float: right;}
   #contents_id .logos {margin: 1px 573px;}
  #contents_id .rule {margin: 4px auto;}
  #contents_id #bar {clear: both;margin: 0 auto;}
  .picture .fem720 {margin: 0 20px;display: block;width: 480px;position: fixed;}
  footer {position: relative;display: block;width: 130px;float: left;margin: 10px 0;}
  .down_b0bad2 {height: 3em;margin: -576px 0px;width: 20%;float: right;}
.down_b0bad2 p {padding: 6px 22px;margin: -4px auto;} 
.fed09ebox {height: 560px;margin: 16px 16px;max-width: 75%;}#get_started_id #bar {margin: 12px auto;}
 #get_started_id .rule {margin: -5px auto;} #get_started_id .logos {margin: 5px 575px;}
#get_started_a .lightgrey {height: auto;margin: 16px 0;max-width: 74%;}
 #get_started_a .down_b0bad2 {height: 2em;margin: -572px 0;width: 23%;}
 #get_started_a .top_bar {max-width: 74%; margin: 80px 0;}#get_started_a .down_b0bad2 p {font-size: 0.7em;}
 #get_started_a .rule {margin: 5px auto 0;} 
#get_started_a .logos {margin: 0px 493px;} 
#get_started_b .lightgrey {height: auto;margin: 16px 0;max-width: 74%;}
 #get_started_b .down_b0bad2 {height: 2em;margin: -572px 0;width: 23%;}
 #get_started_b .top_bar {max-width: 74%; margin: 80px 0;}#get_started_b .down_b0bad2 p {font-size: 0.7em;}
 #get_started_b .rule {margin: 5px auto 0;} 
#get_started_b .logos {margin: 0px 575px;}
#get_started_b #bar {margin: 6px auto;}
#get_started_b footer {margin: 4px auto;}}

  @media only screen and (min-width: 900px) and (max-width: 979px){
   header img {margin: 1px;} 
     nav {margin: -18px 443px;border-top: none;width: 95%;}
    #main {margin: 80px auto;}
  #bar {margin: -72px auto;}
  nav ul {width: 90%;}  
  nav ul li {display: inline;width: 15%; background: url(../img/li_bck.png) no-repeat;background-position: 1% 50%;}
  nav ul li a {padding: 10px 0;border-bottom:none;}nav ul > li:first-child {background: none;} 
  .logos { margin: 0px 673px;}  
  .rule {display:block;position:relative;height:auto;max-width:100%;border-bottom: 3px dotted #3e5c88;margin: 80px auto 0;}
  .opaque {max-width: 12.6em;height:auto; background: #D7DAE1; position: absolute;color:#3E5C88; padding:0; font-size: 90%; margin-right: 228px;
    margin-top: -604px;padding-left: 0; padding-right: 0; right: -4px; line-height: 1.8em;} 
    .top_bar {margin: 75px auto;}
#objectives #bar {margin: 490px auto;} 
    #objectives .rule {margin:-485px auto;}  
    #objectives .logos {margin: 486px 675px;}.left {width: 35%; position: relative; display: block; padding: 1em 0; }
   .info { width: 52%; position: relative; display: block; padding: 0 1em;float: right;}
   #contents_id .logos {margin: 1px 675px;}
  #contents_id .rule {margin: 4px auto;}
  #contents_id #bar {clear: both;margin: 0 auto;}
  .picture .fem900 {margin: 0 15px;display: block;width: 480px;position: fixed;}
  #contents_id .top_bar {margin: 65px auto;}
  footer {position: relative;display: block;width: 130px;float: left;margin: 10px 0;}
  .down_b0bad2 {height: 3em;margin: -506px 0px;width: 20%;float: right;}
.down_b0bad2 p {padding: 6px 22px;margin: -4px auto;} 
.fed09ebox {height: 490px;margin: 16px 0px;max-width: 74%;}#get_started_id #bar {margin: 12px auto;}
 #get_started_id .rule {margin: -5px auto;} #get_started_id .logos {margin: 5px 670px;}
 #objectives footer {margin: 490px auto;}
 #get_started_a .lightgrey {height: 560px;margin: 16px 0;max-width: 80%;}
 #get_started_a .down_b0bad2 {height: 2em;margin: -492px 0;width: 18%;}
 #get_started_a .top_bar {max-width: 80%; margin: 80px 0;}#get_started_a .down_b0bad2 p {font-size: 0.7em;}
 #get_started_a .rule {margin: 5px auto 0;} 
#get_started_a .logos {margin: 0px 675px;}
#get_started_b .lightgrey {height: auto;margin: 16px 0;max-width: 80%;}
 #get_started_b .down_b0bad2 {height: 2em;margin: -512px 0;width: 18%;}
 #get_started_b .top_bar {max-width: 80%; margin: 80px 0;}#get_started_b .down_b0bad2 p {font-size: 0.7em;}
 #get_started_b .rule {margin: 5px auto 0;} 
#get_started_b .logos {margin: 0px 675px;}  }

  @media only screen and (min-width: 980px) and (max-width: 1279px){
  header img {margin: 1px;} 
     nav {margin: -8px 493px;border-top: none;width: 95%;}
    #main {margin: 45px auto;}
  #bar {margin: -40px auto;}
  nav ul {width: 90%;}  
  nav ul li {display: inline;width: 15%; background: url(../img/li_bck.png) no-repeat;background-position: 1% 50%;}
  nav ul li a {padding: 10px 0;border-bottom:none;}nav ul > li:first-child {background: none;} 
  .logos { margin: 0px 753px;}  
  .rule {display:block;position:relative;height:auto;max-width:100%;border-bottom: 3px dotted #3e5c88;margin: 45px auto 0;}
  .opaque {max-width: 12.6em;height:auto; background: #D7DAE1; position: absolute;color:#3E5C88; padding:0; font-size: 90%; margin-right: 298px;
    margin-top: -658px;padding-left: 0; padding-right: 0; right: -4px; line-height: 1.8em;} 
    .top_bar {margin: 50px auto;}
#objectives #bar {margin: 96px auto;} 
    #objectives .rule {margin:-90px auto;}  
    #objectives .logos {margin: 90px 753px;}.left {width: 35%; position: relative; display: block; padding: 1em 0; }
   .info { width: 52%; position: relative; display: block; padding: 0 1em;float: right;}
   #contents_id .logos {margin: 1px 753px;}
  #contents_id .rule {margin: 4px auto;}
  #contents_id #bar {clear: both;margin: 0 auto;}
  .picture .fem900 {margin: 0 15px;display: block;width: 480px;position: fixed;}
  #contents_id .top_bar {margin: 65px auto;}
  #objectives footer {margin: 95px auto;}
  footer {position: relative;display: block;width: 130px;float: left;margin: 10px 0;}
  .down_b0bad2 {height: 3em;margin: -456px 0px;width: 16%;float: right;}
.down_b0bad2 p {padding: 6px 22px;margin: -4px auto;} 
.fed09ebox {height: 440px;margin: 16px 0px;max-width: 80%;}#get_started_id #bar {margin: 12px auto;}
 #get_started_id .rule {margin: -5px auto;} #get_started_id .logos {margin: 5px 750px;}
 #get_started_a .lightgrey {height: 460px;margin: 16px 0;max-width: 80%;}
 #get_started_a .down_b0bad2 {height: 2em;margin: -524px 0;width: 17%;}
 #get_started_a .top_bar {max-width: 80%; margin: 56px 0;}#get_started_a .down_b0bad2 p {font-size: 0.7em;}
 #get_started_a .rule {margin: 5px auto 0;} 
#get_started_a .logos {margin: 0px 755px;}  }

  @media only screen and (min-width: 1280px) {
  #wrapper {position: relative;display: block;height: auto;max-width: 980px;}
  header img {margin: 0 0;}
  nav ul li a {font-weight: normal;border-bottom: none;}
  nav ul li {display: inline;width: 15%;background: url(../img/li_bck.png) no-repeat;background-position: 1% 50%;}
  nav {margin: -14px 494px;width: 88%;border-top: none;}nav ul > li:first-child {background: none;} 
  .picture {margin: 0;}
  #main {margin: 75px auto;}
  .opaque {max-width: 12.6em;height:auto; background: #D7DAE1; position: absolute;color:#3E5C88; padding:0; font-size: 90%; margin-right: 289px;
  -moz-margin-top: -658px;margin-top:-657px;padding-left: 0; padding-right: 0; right: -4px; line-height: 1.8em;}
  #bar {margin: -75px auto;}
  .rule {display:block;position:relative;height:auto;max-width:100%;border-bottom: 3px dotted #3e5c88;margin: 84px auto 0;}
  .logos {margin: 0 758px;}
  .top_bar {margin: 75px auto;}
#objectives #bar {margin: 95px auto;} 
    #objectives .rule {margin:-87px auto;}  
    #objectives .logos {margin: 88px 750px;}.left {width: 35%; position: relative; display: block; padding: 1em 0; }
     #contents_id .rule {margin:-196px auto;}  
    #contents_id .logos {margin: 200px 755px;}.left {width: 52%; position: relative; display: block; padding: 1em 0; }
   .info { width: 60%; position: relative; display: block; padding: 0 1em;float: right;}
   #contents_id .info {width:44%;}
   #contents_id #bar {margin: 204px auto;} 
   .info .bold {text-indent: 2em;}
   footer {position: relative;display: block;width: 130px;float: left;margin: 10px 0;}
  #contents_id footer {margin: 200px 0;}
  .down_b0bad2 {height: 3em;margin: -492px 0px;width: 15%;float: right;}
.down_b0bad2 p {padding: 6px 22px;margin: -4px auto;} 
.fed09ebox {height: 476px;margin: 16px 0px;max-width: 80%;}#get_started_id #bar {margin: 12px auto;}
 #get_started_id .rule {margin: -5px auto;} #get_started_id .logos {margin: 5px 755px;}
 #objectives footer {margin: 90px auto;}
 #get_started_a .lightgrey {height: 460px;margin: 16px 0;max-width: 80%;}
 #get_started_a .down_b0bad2 {height: 2em;margin: -524px 0;width: 17%;}
 #get_started_a .top_bar {max-width: 80%; margin: 56px 0;}#get_started_a .down_b0bad2 p {font-size: 0.7em;}
 #get_started_a .rule {margin: 5px auto 0;} 
#get_started_a .logos {margin: 0px 755px;} }