/* Navmenu CSS Document */

.newroll {
  background-image: url('images/newback.gif');
  background-repeat: repeat-x;
  height: 17px;
  width: 100%;
}  

.newroll a {
  color: #000000;
  background-image: url('images/newback.gif');
  background-repeat: repeat-x;
  border-left: 1px solid #1A6EAF;
  border-right: 1px solid #1A6EAF;
  display: block;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 17px;
  line-height: 17px;
  padding: 0px 20px;
  text-align: center;
  text-decoration: none;
}

.newroll a:hover {
  background-image: url('images/newhover.gif');
  color: #1A6EAF;
}

.rollover66 a {
  float: left;
  display:block;
  width: 109px;
  height: 17px;
  color:#ffffff;
  background-image:url(images/b_6.gif);
  background-repeat:no-repeat;
  text-decoration: none;
  text-align:center;
}

.rollover66 a:hover, .rollover66 .current  { 
  background-position: 0 -17px;
  color: #FFCC00;
  text-align:center;
  text-decoration: none;
}

.rollover66 a:active {
  background-position: 0 0px;
  color: #FF0000;
  text-align:center;
  text-decoration: none;
}

.rollover77 a {
  float: left;
  display:block;
  width: 124px;
  height: 17px;
  color:#ffffff;
  background-image:url(images/b_7.gif);
  background-repeat:no-repeat;
  text-decoration: none;
  text-align:center;
}

.rollover77 a:hover, .rollover77 .current  { 
  background-position: 0 -17px;
  color: #FFCC00;
  text-align:center;
  text-decoration: none;
}

.rollover77 a:active {
  background-position: 0 0px;
  color: #FF0000;
  text-align:center;
  text-decoration: none;
}

.rollover14 a {
  float: left;
  display:block;
  width: 110px;
  height: 17px;
  color:#ffffff;
  background-image:url(images/b_5.gif);
  background-repeat:no-repeat;
  text-decoration: none;
  text-align:center;
}

.rollover14 a:hover, .rollover14 .current  { 
  background-position: 0 -17px;
  color: #FFCC00;
  text-align:center;
  text-decoration: none;
}

.rollover14 a:active {
  background-position: 0 0px;
  color: #FF0000;
  text-align:center;
  text-decoration: none;
}

.rollover1 a {
  float: left;
  display:block;
  width: 91px;
  height: 17px;
  color:#ffffff;
  background-image:url(images/b_1.gif);
  background-repeat:no-repeat;
  text-decoration: none;
  text-align:center;
}

.rollover1 a:hover, .rollover1 .current{ 
  background-position: 0 -17px;
  color: #FFCC00;
  text-align:center;
  text-decoration: none;
}

.rollover1 a:active {
  background-position: 0 0px;
  color: #FF0000;
  text-align:center;
  text-decoration: none;
}

.rollover2 a {
  float: left;
  display:block;
  width: 90px;
  height: 17px;
  color:#ffffff;
  background-image:url(images/b_2.gif);
  background-repeat:no-repeat;
  text-decoration: none;
  text-align:center;
}

.rollover2 a:hover, .rollover2 .current { 
  background-position: 0 -17px;
  color: #FFCC00;
  text-align:center;
  text-decoration: none;
}

.rollover2 a:active {
  background-position: 0 0px;
  color: #FF0000;
  text-align:center;
  text-decoration: none;
}

.rollover3 a {
  float: left;
  display:block;
  width: 130px;
  height: 17px;
  color:#ffffff;
  background-image:url(images/b_3.gif);
  background-repeat:no-repeat;
  text-decoration: none;
  text-align:center;
}

.rollover3 a:hover, .rollover3 .current  { 
  background-position: 0 -17px;
  color: #FFCC00;
  text-align:center;
  text-decoration: none;
}

.rollover3 a:active {
  background-position: 0 0px;
  color: #FF0000;
  text-align:center;
  text-decoration: none;
}

.rollover4 a {
  float: left;
  display:block;
  width: 131px;
  height: 17px;
  color:#ffffff;
  background-image:url(images/b_4.gif);
  background-repeat:no-repeat;
  text-decoration: none;
  text-align:center;
}

.rollover4 a:hover, .rollover4 .current  { 
  background-position: 0 -17px;
  color: #FFCC00;
  text-align:center;
  text-decoration: none;
}

.rollover4 a:active {
  background-position: 0 0px;
  color: #FF0000;
  text-align:center;
  text-decoration: none;
}

.rollover5 a {
  float: left;
  display:block;
  width: 127px;
  height: 182px;
  color:#ffffff;
  background-image:url(images/img_rolovr1.gif);
  background-repeat:no-repeat;
  text-decoration: none;
  text-align:center;
}

.rollover5 a:hover, .rollover5 .current  { 
  background-position: 0 -182px;
  color: #FFCC00;
  text-align:center;
  text-decoration: none;
}

.rollover5 a:active {
  background-position: 0 0px;
  color: #FF0000;
  text-align:center;
  text-decoration: none;
}

