/* Generic */
html{
  height:100%;
  overflow-y:scroll;
}
body{
  height:100%;
  background-color:#808080;
  background-color:#4f4f4f;
  background-image:url("page_frame.png");
  background-repeat:repeat-y;
  background-position:top center;
  margin:0;
  font-family:verdana, arial;
}
hr{
  border:1px solid #4f4f4f;
  background-color:#4f4f4f;
  height:1px;
  padding:0;
  margin:10px 0;
}
h1{
  margin:0 0 10px 0;
}
a:link, a:visited{
  text-decoration:none;
  color:inherit;
}
a:active, a:hover{
  color:inherit;
}
p{
  margin:5px 0;
}
ul{
  margin:0;
  padding:0;
  list-style:square inside none;
}
ul li{
  margin:0;
  padding:0;
}

/* Basic Layout */
div#frame{
  background-color:white;
  background-image:url("page_frame.png");
  background-repeat:repeat-y;
  background-position:top center;
  margin:0 auto;
  padding:0 10px;
  width:900px;
  height:auto;
  min-height:100%;
}
div#header{
  border-bottom:1px solid #ffffff;
  width:900px;
  height:160px;
  background:#4f4f4f url("header_gradient.png");
  background-repeat:repeat-x;
  background-attachment:scroll;
  position:relative;
}
img#masthead{
  position:absolute;
  width:428px;
  height:153px;
  left:7px;
  top:0;
  background-image:url("/vr/resources/mastheads/default.jpg");
  background-position:14px top;
  background-repeat:no-repeat;
  background-attachment:scroll;
}
div#main{
  background-color:#4f4f4f;
}
div#menu{
  background:#4f4f4f;
  border-bottom:1px solid #ffffff;
  padding:5px 5px 5px 10px;
  font-size:0.8em;
  color:#808080 !important;
}
div#menu a,
div#menu em{
  color:#ffffff;
  font-weight:bold;
  font-style:normal;
  text-decoration:none;
}
div#menu a:hover{
  text-decoration:underline;
}
div#menu span.options,
div#menu span.user{
  opacity:0.2;
}
div#menu:hover span.options,
div#menu:hover span.user{
  opacity:1;
}
div#menu span.user a{
  font-weight:normal;
}
div#menu div.extra{ /* phpBB */
  border-top:1px solid #808080;
  margin-top:5px;
  padding-top:5px;
  text-align:center;
}
div#content{
  padding:15px;
  background-color:#e5e5e5;
  color:#343434;
  font-size:10pt;
}
div#content a{
  text-decoration:underline;
}
div#content a:hover{
  text-decoration:none;
}
div#content dl{
  margin:0;
}
div#content dl dt{
  font-weight:bold;
}
div#content dl dd{
  margin-left:15px;
  margin-bottom:5px;
}

div#legal{
  background-color:#4f4f4f;
  padding:0;
  margin:0;
  width:900px;
  display:block;
  font-size:0.7em;
  position:relative;
  bottom:0;
  border-top:1px solid #ffffff;
  color:#e5e5e5;
  font-family:verdana;
  vertical-align:middle;
  text-align:center;
  padding:5px 0;
}

/* Detailed Layout */
div#header a#logo{
  position:absolute;
  top:33px;
  left:483px;
}
a#logo img{
  border:0;
}
div#header form{
  position:relative;
}
div#header fieldset{
  position:absolute;
  top:125px;
  right:0;
  border:0;
  padding:0;
  margin:0; 
  width:265px;
  vertical-align:middle;

  display:block;
}
div#header fieldset input,
div#header fieldset button{
  background-color:#4F4F4F;
  color:#e5e5e5;
  border:1px solid #808080;
  border:0;
  margin:0;
  vertical-align:middle;
  display:inline-block;
  font-family:verdana;
  font-size:10pt;
}
div#header fieldset input{
  width:70%;
  padding:1px 0;
}
div#header fieldset button:hover{
  color:white;
}

div#header ul{
  position:absolute;
  top:12px;
  right:0;
  list-style-type:none;
  font-size:0.8em;
  margin:0;
}
div#header ul li{
  text-align:right;
  margin:6px 0;
  color:#e5e5e5;
  font-weight:bold;
  padding:0;
}
div#header ul li a{
  padding:2px;
  padding-left:10px;
  padding-right:15px;
}
div#header ul li:hover a{
  background:white;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomleft:5px;
  -webkit-border-radius-topleft:5px;
  -webkit-border-radius-bottomleft:5px;
  color:#4f4f4f;
}

div.listbox{
  display:inline-block;
  background:#ced4d4 url("boston2.jpg") center 0 fixed no-repeat;
  margin-bottom:15px;
}
div.listbox div.strap{
  background-color:#686868;
  border-top:2px solid #4f4f4f;
  border-bottom:2px solid #4f4f4f;
  font-weight:bold;
  color:white;
  padding:5px;
}
div.listbox div.strap a,
div.listbox div.strap span{
  display:block;
  font-weight:bold;
  text-align:center;
  color:white;
}
div.listbox * img{
  vertical-align:middle;
  margin-right:5px;
  border:0;
}

/* To be moved to VR-wide */
div#content h1,
div#content h2,
div#content h3{
  margin:10px 0 5px 0;
  color:#4f4f4f;
}
::selection{
  color:#4f4f4f;
  background-color:white;
}
::-moz-selection{
  color:#4f4f4f;
  background-color:white;
}

/* Clear floats */
div#content:after,
div#legal:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

button.submit-button{
  display:block;
  margin:0 auto;
}

/* Print */
@media print{
  /* remove page background */
  body,
  div#frame,
  div#main,
  div#content{
    background:none;
  }
  /* remove header */
  div#header{
    display:none;
  }
  /* restyle menu*/
  div#menu{
    background:white;
    color:#4f4f4f;
  }
  div#menu a,
  div#menu em{
    color:#808080;
  }
  div#menu span.options{
    display:none;
  }
  /* restyle footer */
  div#legal{
    background:none;
    color:#4f4f4f;
    border:0;
  }
}