@charset "utf-8";

/* CSS FOR WEBSITE DESIGN (NON-TEXT CONTENT) - NORMAL MODE

   Content: Global / Headers / Top menu / Content / Footer / Shadows

   Normal mode: default-design1.css (preferred)
                default-design2.css (persistent)
                default-content.css (persistent)

   This code sets the structure of the page content and styling of permanent
   elements in normal mode. */

/* Note on colours:
   #FFFFFF: white                 #CC0000: red
   #BBBBBB: light  grey (border)  #FF5500: orange (eg download links)
   #555555: medium grey (text)    #6098CD: light  blue of design  (eg menus)
   #333333: dark   grey (text)    #07539C:        blue of design  (eg menus)
   #000000: black                 #0055AA:        blue in text    (eg links) */

/* GLOBAL ====================================================================*/

* {
  margin: 0px;
  padding: 0px; 
} /* Reset all browsers to same default (especially IE) */

body {
  margin: 0px;
  padding: 0px;
  width: 100%;
  text-align: center; /* center content */
  background-image: url(../img/bgd_bluepale.jpg);
  background-repeat: repeat;
  background-color: #C2D2E1;
  cursor: auto;
  color: #000000;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 12px;
  font-family: Verdana, Geneva, Arial, sans-serif;
}

/* WRAPPERS ------------------------------------------------------------------*/
  
div#objWrapper {
  width: 988px; /* = 980 px + 2 * 4px of shadow */
  text-align: left; /* reset text alignement to left */
  margin: 0px auto 0px auto; /* center inside parent div */
}

div#objHeaderWrapper,
div#objTopMenuWrapper {
  background-image: url(../img/bgd_blue.jpg);
  background-repeat: repeat;
  background-color: #07539C;
  color: #FFFFFF;
  text-align: left; /* reset text alignement to left */
}

div#objContentWrapper {
  background-color: #FFFFFF;
  padding: 12px 0px 12px 0px;
}

div#objFooterWrapper {
  background-image: url(../img/bgd_blue.jpg);
  background-repeat: repeat;
  background-color: #07539C;
  color: #FFFFFF;
  padding: 7px 18px 9px 18px;
}

/* HEADER ====================================================================*/

div#Header img {
  width: 980px; /* do not set to 100% since parent element is <a> */
  height: 80px;
  display: block;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
}

div#HeaderPrint { display: none; }

/* TOP MENU ==================================================================*/

div#TopMenu {
  width: 100%;
  font-size: 11px;
  overflow: hidden; /* fix null height in Firefox preventing background image display */
  height: 24px;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

/* MAJOR MENU ----------------------------------------------------------------*/

div#TopMenu ul#Major {
  margin: 0px; /*removes indent IE and Opera */
  padding: 0px; /*removes indent Mozilla and NN7 */
  list-style-type: none; /*turns off display of bullet*/
}

div#TopMenu ul#Major li {
  float: left; /* no line break between menu items */
  width: auto;
  text-align: center;
  border-right: 1px solid #FFFFFF;
}

div#TopMenu ul#Major a {
  display: block; /* entire link is clickable */
  width: 88px; /* width + side padding = 100px */
  padding: 5px 0px 6px 0px; /* TB same as div#TopMenu ul#Minor a */
}

div#TopMenu ul#Major a,
div#TopMenu ul#Major a:link,
div#TopMenu ul#Major a:visited {
  color: #FFFFFF;
  text-decoration: none; /* no underlining */
}

div#TopMenu ul#Major a:hover,
div#TopMenu ul#Major a:active,
div#TopMenu ul#Major a:focus,
div#TopMenu ul#Major li:hover a,
div#TopMenu ul#Major li#Current a {
  background-image: url(../img/bgd_bluelight.jpg) !important;
  background-repeat: repeat;
}

div#TopMenu ul#Major li#Current a { text-decoration: underline !important; }

/* MINOR MENU ----------------------------------------------------------------*/

div#TopMenu ul#Minor {
  margin: 0px; /*removes indent IE and Opera */
  padding: 0px; /*removes indent Mozilla and NN7 */
  list-style-type: none; /*turns off display of bullet*/
  font-style: italic;
}

div#TopMenu ul#Minor li {
  float: right; /* no line break between menu items */
  width: auto;
  text-align: right;
}

