body { font-size:90%; font-family:Verdana,Arial,Helvetica,sans-serif; color:#000000; background-color:#6A8DC2; margin:0 25px 25px 0; padding:0; }
h1 { position:absolute; top:0; left:-9999em; } /* hide h1 tags from view since they are for screen reader and text browser use only */
tr.top td { vertical-align:top; }  /* need to apply the vertical alignment to the column or it doesn't work in Opera */

#pgHeader { background-color:#24366F; white-space:nowrap; min-width:600px; }
#pgHeader img { height:105px; }

#mainNav { background-color:#B8E3BC; width:200px; padding:0 0 3em; }
#mainNav ul { background:#286C63 url(/images/pgHeader3.jpg) top left no-repeat; list-style:none; margin:0; padding:1em 0 0; }
#mainNav a { color:#FFFFFF; font-weight:bold; font-size:90%; text-decoration:none; text-align:right; padding:1em 10px; border-top:1px dotted #67AAA1; display:block; width:180px; }
#mainNav a:hover, #mainNav a:focus { background-color:#000000; text-decoration:underline; }
#mainNav li.first a { border:0; }
#mainNav a.current { background:#24366F url(/images/mainNavCurrBack.jpg) right repeat-y; }
#mainNav a.current:hover, #mainNav a.current:focus { background-color:#24366F; text-decoration:none; }
#mainNav #centersOnlyLink { background:#054940; margin-top:2em; padding:0; }
#mainNav #centersOnlyLink a { background-color:#054940; }
#mainNav #centersOnlyLink a:hover, #mainNav #centersOnlyLink a:focus { background-color:#000000; }

#mainContent { background-color:#FFFFFF; padding:30px; }
#mainContent h2 { font-size:150%; color:#24366F; font-weight:bold; border-bottom:2px solid #24366F; margin:0 0 1em; }
#mainContent h2 span { font-size:70%; font-style:italic; }
#mainContent h3 { font-size:120%; color:#24366F; font-weight:bold; margin-top:2em; }
#mainContent h3.first { margin-top:1em; }
#mainContent h4 { font-size:100%; color:#000000; font-weight:bold; margin-top:2em; }
#mainContent fieldset legend { font-size:110%; font-weight:bold; color:#24366F; }
#mainContent fieldset div { padding:1em; }
#mainContent a { color:#0000FF; }
#mainContent a:visited { color:#24366F; }
#mainContent a:hover, #mainContent a:focus { color:#24366F; text-decoration:none; }
#mainContent blockquote { font-style:italic; padding:0; margin:1em 2em; }
#mainContent blockquote span { font-style:normal; font-size:80%; display:block; text-align:right; margin-top:4px; }
#mainContent .section { font-size:100%; color:#24366F; font-weight:bold; font-style:italic; }
#mainContent .smDouble li { margin-bottom:.25em; }
#mainContent .double li { margin-bottom:1em; }
#mainContent .double .normal li { margin-bottom:2px; }
#mainContent .double .smDouble li { margin-bottom:.25em; }
#mainContent .nowrap { white-space:nowrap; }
#mainContent .fileInfo { font-style:italic; font-size:80%; }
#mainContent .addInfo { font-style:italic; font-size:80%; }
#mainContent div.msgBox { background-color:#FEFDFA; border:1px solid #000000; padding:1em; margin:2.5em 1em; font-size:120%; }
#mainContent div.msgBox p { margin:0; font-weight:bold; }
#mainContent div.msgBox .normal { font-weight:normal; }
#mainContent div.msgBox ul { margin:.5em 0 0 45px; padding:0; }
#mainContent div.msgBox li { margin-bottom:.25em; }
#mainContent div.msg { background-color:#FEFDFA; font-weight:bold; font-size:120%; border:1px solid #000000; padding:1em; margin:2em; }
#mainContent .formFieldTable td { vertical-align:middle; }
#mainContent .label { background-color:#EEEEE4; text-align:right; padding-right:5px; padding-left:5px; }
#mainContent .leftAlign, #mainContent .rightAlign { clear:both; }
#mainContent .leftAlign img { float:left; margin:0 10px 10px 0; }
#mainContent .rightAlign img { float:right; margin:0 0 10px 10px; }
#mainContent .errorText { color:#FF0000; font-style:italic; font-weight:bold; }
#mainContent img.errorIcon { vertical-align:middle; width:20px; height:20px; }
#mainContent div.formError p { margin:2em 0 2px; font-weight:bold; color:#FF0000; }
#mainContent div.formError p img { width:20px; height:20px; vertical-align:middle; padding-right:10px; }
#mainContent div.formError ul { margin-top:0; margin-bottom:2em; }
#mainContent .profile { margin-bottom:2em; }
#mainContent .relatedWrapper { position:relative; height:1%; padding-right:200px; }  /* wrapper used to float the related links box */
#mainContent .relatedWrapper h3.first { margin-top:0; }
#mainContent .relatedLinks { position:absolute; top:0; right:0; width:180px; }
#mainContent .relatedLinks .menu, #mainContent .relatedCol .menu { border:1px solid #CCCCCC; background-color:#FFFFFF; }
#mainContent .relatedLinks h3, #mainContent .relatedCol h3 { position:absolute; top:0; left:-9999em; } /* hide h3 tags in the related links section from view since they are for screen reader and text browser use only */
#mainContent .relatedLinks h4, #mainContent .relatedCol h4 { background-color:#720000; color:#FFFFFF; font-weight:bold; font-size:100%; padding:5px; margin:0; }
#mainContent .relatedLinks ul, #mainContent .relatedCol ul { margin:7px 9px 9px 27px; padding-left:0; }
#mainContent .relatedLinks li, #mainContent .relatedCol li { margin-bottom:.3em; }
#mainContent .relatedCol div { margin-left:2em; }

#websiteSearch { position:absolute; top:15px; right:40px; margin-left:462px; text-align:right; }
#websiteSearch .button { margin-top:2px; }
#websiteSearch .button input { border:1px solid #CFD5E6; background-color:#24366F; color:#FFFFFF; }
#websiteSearch .button input:hover, #websiteSearch .button input:focus { background-color:#EEEEE4; color:#000000; border-color:#333333; }

#pgFooter { clear:both; background-color:#EEEEE4; padding:20px; font-size:75%; line-height:1.4em; min-width:560px; }
#pgFooter a { color:#0000FF; }
#pgFooter a:visited { color:#24366F; }
#pgFooter a:hover, #pgFooter a:focus { color:#24366F; text-decoration:none; }
#pgFooter #pgFooterLinks { margin-bottom:1em; font-size:120%; line-height:normal; }

.hide { position:absolute; top:0; left:-9999em; } /* used to hide content since it's for screen reader use only */


/* ROTATING QUOTES - ON THE HOME PAGE */
#homeQuotes { width:250px; padding-left:2em; }
#homeQuotes img { width:250px; height:150px; border:1px solid #000000; }
#homeQuotes blockquote { font-size:80%; margin:6px 8px 0; padding:0; }
#homeQuotes blockquote span { font-size:90%; text-align:left; display:block; padding-left:20px; }
#homeQuotes blockquote span span { white-space:nowrap; font-size:100%; display:inline; padding:0; }

/* STYLES FOR THE ANNUAL CONFERENCE AGENDA */
#schedule { clear:both; }
#schedule tr { vertical-align:top; }
#schedule .date { margin-top:2.5em; padding:5px; font-weight:bold; border-top:1px solid #333333; background-color:#EEEEE4; }
#schedule .fDate { margin:0; }
#schedule .time { white-space:nowrap; padding-left:1em; padding-right:1em; }
#schedule .session { margin:1.5em 0 1.5em 3em; }
#schedule .session .sName { margin:1em 0 0; font-size:120%; font-weight:bold; color:#003399; }
#schedule .sName { margin:1em 0 0; font-size:120%; font-weight:bold; color:#003399; }
#schedule .session .presiding { margin-left:1.5em; }
#schedule .session .descrip { margin-left:1.5em; }
#schedule .session .descrip { margin-left:1.5em; }

#schedule .session .mod { margin-left:1.5em; }
#schedule .session .speaker { margin:2px 2px 2px 20px; }
#schedule .session .speakers, #schedule .session .downloads { margin:.5em 0 0 2em; font-style:italic; }
#schedule .session ul { margin:0; padding:0; margin-left:35px; font-style:normal; }
#schedule .track { margin:1.5em 0 1.5em 3em; }
#schedule .track .type { margin:1.5em 0 1em; font-size:120%; font-weight:bold; color:#003399; }
#schedule .track .title { margin:1em 0 .3em 1.5em; font-size:105%; font-weight:bold; }
#schedule .track .descrip { margin:0 0 .5em 1.5em; }
#schedule .track .mods, #schedule .track .speakers, #schedule .track .downloads { margin:.5em 0 0 2em; font-style:italic; }
#schedule .track ul { margin:0; padding:0; margin-left:35px; font-style:normal; }
#schedule .downloads li { margin-bottom:.25em; }
#schedule .room { color:#000000; font-size:80%; font-style:italic; font-weight:normal; }
.updated { margin-top:3em; font-size:120%; font-style:italic; color:#666666; }