* {
   margin: 0px;
   padding: 0px;
}


html body {
   padding-bottom: 10px;
}


body {
   background: url(bg.gif) #c9d4e1 repeat-y center 50%;
   width: 900px;
   margin: 0px 50px;
   padding: 0px;
   color: #333333;
   font-family: Verdana, Arial, sans-serif;
   font-size: 12px;
}


#container {
   background: #eaf2f8;
   width: 100%;
   padding-top: 0px;
   background: white;
}


#header {
   position: relative;
   background: url(backlogo1.png) repeat-y top right white;
   width: 100%;
   height: 235px;
} 


#texto1 {
   position: absolute;
   color: blue;
   width: 140px;
   left: 0px;
   font-family: Impact, sans-serif;
   font-size: 50px;
   text-align: center;
}


#texto2 {
   position: absolute;
   color: blue;
   width: 260px;
   line-height: 119px;
   left: 140px;
   top: 3px;
   margin: 0;
   font-family: Impact, sans-serif;
   font-size: 138px;
   text-align: center;
}

#logo1 {
   position: absolute;
   right: 30px;
   top: 10px;
   background: url(logo.png) no-repeat;
   width: 230px;
   height: 220px;
}


#line {
   background: #fc9328;
   height: 25px;
}


#navbar {
   width: 100%;
   height: 35px;
   background: url(menubg.gif) repeat-x #0c85d5;
   border-bottom: 3px solid #005BB7;
   font-size: 12px;
   text-align: center;
}


#open {
   position: absolute;
   left: 75px;
   top: 145px;
   display: block;
   width: 191px;
   background: url(button.gif);
   color: black;
   font-weight: bold;
   height: 28px;
   line-height: 27px;
   text-decoration: none;
}


#open a {
   display: block;
   width: 191px;
   height: 28px;
   text-decoration: none;
   color: #0066CC;
}


#open a:hover {
   color: #0066CC;
}


.add{
   background: url(add.gif) no-repeat 50px 8px;
   display: block;
   text-indent: 10px;
}


ul.menu {
   margin-left: 425px;
   list-style: none;
}


ul.menu li {
   display: inline;
   float: left;
   width: 100px;
   line-height: 25px;
   margin: 0;
   text-decoration: none;
}


ul.menu li.active {
   background: url(menuabg.gif) repeat-x #4098d8;
   color: white;
   height: 25px;
   padding: 5px;
}


ul.menu li a:link, ul.menu li a:visited {
   display: block;
   color: white;
   height: 25px;
   padding: 5px;
   text-decoration: none;
}


ul.menu li a:hover {
   display: block;
   background: url(menuabg.gif) repeat-x #4098d8;
   color: white;
   height: 25px;
   padding: 5px;
   text-decoration: none;
}


#content {
   position: relative;
   clear: both;
   width: 100%;
   height: 900px;  /*Here one can adjust the columns' heights*/
   margin: 0 auto;
   overflow: hidden;
}


#watermark {
   position: absolute;
   width: 150px;
   bottom: 2%;
   right: 3%;
   background: white;
   color: #fc9328;
   padding-top: 133px;
   font-size: 32px;
   font-family: "Trebuchet MS";
   font-weight: bold;
   text-align: center;
   z-index: 9;
}


#leftcolumn {
   float: left;
   background: #E2E2E2;
   color: black;
   width: 27%;
   margin: 0;
   margin-bottom: -30000px;
   padding-bottom: 30000px;
   text-align: center;
}


#leftcolumn ul {
   list-style: none;
   margin: 0;
   padding: 0;
}


#leftcolumn #menu2 {
   background: #90bade;
   color: #333;
   width: 80%;
   margin: 25px auto 1em;
   padding: 16px 2px 16px;
   font-size : 12px;
}


#menu2 ul {
   margin: 0;
   border: none;
   padding: 0;
   list-style: none;
}


#menu2 li {
   background: #2175bc;
   margin: 0 0 1px 0;
   border-left: 10px solid #1958b7;
   border-right: 10px solid #508fc4;
   list-style: none;
   line-height: 30px;
}


#menu2 li a {
   display: block;
   height: 30px;
   color: #fff;
   text-decoration: none;
}


#menu2 li a:hover, #menu2 li.active {
   background-color: #2586d7;
   color: #fff;
}


#news {
   margin: 30px 10px 0px 22px;
   text-align: left;
}


.list {
   margin-left: 4px;
   color: #666666;
   font-size: 9pt;
   font-weight: bold;
}


#news ul, #rules ul {
   line-height: 1.5em;
   list-style: url(bullet.gif);
   margin: 0.5em 1.5em 0.5em 2em;
   padding: 0px;
}


