/* ctt-navigation.css -

  R.E.Korns  02-Sep-2011  11  Revised add opmenuhome
  R.E.Korns  22-Jan-2011  10  Revised 
  R.E.Korns  21-Jan-2011  09  Revised cleanup
  R.E.Korns  15-Jan-2011  08  Revised opmenus
  R.E.Korns  29-Dec-2010  07  Revised image path
  R.E.Korns  17-Dec-2010  06  Revised opmenu width for 5th item
  R.E.Korns  22-Nov-2010  05  Revised menu width
  R.E.Korns  18-Oct-2010  04  Revised fix opacity vmenu2
  R.E.Korns  02-Aug-2010  03  Revised add opacity vmenu2 + 3rd level changes
  R.E.Korns  07-Jul-2010  02  Revised add opacity menus
  R.E.Korns  02-Jul-2010  01  Author
*/

#info {
  background: #f8f8f8; 
  border: 0;
}

/* =================================================================== **
** This copyright notice must be untouched at all times.               **
**                                                                     **
** The original version of this stylesheet and the associated (x)html  **
** is available at http://www.cssplay.co.uk/menus/final_drop.html      **
** Copyright (c) 2005-2008 Stu Nicholls, All rights reserved.          **
** This stylesheet and the associated (x)html may be modified in any   **
** way to fit your requirements.                                       **
** =================================================================== */

.menu {
  width: 1141px;
  height: 32px;
  position: relative;
  z-index: 100;
  border-right: 1px solid #ffffff;
  font-family: arial, sans-serif;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {
  width: 1140px;
  w\idth: 1141px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.menu ul ul {
  width: 163px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
  float: left;
  width: 163px;
  position: relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
  display: block;
  font-size: 12px;
  text-decoration: none;
  color: #fff;
  width: 152px;
  height: 30px;
  border: 1px solid #ffffff;
  border-width: 1px 0 1px 1px;
  background: #446ab5;
  padding-left: 10px;
  line-height: 29px;
  font-weight: bold;
}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
  width: 163px;
  w\idth: 152px;
}

/* style the second level background */
.menu ul ul a.drop,
.menu ul ul a.drop:visited {
  background: #224893 url(../images/menu/grey-arrow.gif) no-repeat 144px center;
}
/* style the second level hover */
.menu ul ul a.drop:hover {
  background: #7790d8 url(../images/menu/dkgrey-arrow.gif) no-repeat 144px center;
}
.menu ul ul :hover > a.drop {
  background: #7790d8 url(../images/menu/dkgrey-arrow.gif) no-repeat 144px center;
}
/* style the third level background */
.menu ul ul ul a,
.menu ul ul ul a:visited {
  background: #446ab5;
}
/* style the third level hover */
.menu ul ul ul a:hover {
  background: #7790d8;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
  visibility: hidden;
  position: absolute;
  height: 0;
  top: 31px;
  left: 0;
  width: 163px;
  border-top: 1px solid #000;
}
/* another hack for IE5.5 */
* html .menu ul ul {
  top: 30px;
  t\op: 31px;
}

/* position the third level flyout menu */
.menu ul ul ul {
  left: 163px;
  top: -1px;
  width: 163px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
  left: -163px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
  position: absolute;
  top: 0;
  left: 0;
  border-collapse: collapse;
  ;
}

/* style the second level links */
.menu ul ul a,
.menu ul ul a:visited {
  background: #446ab5;
  color: #ffffff;
  height: auto;
  line-height: 1em;
  padding: 5px 10px;
  width: 142px;
  border-width: 0 1px 1px 1px;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
  width: 164px;
  w\idth: 142px;
}

/* style the top level hover */
.menu a:hover,
.menu ul ul a:hover {
  color: #ffffff;
  background: #7790d8;
}
.menu :hover > a,
.menu ul ul :hover > a {
  color: #ffffff;
  background: #7790d8;
}

/* make the second level visible when you hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
  visibility: visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
  visibility: hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
  visibility: visible;
}



/* Opacity Menus */

#blogs img {
  border: 0;
}

/* HORIZONTAL */

#opmenu {
  width: 860px;
  /*border:1px solid #cccccc; ** Debug */
  position: relative;
  height: 214px;
  margin: 0 auto 30px auto;
}
#opmenu a:visited, #opmenu a {
  text-decoration: none;
  color: #dd0000;
  font-weight: bold;

  padding: 0 5px 0 5px;
}
#opmenu a:visited img, #opmenu a img {
  filter: alpha(opacity=40);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  -moz-opacity: 0.40;
  opacity: 0.4;
}
#opmenu a:hover {
  background-color: transparent;
  color: #0066aa;
}
#opmenu a span {
  display: none;
}
#opmenu a:hover span {
  display: block;
  position: absolute;
  top: 214px;
  left: 420px;
  font-size: 18px;
  height: 24px;
  padding: 4px;
  font-weight: normal;
  color: #d79a40; /* Yellow Orange */
}

#opmenu a:hover img {
  filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1.00;
  opacity: 1;
}


