﻿*
{
    margin: 0 auto;
    padding: 0;
}
html
{
    height: 100%;
}

body
{
    margin: 0 auto;
    height: 100%;
    color: White;
    font-size: 12px;
    font-family: Arial,sans-serif;
    background-color: #000;
     background-image:url(images/bak.png);
     background-position:left top;
     background-repeat:repeat-x;
     
}
a{
 color:#37436e;
  text-decoration:none;
  }
h1
{
    margin: 0;
    font-size: 18px;
    font-weight:normal;
   
}
h2{
 margin:0;
  color:#476392;
  }
h4{
 font-size:12px;
 }
 hr{
  color:#fff;
  }
#wrapper
{ position:relative;
    width: 1000px;
    margin: 0 auto;
background-image: url(images/bg.gif);
}
#header
{ 
    position: relative;
    width: 1000px;
    height: 96px;
    background-image: url(images/header.gif);
}
#logo
{
    float: left;
    width: 295px;
    height: 96px;
    background-image: url(images/logo.gif);
}
#company
{
    clear: both;
    position: absolute;
    left: 76px;
    top: 28px;
}
#company h2
{
    margin: 0px;
    font-size: 24px;
    font-weight: normal;
}
#company a
{
    color: White;
    text-decoration: none;
}
#slogan
{
    position: absolute;
    left: 93px;
    top: 51px;
}
#slogan h2
{
    color: #9ea8b2;
    margin: 0px;
    font-size: 12px;
    font-weight: normal;
}
#banner
{
    position: absolute;
    right: 10px;
    top: 28px;
    width: 380px;
    text-align: center;
}
#banner h2
{
    color: #f1cc23;
    margin: 0px;
    font-size: 11px;
    font-weight: normal;
}

#banner a
{
    color: White;
    text-decoration: none;
}
#nav
{
    clear: both;
    width: 1000px;
    height: 34px;
    background-image: url(images/menu_m.gif);
}
#menu_l
{
    float: left;
    width: 28px;
    height: 34px;
    background-image: url(images/menu_l.gif);
    background-repeat: no-repeat;
}
#menu
{
    padding: 0;
    margin: 0;
    width: 493px;
    height: 34px;
    background-image: url(images/menu.gif);
    float: left;
}
#menu a
{
    float: left;
    text-indent: -900%;
    outline: none;
    height: 34px;
}

#menu1
{
    width: 85px;
}
#menu1:hover
{
    background-image: url(images/menu.gif);
    background-position: 0 -34px;
}
#menu2
{
    width: 108px;
}
#menu2:hover
{
    background-image: url(images/menu.gif);
    background-position: -85px -34px;
}
#menu3
{
    width: 106px;
}
#menu3:hover
{
    background-image: url(images/menu.gif);
    background-position: -193px -34px;
}
#menu4
{
    width: 83px;
}
#menu4:hover
{
    background-image: url(images/menu.gif);
    background-position: -299px -34px;
}
#menu5
{
    width: 109px;
}
#menu5:hover
{
    background-image: url(images/menu.gif);
    background-position: -382px -34px;
}



#menu_r
{
    float: right;
    width: 28px;
    height: 34px;
    background-image: url(images/menu_r.gif);
    background-repeat: no-repeat;
}
#search
{ position:relative;
    float: right;
    width: 265px;
    height: 28px;
    margin-top: 6px;
}
#search a
{ position:absolute;
top:-6px;
 right:0px;
    text-indent: -900%;
    outline: none;
    height: 34px;
     width:52px;
      background-image:url(images/search_btn.gif);
     
}
#search a:hover
{
       background-image:url(images/search_btn.gif);
        background-position: 0 -34px;
     
}
.textbox
{
    border: none;
    background-image: url(images/txt.gif);
    text-align: center;
    padding-top: 2px;
}
#bar
{
    clear: both;
    width: 980px;
    height: 21px;
    background-image: url(images/bar.gif);
 text-align:right;
 padding-right:20px;
 padding-top:10px;

}
#pp{
 position:relative;
 height:100%;
    
 }
#loginbtn
{
  position:absolute;
 right:25px;
 padding-top:10px;
 font-size:xx-small;
  
}
#loginbtn a
{
    color:White;
}
#left
{
    float: left;
    width: 197px;
     text-align:center;
}
#left_top
{
    width: 197px;
    height: 38px;
    background-image: url(images/left_top.gif);
}
#login
{
    width: 197px;
    height: 105px;
    background-image: url(images/login.gif);
}

#right
{

    float: left;
    width: 803px;
}
#right_top
{
    width: 803px;
    height: 33px;
    background-image: url(images/right_top.gif);
     padding-top:13px;
}
#title_l{
 float:left;
 width:20px;
  height:18px;
  background-image:url(images/title_l.gif);
  }
#title_m{
 float:left;
 height:17px;
 background-image:url(images/title_mid.gif);
  padding-top:1px;
 }
 #title_m h2{
 margin:0;
  font-size:12px;
   color:#fff;
    font-weight:normal;
 }
#title_r{
 float:left;
 width:20px;
  height:18px;
 background-image:url(images/title_r.gif)}
#main
{
    width: 665px;
    margin: 30px auto;
}
#main_top
{
    width: 665px;
    height: 50px;
    background-image: url(images/content_top.gif);
}
#content
{
    width: 625px;
    min-height: 300px;
    background-image: url(images/content_mid.gif);
    padding:0 20px 0 20px;
}
#main_bot
{
    width: 665px;
    height: 60px;
    background-image: url(images/content_bot.gif);
}

#footer
{
    clear: both;
    width: 980px;
    height: 56px;
    background-image: url(images/footer.gif);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #000;
    text-align:right;
    padding-right:20px;
     padding-top:25px;
}
.pnlAdd
{
    padding: 20px;
}
#top_pager
{
    position: absolute;
    right: 100px;
    top: 8px;
    background-image: url(images/repeat.png);
    padding-top:5px;
    width: 193px;
    height: 21px;
      text-align:center;
}
#bot_pager
{
    position: absolute;
    right: 100px;
    bottom: 35px;
    background-image: url(images/repeat.png);
     padding-top:5px;
    width: 193px;
    height: 21px;
      text-align:center;
}
.previous
{
   position: absolute;
    left: 2px;
    top:2px;
}
.next
{
    position: absolute;
    right: 2px;
     top:2px;
}
.numeric
{
    font-size: 14px;
}
#categoryLabel{
 color:#37436e;
 }
 #counterLabel{
  color:#37436e;
  }

#page_add{
 color:#343a49;
 }

#details_program
{
    float: left;
    width: 60%;
    padding: 10px;
    color:#343a49;
}
#details_info
{
    float: right;
    width: 30%;
    padding: 10px;
    color:#343a49;
}
#details_content
{
    clear: both;
    width: 90%;
    padding: 10px;
     color:#343a49;
}
table{
 border:solid 0px white;
 }