#news ul li, #rules ul li {
   margin-bottom: 10px;
   font-size: 12px;
}


#news ul li:first-line {
   font-weight: bold;
   color: #fc9328;
}


#rules ul {
   font-weight: bold;
   color: #003494;
   margin: 30px 10px 0px 40px;
   text-align: left;
}


#news a, #mews a:hover, #mews a:visited, #news a:linked {
   color: #003494;
}


#rules a, #rules a:visited, #rules a:linked {
   color: #003494;
}


#rules a:hover {
   color: red;
} 

#main {  
   float: left;
   position: relative;
   background: white;
   width: 72.5%;
   padding: 0;
   text-align: center;
   margin-bottom: -30000px;
   padding-bottom: 30000px;
   z-index: 2;
}


#main h2 {
   color: white;
   margin: 16px 8px 10px 12px;
   padding: 8px 2px;
   font-size: 28px;
   text-align: center;
}


#main h2 .w1 {
   background: url(tl.gif) no-repeat black;
   width:100%;
}


#main h2 .w2 {
   background: url(tr.gif) no-repeat top right;
}


#main h2 .w3 {
   background: url(bl.gif) no-repeat left bottom;
}


#main h2 .w4 {
   background: url(br.gif) no-repeat right bottom;
   padding:10px;
}


#main h2 .w5 {
   background: url(bl.gif) no-repeat  left bottom black;
   width:100%;
}


#main h2 .w6 {
   background: url(br.gif) no-repeat right bottom;
   padding:10px;
}


#main h4 {
   margin: 25px 14px 10px 15px;
   padding: 8px 2px;
   font-size: 20px;
   font-weight: normal;  
   text-align: left;
}


#main h4 a {
   color: #003494;
   font-weight: bold;
   text-decoration: none;
}


#main p {
   margin: 30px 18px 15px 18px;
   font-size: 12px;
   font-weight: normal;
   text-align: left;
   line-height: 160%;
}


.indent {
   text-align: left;
   margin: 0 50px 0;
}


.button {
   color: #003494;
   font-weight: bold;
   text-decoration: none;
}


.resalte {
   color: #fc9328;
}


#foot {
   clear: both;
   background: white;
   color: #808080;
   padding: 20px 0;
   font-weight: bold;
   font-size: 14px;
   text-align: center;
   border-top: 4px solid #ccc;
}


table {
   border-collapse: collapse;
   border: medium none;
   margin: 0px auto;
   font-size: 12px;
   font-family: "Trebuchet MS", sans-serif;
   text-align: center;
}


caption {
   color: #0c85d5;
   font-size: 150%;
   letter-spacing: 0px;
   line-height: 30px;
   text-transform: uppercase;
}


caption a {
   text-decoration: none;
} 


caption a:link, caption a:visited, caption a:active {
   color: #003494;
}


thead th {
   background: black;
   color: white;
   border-top: 2px solid white !important;
   padding: 6px 14px;
   font-size: 13px;
   font-weight: bold;
}


thead th.tl {
   background: url(tl.gif) no-repeat 0 0 black;
}


thead th.tr {
   background: url(tr.gif) no-repeat 100% 0 black;
}


th, td {
   background: #E2E2E2;
   margin: 0px;
   border-top: 1px solid black;
   padding: 6px 14px;
   font-size: 13px;
}


th {
   font-weight: bold;
}


td {
   font-weight: normal;
}


.dos th, .dos td {
   background: #ECECEC;
}


.bl {
   background: url(bl.gif) no-repeat bottom left #E2E2E2;
}


.dos th.bl, .dos td.bl {
   background: url(bl.gif) no-repeat bottom left #ECECEC;
}


.br {
   background: url(br.gif) no-repeat bottom right #E2E2E2;
}


.dos th.br, .dos td.br {
   background: url(br.gif) no-repeat bottom right #ECECEC;
}


th a:link, th a:visited, th a:active, td a:link, td a:visited, td a:active {
   color: #003494;
   font-weight: bold;
   text-decoration: none;
}


.save, .search, .search1, .search2 {
   width: 16px;
   height: 16px;
   cursor:pointer;
   cursor: hand;
}


.save {
   background: url(save.gif) no-repeat 50%;
}


.search {
   background: url(search.gif) no-repeat 50%;
}


.search1 {
   background: url(search.gif) no-repeat;
   line-height: 16px;
   vertical-align: bottom;
}


.search2 {
   background: url(search2.gif) no-repeat;
   line-height: 23px;
   vertical-align: bottom;
}