/***************************************
 * TITLE: RescueNet Default Stylesheet *
 * URI  :        *
 * MODIF: 9/20/2004                    *
 ***************************************/

/* DESCRIPTION:
 * This is the default stylesheet for RescueNet. It has a tab-like bar beneath the title 
 * for navigation. The tabs become depressed when
 * the User hovers the mouse pointer over them, giving a dynamic effect.
 *
 * This stylesheet is best used for display on large display areas (eg: standard computer
 * monitors).
 */


/* ##### Common Styles ##### */

body {
  color: #333333;
  background-color: rgb(243,242,245);
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 73%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 9pt;
}

table {
  border: 1px solid black;
}

td, th {
  padding: 1ex 1ex 1ex 1ex;
}

select {
  width: 150px;
}

acronym, .titleTip {
  border-bottom: 1px dotted gray;
  cursor: help;
  margin: 0;
  padding: 0 0 0.4px 0;
}

acronym:hover, .titleTip:hover {  /* Ignored by MSIE. The nerve! */
  border-bottom: 1px solid rgb(70,130,180);  /* 'steelblue' not recognised here by Opera */
}

.doNotDisplay {
  display: none;
}

.smallCaps {
  font-size: 110%;
  font-variant: small-caps;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:visited {
  color: white;
}

.center {
  position: relative;
  left: 10%;
}

.middle {
  vertical-align: 20%;
}

.white_bg {
  background-color: white;
}

.redstar {
  color: #FF0000;
}

#questionmark {
  color: black;
  background-color: #FF9900;
  padding: 0 0.5ex 0 0.5ex;
}

/* ###### Header ###### */

#header {
  background-color: white;
}

.headerTitle {
  color: #336699;
  background-color: transparent;
  font-family: garamond, "times new roman", times, roman, serif;
  font-size: 400%;
  margin: 0 0 0 20mm;
  padding: 1ex 0 0 0;
}

.headerTitle #net {
  color: #FF9900;
}

.headerTitle2 {
  color: rgb(175,175,175);
  background-color: transparent;
  font-family: garamond, "times new roman", times, roman, serif;
  font-size: 200%;
  margin: 0 0 0 20mm;
  padding: 0 0 1ex 0;
}

.subHeader {
  margin: 0;
  padding: 0.75em 1ex 0.5ex 1ex;
  border-bottom: 5px solid #336699;  
}

.subHeader .navigation {
  list-style-type: none;
  list-style-position: outside;
  margin: 0 0 1ex 12em;
  padding: 0;
}

.subHeader .navigation li {
  line-height: 1.75em;
  margin: 0 -0.2em 0 0;
  padding: 0;
  display: inline;
}
 
.subHeader a {
  color: rgb(175,175,175);
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
}

.subHeader a:hover {
  color: steelblue;
  background-color: transparent;
  text-decoration: none;
}

.subHeader .navigation .tab {
  color: #FFFFFF;
  background-color: #2F8596;
  text-decoration: none;
  font-weight: bold;
  margin: 0 0 1ex 0;
  padding: 0.5ex 1.25em 2ex 1.25em;
  border-top: 1px solid rgb(97,97,97);
  border-right: 1px solid rgb(97,97,97);
  border-left: 1px solid rgb(97,97,97);
}

.subHeader .navigation a.tab:hover {
  color: #666666;
  background-color: #ADCFD6;
  text-decoration: none;
  /*padding-bottom: 1.8ex;*/
  border-top: 1px solid #2F8596;
  border-right: 1px solid #2F8596;
  border-left: 1px solid #2F8596;
  /*position: relative;
  left: 1px;
  top: 1px;*/
}

.redtext {
  color: red;
}

/* ##### Left Side Bar ##### */

.leftSideBar {
  color: #333333; 
  width: 12.5em;
  float: left;
  clear: left;
  border-right: 1px solid #04454C;
}

.leftSideBar .sideBarTitle {
  background-color: #99CC66;
  font-size: 150%;
  font-weight: bold;
  margin: 0;
  padding: 0.8ex 1ex;
  border
}

.leftSideBar ul {
  background-color: rgb(230,223,207);
  list-style-type: none;
  list-style-position: outside;
  margin: 0 0 1em 0;
  padding: 0;
}

.leftSideBar li {
  margin: 0 0 2px 0;
/*  padding: 0 0 1.25ex 0.75ex;*/
  padding: 0.75ex 0 1.25ex 1.5ex;
  border-bottom: 2px solid white;
}

.leftSideBar a {
  color: #333333;
  font-weight: bold;
}

.leftSideBar a:hover {
  text-decoration: underline;
}


.leftSideBar a:visited {
  color: #333333;
}

/* ##### Main Copy ##### */

#main-copy {
  background-color: white;
  text-align: justify;
  line-height: 1.5em;
  margin: 0 0 0 12.5em;
  padding: .5ex 5em 1em 1em;
  border-left: 1px solid #04454C;
}

#main-copy p {
  margin: 1em 1ex 2em 1ex;
  padding: 0;
}

#main-copy ul {
  margin: 1em 1ex 2em 5ex;
  padding:0;
}