#opmenu5 {
  width: 1070px;
  /*border:1px solid #cccccc; ** Debug */
  position: relative;
  height: 214px;
  margin: 0 auto 30px auto;
}
#opmenu5 a:visited, #opmenu5 a {
  text-decoration: none;
  color: #dd0000;
  font-weight: bold;

  padding: 0 5px 0 5px;
}
#opmenu5 a:visited img, #opmenu5 a img {
  filter: alpha(opacity=40);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  -moz-opacity: 0.40;
  opacity: 0.4;
}
#opmenu5 a:hover {
  background-color: transparent;
  color: #0066aa;
}
#opmenu5 a span {
  display: none;
}
#opmenu5 a:hover span {
  display: block;
  position: absolute;
  top: 214px;
  left: 420px;
  font-size: 18px;
  height: 24px;
  padding: 4px;
  font-weight: normal;
  color: #d79a40; /* Yellow Orange */
}

#opmenu5 a:hover img {
  filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1.00;
  opacity: 1;
}


/* "small" op menu for homepage */

#opmenuhome {
  width: 852px; /* width of "main" */
  /*border:1px solid #cccccc; ** Debug */
  position: relative;
  height: 188px; /* 160 + 28 */
  margin: 0 auto 12px auto;
}
#opmenuhome a:visited, #opmenu a {
  text-decoration: none;
  color: #dd0000;
  font-weight: bold;

  padding: 0 5px 0 5px;
}
#opmenuhome a:visited img,
#opmenuhome a img {
  filter: alpha(opacity=40);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  -moz-opacity: 0.40;
  opacity: 0.4;
}
#opmenuhome a:hover {
  background-color: transparent;
  color: #0066aa;
}
#opmenuhome a span {
  display: none;
}
#opmenuhome a:hover span {
  display: block;
  position: absolute;
  top: 160px;
  left: 330px;
  font-size: 16px;
  height: 22px;
  padding: 3px;
  font-weight: normal;
  color: #d79a40; /* Yellow Orange */
}

#opmenuhome a:hover img {
  filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1.00;
  opacity: 1;
}


/* VERTICAL */

#vopmenu {
  width: 200px;
  position: relative;
  height: 725px;
  margin: 0 auto 5px auto;
}
#vopmenu a:visited, #vopmenu a {
  text-decoration: none;
  color: #dd0000;
  font-weight: bold;

  padding: 0 2px 0 2px;
}
#vopmenu a:visited img, #vopmenu a img {
  filter: alpha(opacity=40);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  -moz-opacity: 0.40;
  opacity: 0.4;
}
#vopmenu a:hover {
  background-color: transparent;
  color: #0066aa;
}
#vopmenu a span {
  display: none;
}
#vopmenu a:hover span {
  display: block;
  position: absolute;
  top: 686px;
  left: 0px;
  font-size: 18px;
  height: 24px;
  padding: 4px;
  font-weight: normal;
  color: #d79a40; /* Yellow Orange */
}

#vopmenu a:hover img {
  filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1.00;
  opacity: 1;
}


#vopmenu2 {
  width: 200px;
  position: relative;
  /*border:1px solid #cccccc; ** Debug */
  height: 972px;  /* Positionaing for 4 elements */
  margin: 0 auto 5px auto;
}
#vopmenu2 a:visited, #vopmenu2 a {
  text-decoration: none;
  color: #dd0000;
  font-weight: bold;

  padding: 0 2px 0 2px;
}
#vopmenu2 a:visited img, #vopmenu2 a img {
  filter: alpha(opacity=40);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  -moz-opacity: 0.40;
  opacity: 0.4;
}
#vopmenu2 a:hover {
  background-color: transparent;
  color: #0066aa;
}
#vopmenu2 a span {
  display: none;
}
#vopmenu2 a:hover span {
  display: block;
  position: absolute;
  top: 926px;  /* Positioning for 4 elements */
  left: 0px;
  font-size: 18px;
  height: 24px;
  padding: 4px;
  font-weight: normal;
  color: #d79a40; /* Yellow Orange */
}

#vopmenu2 a:hover img {
  filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1.00;
  opacity: 1;
}



#vopmenu5 {
  width: 200px;
  position: relative;
  /*border:1px solid #cccccc; ** Debug */
  height: 1206px;   /* Positioning for 5 elements */
  margin: 0 auto 5px auto;
}
#vopmenu5 a:visited, #vopmenu5 a {
  text-decoration: none;
  color: #dd0000;
  font-weight: bold;

  padding: 0 2px 0 2px;
}
#vopmenu5 a:visited img, #vopmenu5 a img {
  filter: alpha(opacity=40);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  -moz-opacity: 0.40;
  opacity: 0.4;
}
#vopmenu5 a:hover {
  background-color: transparent;
  color: #0066aa;
}
#vopmenu5 a span {
  display: none;
}
#vopmenu5 a:hover span {
  display: block;
  position: absolute;
  top: 1160px;  /* Positioning for 5 elements */
  left: 0px;
  font-size: 18px;
  height: 24px;
  padding: 4px;
  font-weight: normal;
  color: #d79a40; /* Yellow Orange */
}

#vopmenu5 a:hover img {
  filter: alpha(opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1.00;
  opacity: 1;
}

/* --- ctt-navigation.css --- */