/*  CSS Code navigation.css */
        /*  Description: look and feel of the menus on this website, horizontally and vertically */
        /*  Version: 1.0 */
        /*  All source code & concepts (c) copyright 2008, 2010 by ItNix, LLC. */
        /*  All rights reserved worldwide. */
        /*  Changed by: Ivan Carrazco */


/** By default a menu is displayed vertically */
ul.menu {
  position: relative;
  width: 175px;
  list-style-type: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 2px 0px;
  background-color: #FFFFFF;
}

  ul.menu li {
    width: 175px;
    background-color: #DF3D54;
    background-image: url( "../../images/listBack.jpg" );
    background-position: top right;
    background-repeat: repeat-y;
    background-attachment: scroll;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    overflow: hidden;
}


  ul.menu a, ul.menu a:visited, ul.menu a:link {
    text-decoration: none;
    text-align: right;
    display: block;
    margin: 0px;
    padding: 4px 6px 4px 0px;
    color: #FFFFFF;
  }

  ul.menu a:hover {
    text-decoration: underline;
    color: #FFCA28;
  }

/** Different version of menu **/

#topNav {
  margin: 0px 0px 0px 0px;
  padding: 60px 0px 0px 0px;
  bottom: 40px;
}

ul.horizontal {
  text-align: center;
  position: relative;
  list-style-type: none;
  margin: 0px;
  padding: 2px 0px 2px 0px;
}

  ul.horizontal li {
    width: 30%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    display: block;
  }

  ul.horizontal a, ul.horizontal a:visited, ul.horizontal a:link {
    text-decoration: none;
    color: #666666;
    font-size: 1.08em;
    margin: 0px;
    padding: 0px;
  }

  ul.horizontal a:hover {
    text-decoration: overline;
    color: #FF0000;
  }