/***************************************************************
 *                                                             *
 * Stylesheet.css for QCS web site                             *
 *                                                             *
 * Sep 2006 Initial version                                    *
 * Aug 2007  Added pages for conferences and publications      *
 ***************************************************************/

/*
 * Special rgb values:
 *
 * rgb(1,50,152)   = blue background
 * rgb(233,28,10)  = QCS red from logo
 * rgb(238,250,76) = yellow link color, also text color
 * rgb(46,108,239) = light blue background color
 */

/* ===== Common settings first ===== */

html {
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

/* Common background and body text colors.
 * Don't set body colors here; we want the top and bottom
 * sections to set their backgrounds appropriately.
 */
 
body {
  border: 0px; margin: 0px; padding: 0px;
  background: rgb(46,108,239);
}

p,ul,form {
  color: rgb(238,250,76);
  font-weight: bold;
  border: 0px; margin: 0px; padding: 0px;
  padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em;
}

/* Common spacer for use between <div>s: */
div.spacer {clear: both;}

/* Tight (ie. no) space around these elements: */
td.tight_space {
  border: 0px; margin: 0px; padding: 0px;
}

tr.tight_space {
  border: 0px; margin: 0px; padding: 0px;
}

/* These elements occupy the full width of the window: */

table.full_width {
  border: 0px; margin: 0px; padding: 0px;
  width: 100%;
}

/* These elements are specific sizes: */

tr.width_300px {
  width: 300px;
}

td.width_300px {
  width: 300px;
}

/* List formatting: */

ul.list_indented {
  margin-left: 2em;
  line-height: 1.5em;
}
 
li.list_item {
  border: 0px; margin: 0px; padding: 0.2em;
}

/* Headings: */

p.sub_heading_bold {
  color: white;
  font-weight: bold;
}

p.sub_heading_bold_big {
  color: white;
  font-weight: bold;
  font-size: larger;
}


/* Set table/td/tr border-width to 1 for debugging: */
table {border-width: 0px; border-style: dashed;}
td    {border-width: 0px; border-style: solid;}
tr    {border-width: 0px; border-style: solid;}

/* Anchors: */
a:link    {font-weight: bold; color: blue;}
a:visited {font-weight: bold; color: purple;}
a:active  {color: green;}
a:hover   {background: rgb(233,28,10); color: rgb(238,250,76);}

/* Each page comprises a top (header) section which is common to
 * all pages, and a bottom (content) section which is specific
 * to the page because they have different background images.
 */

/* Common header: (navigation links etc.) */

div.header {
  border: 0px; margin: 0px; padding: 0px;
  background: rgb(1,50,152);
}

hr.header_separator {
  color: rgb(233,28,10);
  border: 0px; margin: 0px; padding: 0px;
  border-width: 3px;
  border-style: solid;
}

table.header_table {
  border: 0px; margin: 0px; padding: 0px;
  padding-bottom: 0.5em;
  width: 100%;
}

p.header_text {
  border: 0px; margin: 0px; padding: 0px;
  margin-bottom: 0px;
  color: rgb(233,28,10);
  text-align: right;
  margin-right: 0.5em;
  font-family: Times, Garamond, serif;
  font-size: larger;
  font-style: italic;
}

div.header_nav {
  margin: 0px; border: 0px; padding: 0px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align: center;
  background: rgb(46,108,239);
}

a.header_nav_link {
  color: rgb(238,250,76);
  padding: 0.2em;
  text-align: center;
}

a.regular_link {
  color: rgb(238,250,76);
  padding: 0px;
}

/* Common content (all pages put their content within this div): */

div.content {
  border: 0px; margin: 0px; padding: 1em;
  background: rgb(46,108,239);
}



/* ===== Home (main) page ===== */

div.main_content2 {
  height: 600px;
  border: 0px; margin: 0px; padding: 0px;
  background-image: url('Graphics/Home-BG.gif');
  background-repeat: no-repeat;
  background-position: top;
}

td.main_tools_image {
  width: 33%;
}
  
td.main_tools_caption {
  margin-top: 2em;
  text-align: center;
}

p.main_tools_caption_text {
  border: 0px; margin: 0px; padding: 0px;
  text-align: center;
  color: rgb(233,28,10);
}

p.main_tools_caption_text_left {
  border: 0px; margin: 0px; padding: 0px;
  text-align: left;
  color: rgb(233,28,10);
}

p.main_tools_caption_text_right {
  border: 0px; margin: 0px; padding: 0px;
  text-align: right;
  color: rgb(233,28,10);
}

div.main_thumbnails {
  margin-left: auto; margin-right: auto;
}
 
td.main_thumbnails_caption {
  margin-top: 2em;
}

p.main_thumbnails_caption_text {
  border: 0px; margin: 0px; padding: 0px;
  text-align: center;
  color: rgb(238,250,76);
}

div.main_left {
  float: left;
}

div.main_news {
  float: right;
  width: 200px;
  margin-left: 2em;
  color: rgb(238,250,76);
  font-size: smaller;
  font-weight: bold;
  border: 0px; margin: 0px; padding: 0.5em;
  border-width: 3px;
  border-style: solid;
  border-color: rgb(233,28,10);
}


/* ===== About QCS page ===== */

div.about_content2 {
  border: 0px; margin: 0px; padding: 0px;
  height: 600px;
  background-image: url('Graphics/About-BG.gif');
  background-repeat: no-repeat;
  background-position: top;
}



/* ===== Contact Us page(s) ===== */

/* height must match size of image specified: */

div.contact_content {
  border: 0px; margin: 0px; padding: 0px;
  height: 600px;
  background-image: url('Graphics/Contact-Form-BG.gif');
  background-repeat: no-repeat;
  background-position: top;
}

/* This one is for the pages with no map */
div.contact_content_no_image {
  height: 500px;
  border: 0px; margin: 0px; padding: 0px;
}



/* ===== Epi page ===== */

div.epi_content2 {
  border: 0px; margin: 0px; padding: 0px;
  height: 1500px;
  background-image: url('Graphics/Epi-BG.gif');
  background-repeat: no-repeat;
  background-position: top;
}



/* ===== Ion page ===== */

div.ion_content2 {
  border: 0px; margin: 0px; padding: 0px;
  height: 1500px;
  background-image: url('Graphics/Ion-BG.gif');
  background-repeat: no-repeat;
  background-position: top;
}



/* ===== Technology page ===== */

div.technology_content {
  border: 0px; margin: 0px; padding: 0px;
  height: 1500px;
  background-image: url('Graphics/Technology-BG-w.Text-Images.gif');
  background-repeat: no-repeat;
  background-position: top;
}

table.technology_table {
  border: 0px; margin: 0px; padding: 0px;
  width: 450px;
}



/* ===== Conferences page ===== */

div.conferences_content {
  border: 0px; margin: 0px; padding: 0px;
  height: 3000px;
  background-image: url('Graphics/Technology-BG.gif');
  background-repeat: no-repeat;
  background-position: top;
}



/* ===== Publications page ===== */


div.publications_content {
  border: 0px; margin: 0px; padding: 0px;
  height: 1500px;
  background-image: url('Graphics/Technology-BG.gif');
  background-repeat: no-repeat;
  background-position: top;
}



/* ===== Paper page (generic page) ===== */


div.paper_content_generic {
  border: 0px; margin: 0px; padding: 0px;
  height: 1500px;
  width: 1200px;
  background: rgb(46,108,239);
  background-repeat: no-repeat;
  background-position: top;
}

p.paper_title {
  font-size: 150%;
}


/* ===== Employment page ===== */

div.employ_form2 {
  border: 0px; margin: 0px; padding: 0px;
  height: 2500px;
  background-repeat: no-repeat;
  background-position: top;
}

p.employ_form2_buttons {
  text-align: center;
}

div.job_listing {
  border: 5px; margin: 5px; padding: 5px;
  border-width: 3px;
  border-style: solid;
  border-color: rgb(233,28,10);
}



/* ===== Web server error pages ===== */

div.error_content2 {
  border: 0px; margin: 0px; padding: 0px;
  height: 600px;
  background-image: url('Graphics/About-BG.gif');
  background-repeat: no-repeat;
  background-position: top;
}

p.error_text {
  text-align: center;
  font-size: 150%;
}