/***************/
/* Entire page */
/***************/

* { 
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  margin: 0;
  padding: 0;
  border: 0;
}

.strong, .strong a:visited {
  font-weight: bold;
  font-style: italic;
}

a:link {
  color: #0000FF; /* blue */
  text-decoration: none;
  font-weight: bolder;
}

a:visited {
  color: #800080; /* purple */
  text-decoration: none;
  font-weight: normal;
}

a:hover {
  color: #8888FF; /* a lighter shade of blue */
  text-decoration: underline;
}

.button {
  margin-top: 2px;
  margin-right: 8px;
  border: 1px solid #6060A0;
  font-weight: bold;
  background: url(/images/AirTN/navbg.gif) #FFFFFF /* white */ bottom left repeat-x;
  cursor: pointer;
  padding: 0 4px 0 4px;
}

.button:hover {
  background-image: url(/images/AirTN/navbghover.gif);
  border: 1px solid #DCDCFF;
  color: #999999; /* a lighter shade of blue */
}

#outer {
  width: 100%;
  background-color: #f3f9ff; /* light blue */
  height: 100%;
}

#page {
  /* floating (centered) page */
  width: 770px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff; /* white */
  border-left: 1px solid #4682b4; /* darkslategray */
  border-right: 1px solid #4682b4; /* darkslategray */
}


/*******************/
/* Header top area */
/*******************/

#headertop .strong, #headertop .strong a:visited {
  font-style: normal;
}


div#headertop {
  overflow: hidden;
  padding: 0;
  margin: 0;
  font-variant: small-caps;
  font-size: 0.75em;
  background: url(/images/AirTN/bg_header.jpg) #ffffff /* white */ top right no-repeat;
}

#headertop .headertopelement {
  padding-right: 15px;
}

/***************/
/* Header area */
/***************/

#printheader {
  display: none;
}

#header {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  width: 770px;
}

#homebanner .bannerimg {
  /* Make sure header image appears below headertop */
  clear: both;
  border: 0;
  padding: 0;
  margin: 0;
  margin-bottom: 6px;
}

#banner .bannerimg {
  /* Make sure header image appears below headertop */
  clear: both;
  border: 1px solid #bbe4f8; /* light blue */
  padding: 0;
  margin: 0;
  margin-bottom: 6px;
}

#banner .airtneu {
  margin-bottom: 20px;
  margin-left: 10px;
}

.homevirlab, .homevirlabshade, .virlab, .virlabshade {
  position: absolute;
  font-family: palatino, "Times New Roman", "Times Roman", Serif;
  font-variant: small-caps;
}

.homevirlab, .homevirlabshade {
  font-size: 60px;
  font-weight: bold;
}

.virlab, .virlabshade {
  font-size: 34px;
}

.homevirlab, .virlab {
  z-index: 3;
  color: #dff1ff; /* light blue */
}

.homevirlabshade, .virlabshade {
  color: #2F4F4F; /* darkslategray */
  z-index: 2;
}

.homevirlab {
  margin-top: 38px;
  margin-left: 84px;
}

.homevirlabshade {
  margin-top: 40px;
  margin-left: 86px;
}

.virlab {
  margin-top: 22px;
  margin-left: 48px;
}

.virlabshade {
  margin-top: 24px;
  margin-left: 50px;
}

/*******************/
/* Navigation area */
/*******************/

#nav {
  list-style: none;
  margin: 0;
  padding: 0 0 2px 6px;
  border: none;
  height: 24px;
  font-size: 0.75em;
  width: 775px; /* False value for IE4-5.x/Win */
  voice-family: "\"{\""; /* Exploit IE bug -- stops parsing */
  voice-family:inherit; /* reset value for other browsers */
  width: 758px; /* actual value for comformant browsers */
}

html>#nav {
  width: 762px /* Be nice to Opera rule */
}

#nav li {
  float: left;
  margin: 0;
  padding: 1px;
  text-align: center;
}

#nav li a {
  height: 1.5em;
  line-height: 1.3em;
  float: none;
  width: 104px;
  overflow: hidden;
  display: block;
  text-decoration: none;
  text-align: center;
  font-variant: small-caps;
  font-weight: bold;
}

.nav-link a {
  background: url(/images/AirTN/navbg.gif) #FFFFFF /* white */ bottom left repeat-x;
  border: 1px solid #DCDCE9;
}

.nav-link a:hover {
  background-image: url(/images/AirTN/navbghover.gif);
  border: 1px solid #DCDCFF;
}

.nav-here a {
  background: none;
  border: 1px solid #999999;
}

