/* standard elements */
* {
  margin: 0px;
  padding: 0px;
}
a {
  color: #36C;
  text-decoration: none;
}
a:hover {
  color: #06F;
}
html, body {
  height: 100%;
}
body {
  background: #FFF;
  color: #000;
  font: normal 0.8em Verdana,"Lucida Sans Unicode",sans-serif;
}
input {
  color: #555;
  font: normal 1em "Lucida Sans Unicode",sans-serif;
}
p,ul {
  font-size: 0.9em;
  padding-bottom: 10px;
}
h1 {
  font-size: 1.7em;
}
h2 {
  font-size: 1.5em;
}
h1,h2 {
  color: #06C;
  padding-top: 6px;
  padding-bottom: 12px;
}
/* misc */
#clearer {
  clear: both;
}

/* structure */
#container {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin-bottom: -48px;
}
#container, #footer {
  min-width: 960px;
  width: 100%;
}

#header {
  background: #00C7FF url("/files/conferences/hpcschool2011/70520/background.jpg") center left;
  min-height: 92px;
  height: auto !important;
  height: 92px;
}

/* title */
#flags {
  margin-top: 4px;
  float: left;
}
#flags span {
  display: block;
  float: left;
  margin-left: 4px;
}
#help {
  margin-top: 2px;
  float: right;
}
#help span.help_span {
  display: block;
  float: left;
  margin-right: 4px;
}
#help span.help_logout {
  padding-top: 4px;
}
#help .logout-user a {
  font-weight: bold;
  color: #fff;
}
#help .logout-link a {
  font-weight: bold;
  color: #faa;
}
#flags img, #help img {
  display: block;
}

#title {
  padding: 0px 50px 0px 70px;
  background: url("/images/indigo/topleft.gif") no-repeat bottom left;
  min-height: 92px;
  height: auto !important;
  height: 92px;
}
#title h1 {
  color: #FFF;
  font: normal 1.7em Verdana,sans-serif;
  margin: 0px;
  padding-bottom: 6px;
  padding-top: 0;
}
#title h2 {
  color: #FFF;
  font: normal 1.3em Verdana,sans-serif;
  padding: 0px 10px 12px 0px;
}

/* main */
#main {
  background: url("/images/indigo/bgmain.gif") no-repeat;
  clear: both;
  padding: 12px 12px 10px 52px;
}

/* main left */
#menu {
  float: left;
  width: 20%;
}
#menu ul {
  border-right: 1px dashed #999;
  border-left: 1px dashed #999;
  margin: 0;
  padding: 0;
}
#menu li {
  border-bottom: 1px dashed #AAA;
  list-style: none;
  margin: 0;
}
#menu li a {
  color: #222;
  display: block;
  font: bold 1.2em Verdana,sans-serif;
  padding: 5px 6px 5px 18px;
  text-decoration: none;
}
#menu li a:hover {
  color: #777;
  background: url("/images/indigo/nav_li.gif") no-repeat;
}
#logo {
  margin: 30px 0px 0px 0px;
  text-align: center;
  border: 1px dashed grey;
  padding: 2px 0px 0px 0px;
}

/* content */
#content {
  float: left;
  margin-left: 30px;
  width: 76%;
}
#content li {
  margin-left: 40px;
  padding-bottom: 6px;
}

/* footer */
#footer, #push {
  height: 32px;
  margin: 6px auto 0px auto;
}
#footer {
  padding-top: 10px;
  background: #0094D6 url("/images/indigo/bgfooter.gif") repeat-x;
  color: #C1DEF0;
  font-size: 1em;
  text-align: center;
}
#footer a {
  color: #FFF;
  text-decoration: none;
}
#footer a:hover {
  color: #FFF;
  text-decoration: underline;
}

/*crutch for min-width for explorer*/
* html .crutch1 {
  padding-left:960px;
}
* html .crutch3 {
  margin-left:-960px;
  position:relative;
}
* html .crutch1,
* html .crutch2,
* html .crutch3 {
  height:1px;
}