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

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

body {
    background-color:   #0055A4;
    font-family:        'Trebuchet MS', Verdana, Arial, Helvetica, Sans-serif;
    font-size:          11pt;
    color:              #333333;
}

a:link, a:visited {
    color:              #0055A5;
    text-decoration:    none;
}

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

img {
    border:             0;
}

h1, h2, h3 {
    font-weight:        bold;
    color:              #0055A5;
    display:            inline;
}

h1 {
    font-size:          18pt;
}

h2 {
    font-size:          16pt;
}

h3 {
    font-size:          12pt;
    color:              #BCC5E0;
}

#front_pg h2 {
    color:              #F31309;
    border-left:        1px solid #F31309;
    padding:            7px 5px;
}

div#container {
    border:             1px solid #6699FF;
    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 */
table#outerbox {
    margin:             10px auto;
    /* border:             1px solid #0055A5; */
    border:             1px solid #FF00;
    background-color:   #FFFFFF;
}

td#menubox {
	font-size:          14px;
	font-weight:        bold;
	font-variant:       normal;
	color:              #666666;
}

td#menubox a:link, td#menubox a:visited {
	color:              #666666;
}

td#menubox a:hover {
    color:              #0055A5;
}


td#contentbox {
    padding:            10px 5px 0 5px;
}

hr#footerline {
    width:              100%; /* 830px */
    border:             0;
    height:             1px;
	color:              #003399;
	background-color:   #003399;
    text-align:         center;
}

td#footerbox {
    text-align:         center;
	font-size:          9pt;
	color:              #666666;
}


div.article-listing .article-title, div.event .event-name, 
td.photo-text span.photo-title {
    font-size:          10pt;
    font-weight:        bold;
}

div.article-listing .article-pub_date, div.event .event-date,
td.photo-text span.photo-num, div.ask_info {
    font-size:          8pt;
    font-style:         italic;
    font-weight:        bold;
}

div.event .event-location {
    font-style:         italic;
}

div.article-listing .article-author, div.event .event-clinician {
    color:              #F00;
    font-weight:        bold;
    font-size:          8pt;
}

div#article #article-published, div#article #article-author {
    font-size:          8pt;
    font-style:         italic;
}

div#article #article-subtitle {
    font-weight:        bold;
}

div#article .article-submenu, div#event-archive, .event-submenu, .blog_submenu {
    width:              200px;
    font-size:          8pt;
    margin:             10px auto;
    padding:            5px;
    border:             1px solid #0000A0;
    text-align:         center;
    background-color:   #6388C8;
}

.blog_submenu {
    width:              100px;
}

div#article .article-submenu a, div#event-archive, .event-submenu a, .blog_submenu a {
    color:              #FFF;
}

table#event-details {
    border:             0;
}

table#event-details tr th {
    font-weight:        bold;
}

table#event-details tr td.longtext, div#article #article-content {
    width:          400px;
    margin:         0 auto;
    clear:          both;
    border:         1px dotted #0000A0;
    font-size:      8pt;
    padding:        10px;
}

table.photo-category {
    margin-bottom:  10px;
    border:         0;
}

table.photo-category tr td.photo-img {
    width:          120px;
    text-align:     center;
}

table.photos tr td {
    vertical-align: top;
    width:          120px;
    padding:        5px;
    font-size:      8pt;
    text-align:     center;
}

table.formedit th {
    vertical-align: top;
}

div.testimonial {
    margin:             10px auto 3px auto;
    padding:            10px;
    text-align:         center;
    background:         transparent url('../images/quote_open.gif') no-repeat scroll left top;
    border-bottom:      1px solid #0000A0;
}

div.first {
    border-top:         1px solid #0000A0;
} 

div.testimonial .testimonial-quote {
    background:         transparent url('../images/quote_close.gif') no-repeat scroll right bottom;
    padding:            0 20px;
    height:             40px;
}

/* for non-IE only - min-height hack*/
html>body div.testimonial .testimonial-quote {

    height:             auto;

    min-height:         40px;

}

div.testimonial .testimonial-name {
    position:           relative;
    margin-top:         10px;
    left:               125px;
    text-align:         left;
    font-style:         italic;
    font-size:          10pt;
    width:              300px;
}

div#podcast {
    border:             1px dotted #0000A0;
    clear:              both;
}


#sidebox {
    background-color:   #B2CCE4;
    padding:            25px 10px;
    font-size:          10pt;
    line-height:        1em;
    color:              #1E5A90;
}


#sidebox a {
    padding:            15px 0px;
}

#sidebox a img {
    padding-left:            7px;
}

#sidebox a img.join {
    padding-left:            0px;
}

#sidebox hr {
    width:              100%;
    border:             0;
    height:             1px;
	color:              #195184;
	background-color:   #195184;
    text-align:         center;
    margin-bottom:     10px;
}