/****************/
/* Sidebar area */
/****************/

#sidebar {
  margin: 0;
  margin-left: 600px;
  padding: 10px;
  font-size: 0.70em;
  color: #2F4F4F; /* darkslategray */
  border-top: 1px solid #4682B4; /* steelblue */
  border-left: 1px solid #4682B4; /* steelblue */
  text-align: left;
}

#sidebar h5 {
  display: block;
  border: 1px solid #A0D0E0;
  color: #000000; /* black */
  font-size: 1.05em;
  height: 1.1em;
  line-height: 1.1em;
  background: #A0D0E0 bottom left repeat-x;
  font-weight: bold;
  padding: 4px;
}

#sidebar p {
  /* <p> in the sidebar have extra space around them. This is to allow for
   * tightly spaced single-line tables, and better readable tables with
   * lots of text inside a <p>.
   */
  margin-top: 5px;
  margin-bottom: 5px;
}

#sidebar .sidepart {
  margin-top: 8px;
  padding-bottom: 10px; /* Cannot have margin-botton: problem in IE6 */
  width: 145px;
}

#sidebar .tableview td {
  /* Make sure the table in the sidebar is more condensed (but see <p>
   * exception.
   */
  padding: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}

/*************/
/* TableView */
/*************/

.tableview a {
  font-size: 0.7em;
  color: #0000FF; /* blue */
  text-decoration: none;
  font-weight: bolder;
}
.tableview thead td {
  background: #A0D0E0 bottom left repeat-x;
  /*border-left: 1px solid #A0D0E0;
  border-right: 1px solid #A0D0E0;*/
}

.tableview td, .vtableview td {
  border: 0;
  /*border-top: 1px solid #A0D0E0;*/
}

.tableview, .vtableview {
  border: 0;
  /*border-bottom: 2px solid #A0D0E0;*/
  margin: 0;
  margin-bottom: 2px;
}

.tableview {
  /*border-top: 1px solid #A0D0E0;*/
}

.vtableview {
  border-top: 2px solid #A0D0E0;
}

.tableview, .tableview td, .vtableview, .vtableview td {
  /*border-collapse: collapse;
  padding: 4px 4px 4px 4px;
  vertical-align: top;*/
}

.tableview p, .tableview td, .vtableview td {
  line-height: 1.3em;
}

.tableview thead {
  /* Emphasise table head */
  font-size: 0.8em;
  font-weight: bold;
  background: #A0D0E0;
  color: #000000; /* black */
  border: 1px solid #A0D0E0;
  padding: 4px;
}

.tableviewdate {
  font-size: 0.7em;
  font-style: italic;
  color: #2F4F4F; /* darkslategray */
}

.vtableview p {
  text-align: left;
  line-height: 1.5em;
  font-size: 1em;
  margin-top: 0em;
  margin-bottom: 0.75em;
}

.tableview caption, .vtableview caption {
  font-size: larger;
  padding-bottom: 1em;
  text-align: left;
  font-weight: bold;
}

.vhead {
  font-weight: bold;
  text-align: right;
}

.vbody {
  background: #d9f1ff; /* light blue */
  vertical-align: bottom;
}

.svhead {
  font-style: italic;
  text-align: right;
}

td.svbody {
  vertical-align: bottom;
}

#content textarea {
  border: 1px solid #A0D0E0;
  background: #FFFFFF; /* white */
}

#content input, #content textarea {
  font-size: 0.85em;
}

#content textarea:hover, #content input:hover, #content input:focus, 
  #content textarea:focus {
  border: 1px solid #999999;
}

.editable .vtableview td {
  border: 0;
}

/************/
/* ListView */
/************/

.listview li {
  padding: 0.3em;
}

ul.listview li {
  list-style-type: none;
}

.listviewdate {
  font-style: normal;
  color: #000000; /* darkslategray */
  font-size: 1.1em;
}

.listviewdateNews {
  font-style: normal;
  color: #000000; /* darkslategray */
  font-size: 1.1em;
  width: 90px;
}

.listviewdateEvent {
  font-style: normal;
  color: #000000; /* darkslategray */
  font-size: 1.1em;
  width: 180px;
}

.listview li .listviewdate {
  display: block;
  width: 16em;
  float: left;
}

/****************/
/* Content area */
/****************/