#main-copy ul.nobullet {
  list-style-type: none;
  list-style-position: outside;
  margin: 1em 1ex 2em 2ex; 
}

#main-copy dt {
  font-weight: bold;
  margin: 1.5em 1ex 0.5em 1ex;
  padding: 0;
}

#main-copy q {
  color: rgb(225,225,225);
  background-color: transparent;
  font-size: 200%;
  font-weight: bold;
  line-height: 1.5em;
  text-align: left;
  text-indent: -1ex;
  margin: 0.3em 0 0.8em 1ex;
  padding: 0;
  display: block;
}

#main-copy q.centred {
  text-align: center;
  margin-left: 0;
}

q:before, q:after {  /* Prevents Gecko from adding quotation marks around quote */
  content: "";
}

#main-copy a {
  color: rgb(0,102,204);
  background-color: transparent;
}

#main-copy a:visited {
  color: rgb(0,102,204);
  background-color: transparent;
}

#main-copy a:hover {
  color: steelblue;
  background-color: transparent;
}

#main-copy h1 {
  color: #333366;
  background-color: #adcfd6;
  font-size: 120%;
  font-weight: bold;
  margin: 3em 0 0 0;
  padding: 0.5ex 0 0.5ex 1ex;
  border-top: 1px solid #2F8596;
  border-bottom: 1px solid #2F8596;
}

#main-copy .subTitle {
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-size: 120%;
  font-weight: bold;
  margin: 2em 0 0 0;
  padding: 0;
  text-decoration: underline;
}

#main-copy input {
  margin: 0;
  padding: 0;
}

.byline {
  font-size: 91%;
  border-bottom: 1px solid gray;
  margin: -1.2em 0 1em 0;
  padding: 0;
  width: 100%;  /* Circumvents a rendering bug (?) in MSIE 6.0 */
}

[class~="byline"] {
  margin-top: -1.4em;
}

#main-copy .byline a {
  color: black;
  background-color: transparent;
}

#main-copy .byline a:hover {
  color: steelblue;
  background-color: transparent;
}

#main-copy .topOfPage {
  color: #333333;
  background-color: transparent;
  font-size: 91%;
  font-weight: bold;
  text-decoration: none;
  margin: 4ex 1ex 0 0;  /* For MSIE */
  padding: 0;
  float: right;
}

#main-copy a.topOfPage:hover {
  color: #333333;
  background-color: transparent;
}

#main-copy a.topOfPage:visited {
  color: #333333;
  background-color: transparent;
}

#main-copy a.top{
  color: #333333;
  background-color: transparent;
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
  margin: 4ex 1ex 0 0;  /* For MSIE */
  padding: 0;
  text_align: center;
}

#main-copy a.top:hover {
  color: #333333;
  background-color: transparent;
  text_decoration: underline;
}

#main-copy a.top:visited {
  color: #333333;
  background-color: transparent;
  text_decoration: none;
}

#main-copy #databasequery {
  background-color: rgb(248,248,248);
  font-size: 120%;
  font-weight: bold;
  margin: 2em 3em 2em 3em; 
  padding: 3ex 3ex 3ex 3ex; 
  border: 1px solid rgb(231,231,231);
  width: 730px;
/*  line-height: 3em;*/
}
#main-copy #material_type {
  width: 300px;
}

/*
#main-copy h4 {
  color: rgb(0,102,204); 
}
*/

#main-copy #contactus {
  background-color: rgb(248,248,248);
  font-size: 120%;
  font-weight: bold;
  margin: 2em 3em 2em 3em; 
  padding: 3ex 3ex 3ex 3ex; 
  border: 1px solid rgb(231,231,231);
}

#main-copy #contactus input, textarea {
  margin: 0.5em 0 0 0;
}

#main-copy .button {
  background-color: #99CC66;
  padding: 0 1em 0 1em;
  margin: 0 3ex 0 3ex;
}

.integerInput {
  width: 50px;
}

.raisedCap {
  text-indent: 0.5em;
}

[class~="raisedCap"] {  /* Circumvents a rendering bug (?) in MSIE 6.0 */
  text-indent: 1em;
}

.raisedCap:first-line {
  font-weight: bold;
}

.raisedCap:first-letter {
  font-size: 155%;
}

.noIndent {
  text-indent: 0 !important;
}

/* ###### query-copy ###### */

#query-copy {
  padding:3ex 3ex 3ex 3ex;
}

#query-copy a:visited {
  font-size: 95%;
  color: blue;
}

/* ##### Footer ##### */

#footer {
  color: black;
  text-align: center;
  line-height: 1.25em;
  margin: 0 2 2 2;
  padding: 0;
  clear: both;
}

#footer #bottommenu {
  color: white;
  font-size: 100%;
  background-color: #2F8596;
  padding: 1em 4mm 1em 4mm;
}

#footer #copyright {
  color: white;
  background-color: #04454C;
  padding: 1em 4mm 2em 4mm;
}

#footer div {
  margin: 0;
  padding: 0 0 1ex 0;
}


#footer a, a:visited {
  color: white;
  font-weight: bold;
}

#footer #copyright a, a:visited {
  color: #FF9900;
}
 