div#TopMenu ul#Minor a {
  display: block; /* entire link is clickable */
  padding: 5px 18px 6px 6px; /* TB same as div#TopMenu ul#Major a */
}

div#TopMenu ul#Minor a,
div#TopMenu ul#Minor a:link,
div#TopMenu ul#Minor a:visited {
  color: #FFFFFF;
  text-decoration: none; /* no underlining */
}

div#TopMenu ul#Minor a:hover,
div#TopMenu ul#Minor a:active,
div#TopMenu ul#Minor a:focus,
div#TopMenu ul#Minor li:hover a,
div#TopMenu ul#Minor li:active a,
div#TopMenu ul#Minor li:focus a { text-decoration: underline; }

/* CONTENT ===================================================================*/

/* Note for #Content: the space between div#Content and div#SideMenu is created
   with the left (right) margin on div#Content. No matter how much content
   div#SideMenu contains, the column space will remain. */

div#objContent {
  width: 980px;
}

/* BREADCRUMBS ---------------------------------------------------------------*/

div#Breadcrumbs {
  width: 962px;
  padding: 0px 0px 12px 18px;
  color: #555555;
  font-size: 11px;
}

div#Breadcrumbs span {
  color: #339900;
  font-weight: bold;
} /* user area special */

div#objContent div#Breadcrumbs a,
div#objContent div#Breadcrumbs a:link,
div#objContent div#Breadcrumbs a:visited {
  color: #555555;
  text-decoration: none;
}

div#objContent div#Breadcrumbs a:hover,
div#objContent div#Breadcrumbs a:active,
div#objContent div#Breadcrumbs a:focus { text-decoration: underline; }

.OneColLayout div#objContent.Home div#Breadcrumbs { display: none; }

/* AirText Banner ---------------------------------------------------------------*/

div#airtextbanner{background: url('http://airtext.info/images/cercbg2.png'); color: #000 !important; margin-top: 5px; margin-bottom: 5px; text-align:center; font: 100%/1.4 KnulBold, Helvetica, Verdana, Arial, sans-serif !important; font-size: 1.6em !important; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; margin-left:-18px; width:980px;}

div#airtextbanner a {color: #0055AA !important;}

div#airtextbanner a:visited {text-decoration: none;}
div#airtextbanner a:link {text-decoration: none;}
div#airtextbanner a:active  {text-decoration: none;}
div#airtextbanner a:hover {text-decoration: underline;}

/* Alternative Banner ---------------------------------------------------------------*/

div#alternativetextbanner{background: url(../img/blue.png); color: #0055AA !important; margin-top: 5px; margin-bottom: 5px; text-align:center; font: 100%/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif !important; font-size: 1.8em !important; letter-spacing: 2px; margin-left:-18px; width:980px; height:52px}

div#alternativetextbanner a {color: #0055AA !important; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }

div#alternativetextbanner a:visited {text-decoration: none;}
div#alternativetextbanner a:link {text-decoration: none;}
div#alternativetextbanner a:active  {text-decoration: none;}
div#alternativetextbanner a:hover {text-decoration: underline;}


/* SIDE MENU -------------------------------------------- CLASS .TwoColLayout */

/* Note: left and right margins should be given to every element that will be
   placed inside div#SideMenu */

.TwoColLayout div#SideMenu {
  float: left; /* floated => must be given a width */
  width: 200px; /* depends on div#Content{left-margin} */
  background-image: url(../img/bgd_blue.jpg);
  background-repeat: repeat;
  background-color: #07539C;
  color: #FFFFFF;
  font-size: 11px;
}

.TwoColLayout div#SideMenu img {
  width: 200px; /* depends on div#SideMenu{width} */
  height: 100px;
  display: block;
}

.TwoColLayout div#SideMenu ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none; /* turns off display of bullet */
}

.TwoColLayout div#SideMenu li#liFirst { font-weight: bold; }

.TwoColLayout div#SideMenu li li { text-indent: 15px; }

.TwoColLayout div#SideMenu li a { padding: 5px 0px 6px 18px; } /* TB same as div#TopMenu ul#Major a */

.TwoColLayout div#SideMenu li li a { padding: 2px 0px 1px 18px; }

