body {


        margin: 0;


        padding: 0;


        background: #B4B4B6 url(images/Page_bg.png) repeat-x;


        font: normal .8em Tahoma, Verdana, Arial, Helvetica, Sans-Serif;


        line-height: 1.6em;


        color: #333;


}


/**********************************************


          links


************************************************/


a {


        color: #033676;


        background: inherit;


}


a:hover {


        color: #A1D9E5;


        background: inherit;


}


/**********************************************


          h-styls


************************************************/


h1 {


        font: bold 2.9em "Trebuchet MS", Helvetica, Sans-Serif;


        padding-top: 4px;


        margin: 0;


        color: #033676;


}


h2 {


        font: bold 1.8em "Trebuchet MS", Helvetica, Sans-Serif;


}


h3 { margin:10px 0 4px 0; font-size: 18px;}


h4 {margin:10px 0 0 0; font-size: 14px;}


h5 {margin:10px 0 0 0; font-size: 12px;}


h6 {margin:3px 0 0 0; font-size: 10px;}






/**********************************************


          page_header_text and images


************************************************/


.page_header_text {


        color: #ccc;


        background: inherit;


        margin-left: 114px;


}


.image {


        float: left;


        border: 2px solid #000;


        padding: 3px;


        margin: 0 15px 10px 0;


}


img.list {


        margin-right: 5px;


        margin-bottom: -3px;


}


td {


        text-align: left;


}


/**********************************************


          content


************************************************/


#content {


        width: 900px;

height: auto;

        margin: 25px auto 0 auto;


}


/**********************************************


          page logo


************************************************/


#pagelogo {


        float: left;


        padding: 10px 0 10px 10px;


}


#pagelogo h1 {


        color: #fff;


        background: transparent;


}


/**********************************************


          horizontal menu right


************************************************/


#menu {


        float: right;


        background: #0099CC ;


        color: #ccc;


        padding: 5px 1px 5px 0;


        margin: 0;


        clear: both;






}


#menu li {


        padding: 0px 10px 0px 22px;


        color: #ccc;


        background: #660033 ;


        display: block;


}


#menu li.active {


        background: #0B0C10 ;


        color: #ccc;


        font-weight: bold;


        padding: 0px 0px 0px 0px;


        margin: 0 1px 0 0;


}


#menu li a {


        background: #660033;


        color: #ccc;


        text-decoration: none;


}


#menu li a:hover {


        color: 	#000033;


        background: #FFFFFF;


}


/**********************************************


          content-left


************************************************/


#left {


/*        clear: left;


        float: left; */


        width: 220px;


        border-top: 2px solid #000;


        border-bottom: 2px solid #000;


        background: #000 url(images/line-bg.jpg) repeat;


        color: #ccc;


        margin: 0 0 1px 0;


        padding: 0px 15px;


}


#left a {


        color: #ccc;


        background: inherit;


}










/**********************************************


          headertext-left-top


************************************************/


#headertext-left-top {


/*        clear: left;


        float: left; */


        width: 250px;


        height: 200px;


        border-top: 2px solid #000;


        border-bottom: 2px solid #000;


        background: #000 url(images/logo.jpg) no-repeat;


        color: #ccc;


        margin: 0 0 0px 0;


}


#headertext-left-top a {


        color: #fff;


        background: inherit;


}


#headertext-left-top p {


        padding: 14px 15px;


        margin: 0;


}


/**********************************************


          vertical menu left


************************************************/


#menu_left {


        float: left;


        margin: 0 0 6px 0;


        padding: 0 0 1px 0;






}


#menu_left li {


        list-style: none;


}


#menu_left li a {


        display: block;


        color: #ccc;


        background: #1B1D27 url(images/verticalhover.jpg) no-repeat center left;


        width: 204px;


        padding: 7px 23px 7px 23px;


        margin: 0 0 1px 0;


        font-weight: bold;


        text-decoration: none;


        border-bottom: 2px solid #000;


}


#menu_left li a:hover {


        background: #1B1D27 url(images/vertical.jpg) no-repeat center left;


        color: #fff;


        border-bottom: 2px solid #0B0C0D;


}


