* {
  margin: 0;
}

html, body {
  font-size:100%;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  color:black;
  background:#fff;
  margin:0em;
  padding:0em;
}

/* clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}



/* 1st level */

#header-container,
#body-container,
#footer-container {
  width:100%;
  margin:0;
}

#body-container {
  background-color:#e6e6e6;
  border-top:3px solid #5eb8de;
  border-bottom:3px solid #c6c6c6;
}

/* 2st level */

#header-block {
  overflow:hidden;
  position:relative;
  margin:0 auto 0 auto;
  width:1100px;
  padding:0.7em 0 0.7em 0;
}

#body-block {
  width:100%;
  border:none;
  border-spacing:0;
  margin:-0.3em auto 0 auto;
  width:1100px;
}
#body-block tr {
  margin:0;
  padding:0;
}

/* header stuff */

  #logo {
    display:block;
    width:20%;
    margin:0.5em;
  }

  #search-members {
    position:absolute;
    right:1em;
    bottom:0.5em;
    text-align:right;
  }
    #search-members {
      width:55%;
    }
    #search-members input[type="search"] {
      width:58%;
    }
    #search-members input[type="submit"] {
      width:14em;
    }
  
  #user-notice {
    padding:0.3em 0.6em;
    background-color:#ccff77;
    font-weight:normal;
    color:black;
    position:absolute;
    top:3em;
    left:350px;
    font-size:0.85em;
  }


/* body stuff */

  #menu-block,
  #content-block,
  #side-block {
    padding:0;
    vertical-align:top;
  }
  
  #menu-block    {  width:19%; }
  #content-block {  width:63%; }
  #side-block    {  width:17%; }
  
  /** sub blocks margins/colors/borders **/  
  #menu,
  #person-menu,
  #content-inner-block,
  #newsletter-block,
  #medals-block {
    margin:1em 0.5em;
  }
  
  #menu .content,
  #content-inner-block,
  #newsletter-block,
  #medals-block {
    background-color:white;
  }
  #person-menu {
    background-color:#ddf0f8;
  }
  
  #menu .content,
  #person-menu,
  #content-inner-block,
  #medals-block {
    border:1px solid #ddd;
  }
  #newsletter-block,
  #newsletter-floating-block {
    border:1px solid #ffd400;
  }
  
  /* menu */
    #menu  {
      padding:0 0 5px 0;
    }
    #menu .content {
      margin-bottom:-5px;
    }
    #menu ul
    {
      padding: 0px;
    }
    #menu li {
      list-style-type:none;
      margin:0;
      padding:0;
      font-size:0.83em;
      font-weight:bold;
    }
    #menu a
    {
      display: block;
      text-decoration: none;
      padding: 0.3em 1em;
    }
    #menu a:hover,
    #menu a.sel
    {
      color: white;
      background-color: #2B74A4;
    }
    #menu .gc-small-logo
    {
      height: 16px
    }
    .child-pages-menu {
      margin:0 0 0.5em 0;
      padding:0;
    }
  
  /* person-menu */
    #person-menu {
      padding:0.5em 1em;
    }
    #person-menu h6 {
      color:#999;
      margin:0 0 0.5em 0em;
      padding:0;
      width:100%;
      font-size:0.85em;
      font-weight:bold;
      text-align:center;
      text-transform:uppercase;
    }
    #person-menu h6.person {
      margin:0 0 0.5em 1em;
      font-weight:normal;
      text-align:left;
      text-transform:none;
    }
    
    #person-menu p {
      margin:0.7em 0 0.2em 0;
    }
    #person-menu form {
      margin:1em 0 1em 0;
    }
    
    #person-menu input[type="text"],
    #person-menu input[type="password"] {
      width:100%;
      margin-bottom:1em;
    }
    
    #person-menu ul {
      margin:1em 0 0 0;
      padding:0;
    }
    #person-menu ul li {
      list-style-type:none;
      margin:0.66em 1.2em;
      padding:0;
      font-size:0.83em;
      font-weight:bold;
    }
  
  /* content */
  
  #content-inner-block {
    padding:0.5em 0.5em;
  }
  
  /* side block */
  
  #newsletter-block h3,
  #newsletter-floating-block h3 {
    color:black;
    background:#ffcc00 url('../images/newsletter-bg.png') repeat-x;
    margin:0 0 0.7em 0;
    padding:0.5em;
    font-size:0.8em;
    text-align:center;
    font-weight:normal;
  }
  #newsletter-block #form-wrapper {
    display:block;
    padding:0;
    margin:0.4em;
    text-align:right;
  }
  #newsletter-block form {
    width:100%;
    margin:0;
  }
  #newsletter-block form input[type="text"] {
    width:100%;
    margin-bottom:0.5em;
  }
  
  /* floating block */
  
  #newsletter-floating-block {
    width:300px;
  }
  #newsletter-floating-block .form-wrapper {
    display:block;
    padding:0;
    margin:0.4em;
  }
  #newsletter-floating-block form {
    margin:0;
  }
  #newsletter-floating-block form input[type="text"] {
    width:240px;
    margin-bottom:0.5em;
  }
  
  #medals-block p {
    color:#006699;
    font-size:0.8em;
    margin:0.5em 0.5em 0.9em 0.7em;
  }
  #medals-block hr {
    border-left:none;
    border-right:none;
    border-top:none;
    border-bottom:1px solid #006699;
    background:none;
    margin:0.6em 0.5em;
  }
  
  .cut-text {
    font-size:0.8em;
    text-decoration:none;
    border-bottom:1px dotted #006699;
  }

