/*** general ***/
body {
   background-color: #999999;
   color: #000000;
   font-family: Arial, sans-serif;
   font-size: 12px;
   margin: 0;
   min-width: 750px;
   padding: 20px 0px;
   text-align: center;
}

hr {
   background-color: #000000;
   border-width: 0px;
   color: #000000;
   height: 1px;
}

h1, h2, h3, h4, h5, h6 {
   margin: 0;
   padding: 0 0 15px 0;
}

img { border: 0; }

form {
   margin: 0;
   padding: 0;
}

.clear_float {
   clear: both;
   height: 0;
   margin: 0;
   overflow: hidden;
   padding: 0;
}

.clear_float_left {
   clear: left;
   height: 0;
   margin: 0;
   overflow: hidden;
   padding: 0;
}

#wrapper {
   background-color: #FFFFFF;
   background-image: url( ../images/main_background.gif );
   background-repeat: repeat-y;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   width: 750px;
}


/*** header ***/
#header {
   background-image: url( ../images/header.jpg );
   background-repeat: no-repeat;
   height: 80px;
   position: relative;
   width: 750px;
}

#header #logo {
   height: 55px;
   overflow: hidden;
   position: absolute;
   top: 13px;
   left: 12px;
   text-indent: 10000px;
   white-space: nowrap;
   width: 150px;
}

#header ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   position: absolute;
   top: 6px;
   right: 12px;
}

#header ul li {
   color: #FFFFFF;
   display: inline;
   font-size: 10px;
}

#header ul li a {
   color: #FFFFFF;
   text-decoration: none;
}

#header #index_banner {
   background-image: url( ../images/home_section_b.jpg );
   background-repeat: no-repeat;
   height: 407px;
   overflow: hidden;
   position: absolute;
   top: 70px;
   right: 0px;
   text-indent: 10000px;
   white-space: nowrap;
   width: 216px;
}

#header #logo_pda {
   height: 101px;
   overflow: hidden;
   position: absolute;
   top: 41px;
   right: 162px;
   width: 287px;
}

#header #navigation_pda {
   position: absolute;
   top: 131px;
   right: 15px;
}

#navigation_pda li {
   float: left;
}

#navigation_pda a {
   background-color: #FF0000;
   font-size: 12px;
   display: block;
   height: 37px;
   line-height: 40px;
   text-align: center;
}

#navigation_pda a.selected {
   color: #000000;
}

#navigation_pda a:hover {
   color: #000000;
}



/*** main ***/
#main {}

#content_right_container {
   float: right;
   margin: -10px -10px 10px 10px;
   overflow: hidden;
   width: 216px;
}

#content_right_container #content_right {
   padding: 10px 10px 10px 0px;
   width: 206px;
}

#content_center {
   float: right;
   overflow: hidden;
   padding: 10px;
   /*** width: 364px; ***/
   width: 580px;
}

#content_left {
   color: #FFFFFF;
   float: right;
   margin-top: -6px;
   overflow: hidden;
   padding: 0px 10px 20px 10px;
   width: 130px;
}

#content_left ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}

#content_left li {
   border-bottom: 1px solid #003366;
}

#content_left a {
   color: #FFFFFF;
   text-decoration: none;
}

#content_left a:hover {
   color: #99ccff;
}

#content_left a.selected {
   color: #99ccff;
   text-decoration: none;
}

#content_left a.selected:hover {
   color: #99ccff;
}

#content_left a.selected#pdap {
   color: #FB032C;
}

#content_left a#pdap:hover {
   color: #FB032C;
}

#content_left ul li a {
   display: block;
   font-weight: bold;
   margin-top: 18px;
}

#content_left ul li ul {
   font-size: 10px;
   list-style-type: disc;
   padding-left: 15px;
}

#content_left ul li ul li a {
   display: block;
   font-weight: normal;
   margin-top: 6px;
}


/*** home ***/
#content_center_index {
   background-image: url( ../images/home_background.gif );
   background-repeat: repeat-y;
   float: right;
   width: 600px;
}

#content_center_index #animation {
   height: 391px;
   overflow: hidden;
   width: 384px; 
}

#content_center_index #news_banner {
   background-color: #CCCCCC;
   color: #003366;
   height: 17px;
   line-height: 17px;
   overflow: hidden;
   padding-left: 12px;
   width: 588px;
}

#content_center_index #news_left {
   float: left;
   padding: 12px 6px 12px 12px;
   width: 282px;
}

#content_center_index #news_right {
   float: left;
   /***
   padding: 12px 12px 12px 6px;
   width: 282px;
   ***/
   width: 300px;
}


/*** perscription drug abuse ***/
#wrapper_pda {
   background-color: #FFFFFF;
   background-image: url( ../images/main_background_pda.gif );
   background-repeat: repeat-y;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   width: 750px;
}

#content_right_container_pda {
   float: right;
   overflow: hidden;
   width: 192px;
}

#content_right_container_pda #resources {
   padding-left: 4px;
   padding-top: 75px; 
}

#content_right_container_pda #resources_navigation_pda {
   padding-left: 19px;
   padding-top: 16px;
}

#content_right_container_pda #resources_navigation_pda div {
   line-height: 18px;
   margin: 84px 0px 14px 0px;
}

#content_right_container_pda ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}

#content_right_container_pda ul li a {
   color: #000000;
   display: block;
   margin-bottom: 14px;
   text-decoration: none;
}

#content_right_container_pda ul li a.selected {
   font-weight: bold;
}

#content_center_pda {
   float: right;
   overflow: hidden;
   padding: 102px 13px 14px 15px;
   width: 380px;
}

#white_gap_pda {
   background-color: #FFFFFF;
   height: 4px;
   margin-left: 150px;
   overflow: hidden;
}


/*** footer ***/
#footer {
   background-image: url( ../images/footer.jpg );
   background-repeat: no-repeat;
   height: 77px;
   margin-left: 150px;
   position: relative;
   width: 600px;
}

#footer #mailing_address {
   height: 11px;
   overflow: hidden;
   position: absolute;
   top: 6px;
   left: 10px;
   text-indent: 10000px;
   white-space: nowrap;
   width: 583px;
}


/*** forms ***/
form { margin: 0; padding: 0; }

label {
   display: block;
   height: 18px;
   line-height: 18px;
   margin: 0;
   padding: 0;
   padding-right: 10px;
   width: 46px;
}

.text {
   border: 1px solid #9E9E9E;
   color: #000000;
   float: left;
   font-family: Arial, sans-serif;
   font-size: 12px;
   margin: 0;
   padding: 2px;
   width: 148px;
}

.textarea {
   border: 1px solid #9E9E9E;
   color: #000000;
   float: left;
   font-family: Arial, sans-serif;
   font-size: 12px;
   margin: 0;
   padding: 2px;
   width: 148px;
}

.select {
   border: 1px solid #9E9E9E;
   color: #000000;
   float: left;
   font-family: Arial, sans-serif;
   font-size: 12px;
   width: 152px;
}

.button {
   font-family: Arial, sans-serif;
   font-size: 12px;
   margin-top: 5px;
}

.error {
   font-style: italic;
   float: left;
   height: 18px;
   line-height: 18px;
   margin-left: 10px;
   width: 140px; 
}

.clear-float-form {
   clear: left;
   height: 5px;
   margin: 0;
   overflow: hidden;
   padding: 0;
}