.TwoColLayout div#SideMenu li a,
.TwoColLayout div#SideMenu li a:link,
.TwoColLayout div#SideMenu li a:visited,
.TwoColLayout div#SideMenu li li a,
.TwoColLayout div#SideMenu li li a:link,
.TwoColLayout div#SideMenu li li a:visited {
  display: block; /* entire link is clickable */
  color: #FFFFFF;
  text-decoration: none; /* no underlining */
  background-image: url(../img/menu2_blue.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

.TwoColLayout div#SideMenu li li a,
.TwoColLayout div#SideMenu li li a:link,
.TwoColLayout div#SideMenu li li a:visited { background-image: url(../img/menu2b_blue.jpg); }

.TwoColLayout div#SideMenu li a:hover,
.TwoColLayout div#SideMenu li a:active,
.TwoColLayout div#SideMenu li a:focus,
.TwoColLayout div#SideMenu li .uberlink { background-image: url(../img/menu2_bluelight.jpg) !important; }

.TwoColLayout div#SideMenu li li a:hover,
.TwoColLayout div#SideMenu li li a:active,
.TwoColLayout div#SideMenu li li a:focus,
.TwoColLayout div#SideMenu li li .uberlink
{ background-image: url(../img/menu2b_bluelight.jpg) !important; }

.TwoColLayout div#SideMenu li .uberlink,
.TwoColLayout div#SideMenu li li .uberlink { text-decoration: underline !important; }

.TwoColLayout div#SideMenu li.SideMenuTitle {
  padding-left: 4px;
  font-style: italic;
  letter-spacing: 1px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* USER AREA LOG OUT BUTTON */

div#objContent.User div#SideMenu div#divLogout form {
  padding: 6px 0px 6px 18px;
  background-image: url(../img/bgd_blue.jpg);
  background-repeat: repeat;
  background-color: #07539C;
}

div#objContent.User div#SideMenu div#divLogout p { padding: 0px; }

/* CONTENT ------------------------------- CLASS .TwoColLayout, .OneColLayout */

.TwoColLayout div#Content {
  padding: 0px 18px 0px 24px;
  margin: 0px 0px 0px 200px;
  min-height: 400px;
}

.OneColLayout div#Content {
  padding: 0px 18px 0px 18px;
  margin: 0px;
  min-height: 400px;
}

/* FOOTER ====================================================================*/

div#objFooterWrapper {
  text-align: right;
  color: #FFFFFF;
  font-size: 10px;
}

div#objFooterWrapper div#FooterCopyright {
  float: left;
  width: 50%; /* floated => must be given width */
  text-align: left;
}

div#objFooterWrapper p#Accessibility { padding-top: 10px; }

div#objFooterWrapper a,
div#objFooterWrapper a:link,
div#objFooterWrapper a:visited {
  color: #FFFFFF;
  text-decoration: none;
}

div#objFooterWrapper a:hover,
div#objFooterWrapper a:active,
div#objFooterWrapper a:focus { text-decoration: underline; }

/* SHADOW EFFECT =============================================================*/

div#objShadowTR,
div#objShadowBR {
  height: 4px;
  background-repeat: no-repeat;
}

div#objShadowTL,
div#objShadowBL,
div#objShadowL {
  padding-left: 4px;
  background-position: left;
}

div#objShadowTR,
div#objShadowBR,
div#objShadowR {
  padding-right: 4px;
  background-position: right;
}

div#objShadowTL,
div#objShadowBL {
  height: 4px;
  background-repeat: no-repeat;
  padding-left: 4px;
  background-position: left;
}

div#objShadowT,
div#objShadowB {
  margin: 0px 4px 0px 4px;
  width: 972px;
  height: 4px;
  background-repeat: repeat-x;
}

div#objShadowR,
div#objShadowL { background-repeat: repeat-y; }

div#objShadowTR { background-image: url(../img/shadow_topright.jpg); }

div#objShadowTL { background-image: url(../img/shadow_topleft.jpg); }

div#objShadowBR { background-image: url(../img/shadow_bottomright.jpg); }

div#objShadowBL { background-image: url(../img/shadow_bottomleft.jpg); }

div#objShadowT { background-image: url(../img/shadow_top.jpg); }

div#objShadowB { background-image: url(../img/shadow_bottom.jpg); }

div#objShadowR { background-image: url(../img/shadow_right.jpg); }

div#objShadowL { background-image: url(../img/shadow_left.jpg); }