/* footer */

#footer-container p {
  text-align:center;
  font-size:0.8em;
  color:#006699;
  margin:1em;
}

/* general styles */

a {
  outline:none;
}

a:link {
  color:#006699;
}
a:visited {
  color:#006699;
}
a:hover {
  color:#1177ff;
}

a.sel,
a.sel:visited,
a.sel:hover {
  color:black;
  text-decoration:none;
  cursor:default;
}

a img {
  border:none;
}

/* see jQuery#innerLabel in util.js */
input.empty {
  color:#777;
}

/* PAGE */

h1 {
  font-size:1.2em;
}

h2 {
  font-size:1.0em;
  margin:0.5em 0.42em 0.5em 0.42em;
}

h3 {
  font-size:0.85em;
  margin:1.2em 0.5em 0.5em 0.5em;
  color:#0076a8;
}

h1 span.aux,
h2 span.aux,
h1 span.aux a:link,
h2 span.aux a:link,  
h1 span.aux a:visited,
h2 span.aux a:visited {
  color: #aaa;
}
h1 span.aux a:hover,
h2 span.aux a:hover {
  color:#004488;
}

ul {
  margin:0;
}

p, li {
  font-size:0.9em;
  margin: 0 0.5em 0.5em 0.5em;
}

p.intro {
  font-weight:bold;
  color:#0076a8;
}

h2.blue {
  background-color:#0076a8;
  margin:1em 0.5em 1em 0.5em;
  color:white;
  font-size:1em;
  text-align:center;
  letter-spacing:0.05em;
}
  h2.blue .content {
    padding:0.2em;
  }

#floating-download {
  float:right;
  margin:1em;
  padding:0;
  font-size:0.8em;
  background:#fff url(../images/download-button-left.png) 0 0 no-repeat;
}
  #floating-download a {
    color:#fff;
    text-decoration:none;
    display:block;
    height:100%;
    padding:0.1em 0.6em 0.3em 1.5em;
    background:url(../images/download-button-right.png) 100% 0% no-repeat;
  }

#big-adherer a {
  display:block;
  text-decoration:none;
  background:url(../images/big-adherer.png) no-repeat;
  width:190px;
  height:70px;
  margin:1em;
}

hr.fancy {
  border-left:none;
  border-right:none;
  border-top:none;
  border-bottom:2px dotted #ccc;
  background:none;
  margin:0.6em 0.5em;
}

hr.straight {
  border-left:none;
  border-right:none;
  border-top:none;
  border-bottom:1px solid #ccc;
  background:none;
  margin:0.6em 0.5em;
}

.member-info td {
  padding:0 1em 0 0;
  vertical-align:top;
}
.member-info h3 {
  margin-top:0;
}
.member-info td.aux {
  font-size:0.7em;
}
  .member-info td.aux a:link,
  .member-info td.aux a:visited {
    display:block;
    width:100%;
    padding:0.3em;
    margin:0 0 0.2em 0;
    background-color:white;
    color:#0076a8;
    text-decoration:none;
  }
  .member-info td.aux a:hover {
    background-color:#0076a8;
    color:white;
  }

.plan-name {
  font-size:0.6em;
  text-transform: uppercase;
  color:#0076a8;
  font-weight:bold;
  display:block;
  margin:0.7em 0 0 0;
  width:8em;
}
  
.plan-name img {
  margin:0em 0.2em 0 0.3em;
  width:16px;
  float:left;
  display:inline;
}


.member-info .cert-level {
  color:#666;
  font-weight:bold;
  font-size:0.8em;
  margin-top:0.3em;
  margin-bottom:1em;
}

.member-info .cert-level2 {
  color:#666;
  font-weight:bold;
  font-size:0.8em;
  margin-top:0.3em;
  margin-bottom:1em;
  margin-left:0;
}

  .member-info .cert-level img {
    margin:0 0 -0.6em 0.3em;
  }