/* @override http://www.myvoicewriteorwrong.org/css/layout.css */

/* MAIN CSS - contains height, width, padding, margin and positioning of elements
Name: 
URI: http://
Version: 1.0
Author: Studio Lift
Author URI: http://studiolift.com/
*/

@import "reset.css";
@import "color.css";
@import "type.css";

/* =clearfix */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden}

/* generic */
html{}

a{}
a:hover{}
a:active{}
a:link{}

p{}

/* structure */
body{margin:0;padding:0;}
#wrapper{width:1024px;margin:0 auto;padding-bottom: 20px;position: relative}
  #index #branding{height: 200px;}
  #apply #branding{height: 250px;}
    h1{}
      h1 a{display:block;height:241px}
    h2{}
    
  #content{clear:both;margin-top:0px;}
  body#index #content {margin-top:40px;}
    #content-main{float:left;display:inline;width:400px;margin-left: 50px;}
    body#index #content-main {margin-top:0px;}
      #index #content-main h3{margin-bottom:15px;}
      #index #content-main p{margin-bottom: 8px;}
      #index #content-main h4{margin-top:20px}
      #index #content-main ul{}
        #index #content-main li{margin-left:20px;margin-bottom: 3px}
      #index #content-main h3 img {margin-top: 30px;}
      
      #index #content-main h3.apply-info{position: absolute;left: 620px;top: 10px;width:290px}
        #index #content-main h3.apply-info span{}
      #index #content-main p.apply-info{position: absolute;left: 620px;top: 80px;width:250px}
      
      
      #apply #content-main h3{padding:10px;}
      #apply #content-main p{padding:10px;}
      #apply #content-main form {margin-left: 15px;margin-right: 15px;padding-bottom: 20px}
      #apply #content-main form label {display: block;}
            #apply form button {margin:0;padding:0;border:0;}
            #apply form button img{margin:-1px -3px -4px}
            #apply #content-main form h4 {margin-top: 15px;}
            #apply form input.checkbox{clear:left;float:left;margin:0 10px 7px 0}
            #apply form .other{display:inline}
            #apply form input.other{margin-bottom:20px}
      
    #content-sub{float:right;display:inline;width:400px;margin-right: 50px;}
    #content-sub #content-sub-box {margin-bottom: 10px;padding-bottom: 10px;}
    #content-sub #content-sub-box img {margin-left: 10px;}
      #index #content-sub h3{padding:10px;}
      #index #content-sub ul{padding:10px;}
        #index #content-sub li{margin-left:20px;margin-bottom: 3px;}
      #index #content-sub p{margin:10px}
      
      #index #affiliations{padding-top: 20px;}
      
    #apply #content-sub{float:left;display:inline;width:400px;margin-left: 50px;}
      #apply #content-sub h3{}
      #apply #content-sub h3.apply-info {margin-bottom: 10px;}
      #apply #content-sub img {margin-top: 20px;}

      
  #site-info{width:100%;padding-top:0px;padding-bottom:10px;}
    #site-info ul, #site-info p {width:940px;margin-left:auto;margin-right:auto;}
    #site-info ul li a {float: left;margin-bottom: 20px;display: block}
    #site-info ul li#logos-1 a {height:83px;width:127px;display: block}
    #site-info ul li#logos-2 a{height:83px;width:103px;display: block}
    #site-info ul li#logos-3 a{height:83px;width:84px;float: right;display: block}
    #site-info ul li a em {display: none;}