/**********************************************


          text-on-image in banner


************************************************/


#text-on-image {


/*        float: right; */


        width: 343px;


        padding: 24px 280px 0 20px;


        background: #000 url(images/image1.jpg) no-repeat;


        color: #fff;


        margin: 0 0 0px 0;


        height: 174px;


        border-top: 2px solid #000;


        border-bottom: 2px solid #000;


}


#text-on-image h1 {


        margin: 0 0 20px 0;


}


#text-on-image .white {


        color: #FFF;


        background-color: transparent;


}


/**********************************************


          content-right


************************************************/


#right {


/*        float: right;


        width: 644px;


*/


}


.content {


        margin: 0px 0 20px 0;


        padding: 10px 20px;


        background: #D4D4D4;


        color: #333;


}


/**********************************************


          footer


************************************************/


#footer {


        clear: both;


        padding: 5px;


        margin: 0px 0px 0px 0px;


        border-top: 1px solid #ccc;


        background: #000 url(images/line2-bg.jpg) repeat;
        
height: 100%

}


/**********************************************


          footer links


************************************************/


.footer-links {


        float: right;


}


/**********************************************


          Form


************************************************/






form {margin: 0;}


input,


textarea {


  color: #000;


  background-color: #B5B4B4;


  border: 1px solid #959595;


  border-bottom: 1px sol id #959595;


}


hr {


        margin: 5px 0px 5px 0px;


        color: #fff;


        border: 0;


        border-top: 1px dotted #C7C6C6;


        height: 1px;


}


/* ****************************************************


        li, ul, ol, blockquote, code, address and table


**************************************************** */






li {padding-bottom: 0px;}






ul {


        line-height: 150%;


        margin-top: 0;


        margin-bottom: 10px;


        margin-left: 0.7em;


        padding-left: 0.7em;


        list-style-type: square


}


ul.h {


        list-style: none;


}






ol {






        line-height: 150%;


        margin-top: 0;


        margin-bottom: 10px;


        margin-left: 0.9em;


        padding-left: 0.9em;


}


blockquote{


        background-color:#C7C6C6;


        padding: 3px;


        border-left: 1px solid #B1B1B1;


        margin: 3px 0 20px 0;


        color:#000;


}


pre, .code {


        padding: 6px 0 20px 6px;


        border-top: 1px solid #B6B5B5;


        border-right: 1px solid #B6B5B5;


        border-bottom: 1px solid #B6B5B5;


        border-left: 1px solid #B6B5B5;


        background-color: #E8E6E6;


        margin: 3px 0 20px 0;


        font-family:Arial, Helvetica, sans-serif;


          font-size: 12px;


          color: #000;


        overflow:auto;


        line-height:150%;


}


address {


        line-height:120%;


        margin: 10px 0 20px 0;


        padding-left: 10px;


        border-left: 6px solid #B6B5B5;


        font-style: normal;


        font-weight: bold;


}


table {


    width:100%;


        border-color: #C6C4C4;


        border-collapse: collapse;


}


/* ******************************************


        searchesa


****************************************** */


#searchesa{


        background: url(./images/bg_search.png) top left no-repeat;


        padding-left: 28px;


}


#left .searchform {


        background-color: transparent;


        border: none;


        margin: 0 0 0 5px;


        padding: 10px 0 10px 10px;


        width: 200px;


}


#left .searchform p { margin: 0; padding: 0; }


#left .searchform input.textbox {


        width: 100px;


        height: 15px;


        padding: 2px;


        vertical-align: top;


}


#left .searchform input.button {


        margin: 2px;


        font: bold 1em Comic Sans MS, Sans-serif;


        border: 0px solid #CCC;


        background: #FFF;


        padding: 2px 3px 4px 3px;


        color: #4284B0;


        width: 43px;


        cursor: hand; cursor: pointer;


        background: url(./images/bg_searchsubmit.png) top center no-repeat;


}






#wrapper-left {


        clear: both;


        float: left;


        text-align: left;


        width: 250px;


}






#wrapper-right {


        float: right;


        text-align: left;


        width: 643px;


}