.rollover6 a {
  float: left;
  display:block;
  width: 127px;
  height: 182px;
  color:#ffffff;
  background-image:url(images/img_rolovr2.gif);
  background-repeat:no-repeat;
  text-decoration: none;
  text-align:center;
}

.rollover6 a:hover, .rollover6 .current  { 
  background-position: 0 -182px;
  color: #FFCC00;
  text-align:center;
  text-decoration: none;
}

.rollover6 a:active {
  background-position: 0 0px;
  color: #FF0000;
  text-align:center;
  text-decoration: none;
}

.rollover7 a {
  float: left;
  display:block;
  width: 127px;
  height: 182px;
  color:#ffffff;
  background-image:url(images/img_rolovr3.gif);
  background-repeat:no-repeat;
  text-decoration: none;
  text-align:center;
}

.rollover7 a:hover, .rollover7 .current{ 
  background-position: 0 -182px;
  color: #FFCC00;
  text-align:center;
  text-decoration: none;
}

.rollover7 a:active {
  background-position: 0 0px;
  color: #FF0000;
  text-align:center;
  text-decoration: none;
}

.rollover8 a {
  float: left;
  display:block;
  width: 60px;
  height: 70px;
  color:#ffffff;
  background-image:url(images/img_rolovr4.gif);
  background-repeat:no-repeat;
  text-decoration: none;
  text-align:center;
}

.rollover8 a:hover, .rollover8 .current { 
  background-position: 0 -70px;
  color: #FFCC00;
  text-align:center;
  text-decoration: none;
}

.rollover8 a:active {
  background-position: 0 0px;
  color: #FF0000;
  text-align:center;
  text-decoration: none;
}

.rollover9 a {
  float: left;
  display:block;
  width: 62px;
  height: 70px;
  color:#ffffff;
  background-image:url(images/img_rolovr5.gif);
  background-repeat:no-repeat;
  text-decoration: none;
  text-align:center;
}

.rollover9 a:hover, .rollover9 .current  { 
  background-position: 0 -70px;
  color: #FFCC00;
  text-align:center;
  text-decoration: none;
}

.rollover9 a:active {
  background-position: 0 0px;
  color: #FF0000;
  text-align:center;
  text-decoration: none;
}

.rollover10 a {
  float: left;
  display:block;
  width: 65px;
  height: 70px;
  color:#ffffff;
  background-image:url(images/img_rolovr6.gif);
  background-repeat:no-repeat;
  text-decoration: none;
  text-align:center;
}

.rollover10 a:hover, .rollover10 .current  { 
  background-position: 0 -70px;
  color: #FFCC00;
  text-align:center;
  text-decoration: none;
}

.rollover10 a:active {
  background-position: 0 0px;
  color: #FF0000;
  text-align:center;
  text-decoration: none;
}

.rollover11 a {
  float: left;
  display:block;
  width: 85px;
  height: 70px;
  color:#ffffff;
  background-image:url(images/img_rolovr7.gif);
  background-repeat:no-repeat;
  text-decoration: none;
  text-align:center;
}

.rollover11 a:hover, .rollover11 .current  { 
  background-position: 0 -70px;
  color: #FFCC00;
  text-align:center;
  text-decoration: none;
}

.rollover11 a:active {
  background-position: 0 0px;
  color: #FF0000;
  text-align:center;
  text-decoration: none;
}

.rollover12 a {
  float: left;
  display:block;
  width: 68px;
  height: 70px;
  color:#ffffff;
  background-image:url(images/img_rolovr8.gif);
  background-repeat:no-repeat;
  text-decoration: none;
  text-align:center;
}

.rollover12 a:hover, .rollover12 .current  { 
  background-position: 0 -70px;
  color: #FFCC00;
  text-align:center;
  text-decoration: none;
}

.rollover12 a:active {
  background-position: 0 0px;
  color: #FF0000;
  text-align:center;
  text-decoration: none;
}

.rollover13 a {
  float: left;
  display:block;
  width: 66px;
  height: 70px;
  color:#ffffff;
  background-image:url(images/img_rolovr9.gif);
  background-repeat:no-repeat;
  text-decoration: none;
  text-align:center;
}

.rollover13 a:hover, .rollover13 .current  { 
  background-position: 0 -70px;
  color: #FFCC00;
  text-align:center;
  text-decoration: none;
}

.rollover13 a:active {
  background-position: 0 0px;
  color: #FF0000;
  text-align:center;
  text-decoration: none;
}

#containerul, #containerul ul{
  text-align:left;
  margin:0; /* Removes browser default margins applied to the lists. */
  padding:0; /* Removes browser default padding applied to the lists. */
  position:relative;
}

#containerul li{
  margin:0 0 0 10px; /* A left margin to indent the list items and give the menu a sense of structure. */
  padding:0; /* Removes browser default padding applied to the list items. */
  list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */
}

#containerul .symbols{ /* Various styles to position the symbols next to the items in the menu. */
  float:left;
  width:197px;
  height:4em;
  background-position:0 10%; 
}
  
/*----------------------------------------------------new css--------------------------------------------------*/
  
.border{
border:#cdd4da solid 1px;
}

.loginbg{
background:url(images/loginbg.gif) repeat-x;
}