/* style.css - all of the CSS2 styles used for the web site. */

html, body {
    margin:             0;
    padding:            0;
}

body {
    background-color:   #E6E6FF; /* 9D9DAE */
    font-family:        Arial, Sans-serif;
    font-size:          9pt;
    color:              #000;
}

a:link {
    color:              #6699FF;
}

a:visited {
    color:              #6646CF;
}

a:link, a:visited {
    text-decoration:    underline;
}

a:hover {
    text-decoration:    none;
    color:              #02CE02;
}

img {
    border:             0;
}

h1, h2, h3 {
    font-weight:        bold;
    color:              #0000A0; /* FA0101, 02CE02 */
    display:            inline;
}

h1 {
    font-size:          14pt;
}

h2 {
    font-size:          12pt;
}

h3 {
    font-size:          10pt;
}

div#container {
    border:             1px solid #6699FF;
    background:         #FFF;
    padding:            0;
    text-align:         left;
    margin:             15px auto 0 auto;
    width:              739px;
}

body#in_iframe {
    background:         #FFF;
    margin:             20px;
}

.smalltext {
    font-size:          8pt;
}

.tinytext {
    font-size:          7pt;
}

.justifiedtext {
    text-align:         justify;
}

.centered {
    text-align:         center;
}

img.centered {
    display:            block;
    margin:             0 auto;
}

div#siteby {
    clear:              both;
    margin:             25px auto;
    font-size:          8pt;
    color:              #000;
    letter-spacing:     1px;
}

div#errormsg, div#errorbox, div#successmsg {
    padding:            10px;
    margin:             0px auto 30px auto;
    font-weight:        bold;
    width:              66%;
    text-align:         center;
}

div#errormsg ul, div#errorbox ul {
    text-align:         left;
    margin-left:        50px;
}

div#errormsg, div#errorbox {
    background-color:   #DFBCBF;
    border:             2px solid #CC0000;
    color:              #CC0000;
}

div#successmsg {
    background-color:   #BCDFBF;
    border:             2px solid #1B5128;
    color:              #1B5128;
}

.error {
    color:              #CC0000;
    font-size:          8pt;
}

img.right_align {
    float:              right;
    padding:            0 0 15px 15px;
}

img.left_align {
    float:              left;
    padding:            0 15px 15px 0;
}

/* site specifics */
div#header_top, div#header_bottom {
    width:              739px;
    clear:              both;
}

div#header_top img, div#header_bottom img {
    background-color:   #1FD45B;
    float:              left;
}

div#search_box {
    background:         #1FD45B url('../images/header_search_bg.gif') no-repeat; */
    width:              151px;
    height:             21px;
    overflow:           hidden;
}

form#search {
    display:            inline;
    margin:             0;
    padding:            0;
}

div#input_box, div#button_box {
    float:              left;
}

div#input_box {
    height:             21px;
    overflow:           hidden;
}

div#input_box input {
    width:              123px;
    font-size:          12px;
    margin:             3px 0 0 0;
    padding:            0;
}

div#button_box {
    width:              22px;
    height:             21px;
}

button#search_button {
    width:              22px;
    height:             21px;
    padding:            21px 0 0;
    margin:             0;
    border:             0;
    background:         transparent url('../images/header_go_button.gif') no-repeat center top;
    overflow:           hidden;
    cursor:             pointer; /* hand-shaped cursor */
    cursor:             hand; /* for IE 5.x */
}

form>#replacement-2 { /* For non-IE browsers*/
  height:               0px;
}

div#header_bar {
    font-size:          9pt;
    color:              #FFFFFF;
    background:         #6699FF url('../images/header_bar_bg.gif') repeat-x;
    height:             30px;
    padding:            3px 10px 0 10px;
    width:              719px;    /* container width - padding */
    clear:              both;
    overflow:           hidden;
}

div#header_bar .account_link {
    padding-left:       10px;
    padding-right:      10px;
}

div#header_bar .left-align {
    width:              66%;
    float:              left;
}

div#header_bar .right-align {
    width:              33%;
    float:              right;
    text-align:         right;
    border:             #F00;
}

div#footer {
    background:         #6699FF url('../images/bottom_bg.gif') repeat-x;
    height:             40px;
    text-align:         center;
    color:              #000;
    font-size:          8pt;
    padding-top:        5px;
    line-height:        150%;
    margin:             0 auto;
    width:              741px;
}

div#content {
    padding:            15px;
}

div#events {
    margin:             10px 0;
    width:              191px;
    border-top:         1px solid #6699FF;
    border-right:       1px solid #6699FF;
    border-bottom:      1px solid #6699FF;
    background:         #FFF url('../images/main_events_bg.gif') repeat-y;
}

div#events img {
    border-bottom:      1px solid #6699FF;
}

div#event_box {
    padding:            10px;
    margin:             0;
    font-size:          8pt;
}

div#event_box .event-item {
    margin-bottom:      5px;
}

div#event_box .event-date {
    color:              #FA0101;
    font-style:         italic;
}

div#event_box .event-name {
    font-weight:        bold;
}

div#event_box .event-location {
    color:              #000;
    font-weight:        bold;
}

div#event_box .event-clinician {
    color:              #000;
    font-size:          8pt;
}

div#event_box .more {
    font-size:          8pt;
    text-align:         right;
}

div#header_bar a:link, div#header_bar a:visited, 
div#footer a:link, div#footer a:visited {
    color:              #F1F9CD;
}

div#header_bar a:hover, div#footer a:hover {
    text-decoration:    none;
    color:              #FA0101;
}

.cp {
    color:              #FA0101;
    font-weight:        bold;
}

/* menu workaround so there are no vertical spaces between images */

li.menu_products {
    display:            inline;
    height:             40px;
}

li.menu_community {
    display:            inline;
    height:             43px;
}

li.menu_teacher {
    display:            inline;
    height:             42px;
}

li.menu_contact {
    display:            inline;
    height:             48px;
}

/* for page navigation */

div.navigation, div.bluebox {
    font-size:          8pt;
    margin:             0 auto;
    padding:            10px 10px 4px 10px;
    width:              90%;
    border:             1px solid #6699FF;
    background:         #FFF url('../images/yellow_fade_bg.gif') repeat-y;
}

div.bluebox {
    padding:            10px;
}

div.alertbox {
    font-size:          8pt;
    margin:             0 auto;
    padding:            4px 4px 4px 4px;
    width:              100%;
    border:             1px solid #6699FF;
}

div.alertbox {
    padding:            6px;
}

/* for non-IE only - height correction */
html>body div.navigation {
    padding:            10px;
}

div.navigation div.prev {
    float:              left;
    text-align:         left;
    width:              20%;
}

div.navigation div.nav-page {
    float:              left;
    text-align:         center;
    width:              50%;
}

div.navigation div.next {
    float:              right;
    text-align:         right;
    width:              20%;
}

div.navigation div.spacer {
    clear:              both;
}

table.privacy tr td, table.privacy tr th {
    border:             0;
    vertical-align:     top;
}

table.privacy tr th {
    font-weight:        bold;
}