#content {
  background: none;
  float: left;
  color: #000000; /* black */
  font-size: small;
  padding: 10px;
  margin: 0;
  margin-left: 0;
  border: 0;
  border-top: 1px solid #4682B4; /* steelblue */
  border-right: 1px solid #4682B4; /* steelblue */
  width: 600px; /* False value for IE4-5.x/Win */
  voice-family: "\"{\""; /* Exploit IE bug -- stops parsing */
  voice-family:inherit; /* reset value for other browsers */
  width: 580px; /* actual value for comformant browsers */
}

html>#content {
  width: 580px /* Be nice to Opera rule */
}

#content {
  color: #000000; /* black */
  text-align: left;
  font-size: 0.725em;
  line-height: 1.4em;
  margin-top: 0;
}

#content p {
  margin: 0;
  margin-bottom: 0.6em;
}

#content ol {
  list-style-type: decimal;
  margin-left: 2.5em;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}

h1 {
  margin-top: 1em;
  margin-bottom: 0.3em;
  font-size: 1.2em;
  font-weight: bold;
}

h2 {
  margin-top: 1em;
  margin-bottom: 0.3em;
  font-size: 1.1em;
  font-weight: bold;
}

.news_article_summary {
  font-weight: bold;
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
}

.news_article_author {
  font-style: italic;
  font-size: 0.9em;
  display: block;
}

.news_article_date {
  font-style: italic;
  display: block;
  font-size: 1.1em;
}

.contentlink a:link {
  color: #0000FF; /* blue */
  text-decoration: none;
  font-weight: bolder;
  font-size: 0.85em;
}

.contentlink a:visited {
  color: #800080; /* purple */
  text-decoration: none;
  font-weight: normal;
  font-size: 0.85em;
}

/*************/
/* Home page */
/*************/

.home p {
  font-size: 1.0em;
  line-height: 1.6em;
  padding: 1em 2.5em 0em 2em;
  text-align: justify;
}

/***************/
/* Footer area */
/***************/

#footer {
  clear: both;
  border: 0;
  padding: 10px;
  border-top: 1px solid #4682b4; /* steelblue */
  border-bottom: 1px solid #4682b4; /* steelblue */
  background: url(/images/AirTN/bg_footer.jpg) #FFFFFF /* white */ top right no-repeat;
}

#footer p { 
  color: #2f4f4f; /* darkslategray */
  font-size: 0.7em;
  text-align: center;	
}
 
/**************/
/* ActionList */
/**************/

.actionlist {
  list-style-type: none;
  list-style-position: outside;
  padding: 0;
  padding-top: 4px;
}

.actionlist li {
  line-height: 1.5em;
  padding-left: 15px;
}

/**********/
/* Crumbs */
/**********/

#crumbs {
  color: #000000; /* black */
  padding: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  margin: 0;
  margin-left: 0;
  font-size: 0.7em;
  color: #2F4F4F; /* darkslategray */
  background: #FFFFFF; /* white */
  border: 0;
  border-top: 1px solid #4682B4; /* steelblue */
  padding: 0 20px 20px 20px;
  margin: 0;
  margin-left: 0;
}

/**************/
/* ActionList */
/**************/

.actionlist {
  padding: 0;
  padding-top: 4px;
}

.actionlist li {
  line-height: 1.5em;
  list-style-type: none;
  padding: 0;
  margin: 0;
  border: 0;
}

/**********/
/* Crumbs */
/**********/

#crumbs {
  color: #000000; /* black */
  padding: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  margin: 0;
  margin-left: 0;
  font-size: 0.7em;
  color: #2F4F4F; /* darkslategray */
  background: #FFFFFF; /* white */
  border: 0;
  border-top: 1px solid #4682B4; /* steelblue */
}

#crumbs a:link {
  color: #0000FF; /* blue */
  text-decoration: none;
  font-weight: normal;
}

#crumbs a:visited {
  color: #0000FF; /* blue */
  text-decoration: none;
  font-weight: normal;
}

#crumbs a:hover {
  color: #8888FF; /* a lighter shade of blue */
  text-decoration: underline;
  font-weight: normal;
}

/**********/
/* Error  */
/**********/

.error {
  font-size: 30px;
}

ol.listview {
  list-style-type: decimal;
}

ul.list_in_text  {
  padding-left: 1.5em;
}

.list_in_text li {
  list-style-type: circle;
  padding-bottom: 0.3em;
}

.event_location {
  font-size: 0.9em;
}

/* Hack to allow working AVI in XHTML1.0 Strict for IE6. See 
 * http://www.ceprix.net/examples/qt/example4-1.html
 */
* html object.hide {
  display: none;
}

object.movie, object.hide {
  height: 405px;
  width: 540px;
  border: 1px solid #4682B4; /* steelblue */
}
