body { font-size:90%; font-family:verdana,arial,sans-serif; color:#000000; background-color:#EEEEE4; margin:0; padding:0; }
body td { font-family:verdana,arial,sans-serif; }
tr.top td { vertical-align:top; }  /* need to apply the vertical alignment to the column or it doesn't work in Opera */
a:link    { color:#0000FF; }
a:active  { color:#0066CC; }
a:visited { color:#0066CC; }
a:hover, a:focus { color:#006600; text-decoration:none; }

/* PAGE HEADER (DOTSC LOGO) */
#pgHeaderBack { background-color:#FFFFFF; }
#pgHeader1 { background-color:#D5BBBB; margin-bottom:4px; }
#pgHeader1 img { width:1px; height:9px; }
#pgHeader2 { background-color:#84ABD8; border-bottom:2px solid #003399; }
#pgHeader2 img { border:0; }

/* MAIN NAVIGATION COLUMN */
#mainNav { background-color:#D8E9F0; padding-bottom:1.5em; }
#mainNav table { margin-top:10px; }
#mainNav #mnLeft { vertical-align:bottom; }
#mainNav #mnLeft img { width:10px; height:210px; }
#mainNav #mnMenu { background:#F2F5F6 url('/dotsc/images/mnavBack2.jpg') no-repeat left bottom; padding-bottom:150px; }
#mainNav #mnMenu ul { list-style:none; margin:0 0 15px 0; padding:0; border-left:2px solid #E1E1E1; }
#mainNav #mnMenu li { position:relative; padding:.1em 0; font-size:100%; font-weight:bold; text-align:right; border-top:1px solid #E1E1E1; }
#mainNav #mnMenu a { display:block; color:#000000; text-decoration:none; padding:.5em 14px .5em 0; margin-left:-2px; border-left:2px solid #FFFFFF; width:207px; }
#mainNav #mnMenu a:hover, #mainNav #mnMenu a:focus { background-color:#FFFFFF; border-color:#0000FF; text-decoration:underline; }
#mainNav #mnMenu a.current { background-color:#336FB3; color:#FFFFFF; }
#mainNav #mnMenu a.current:hover { background-color:#336FB3; color:#FFFFFF; text-decoration:none; }
#mainNav #mnMenu ul ul { position:absolute; top:0; left:-999em; margin-top:0; background-color:#F4FAF4; border:1px solid #999999; border-left-width:2px; }
#mainNav #mnMenu ul ul li { padding:0; margin:0; font-size:80%; background-color:#F4FAF4; text-align:left; }
#mainNav #mnMenu ul ul a { padding:8px 4px 8px 8px; margin-left:-2px; background-color:#F4FAF4; font-weight:normal; font-size:115%; border-left:2px solid #999999; border-top:1px dotted #EEEEE4; }
#mainNav #mnMenu ul ul a:hover, #mainNav #mnMenu ul ul a:focus { background-color:#006600; color:#FFFFFF; border-color:#000000; border-top-color:#999999; }
#mainNav #mnMenu ul ul li.first a { border-top:0; }
#mainNav #mnMenu img { width:223px; height:1px; }
#mainNav #mnBottom { vertical-align:top; }
#mainNav #mnBottom img { width:233px; height:117px; }

/* MAIN CONTENT COLUMN */
#mainContentBack { background-color:#FFFFFF; }
#mainContent { padding:1em 2em 2em; }
#mainContent h1 { font-size:130%; font-weight:bold; color:#800000; padding-bottom:5px; border-bottom:#800000 2px solid; }
#mainContent h1 span { font-size:80%; }
#mainContent h2 { font-size:110%; font-weight:bold; color:#0066CC; margin-top:2em; }
#mainContent h2.first { margin-top:0; }
#mainContent h3 { font-size:100%; font-weight:bold; }
#mainContent fieldset legend { font-size:110%; font-weight:bold; color:#800000; }
#mainContent fieldset div { padding:1em; }
#mainContent fieldset ul li { margin:.3em; }
#mainContent #map { margin-top:3em; padding-top:1em; border-top:1px solid #EEEEE4; }
#mainContent #map h2 { margin-bottom:2px; }
#mainContent #map p { margin-top:2px; }
#mainContent #map img { float:left; margin:0 10px 3px 0; }
#mainContent .fileInfo { font-size:80%; font-style:italic; white-space:nowrap; }
#mainContent .addInfo { font-size:80%; font-style:italic; }
#mainContent .nowrap { white-space:nowrap; }
#mainContent .smDouble li { margin-bottom:.25em; }
#mainContent .double li { margin-bottom:1em; }
#mainContent .indent { padding-left:1em; }
#mainContent .indent2 { padding-left:2em; }
#mainContent .indent3 { padding-left:3em; }
#mainContent .hrSecTop { padding-top:5px; border-top:#CCCCCC 2px solid; }
#mainContent .label { background-color:#EEEEE4; text-align:right; padding-right:5px; padding-left:5px; }
#mainContent .smallText { font-size:80%; }
#mainContent .errorText { color:#FF0000; }
#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 { color:#000; font-weight:normal; }
#mainContent div.msgBox ul { margin:.5em 0 0 45px; padding:0; }
#mainContent div.msgBox li { margin-bottom:.25em; }
#mainContent .rightAlign img { clear:both; float:right; margin:0 0 10px 10px; }
#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 .dataTable { border:1px solid #EEEEE4; border-color:#EEEEE4 #9F9F9E #9F9F9E #EEEEE4; }
#mainContent .dataTable th, #mainContent .dataTable td { border:1px solid #9F9F9E; border-color:#9F9F9E #EEEEE4 #EEEEE4 #9F9F9E; padding:5px; }
#mainContent .dataTable th { background-color:#9F9F9E; color:#FFFFFF; font-weight:bold; }
#mainContent .dataTable th a { color:#FFFFFF; }

/* STYLES TO FLOAT THE RELATED LINKS MENU TO THE RIGHT */
#mainContent .wrapper { position:relative; height:1%; padding-right:200px; }  /* used to float the related links box -- don't need if you use a table to position the box */
#mainContent .relatedLinks { position:absolute; top:0; right:0; background-color:#FFFFFF; width:180px; }  /* used to float the related links box -- don't need if you use a table to position the box */
#mainContent .subMenu { border:1px solid #CCCCCC; margin-bottom:1em; }
#mainContent .subMenu h2 { background-color:#347219; color:#FFFFFF; font-weight:bold; font-size:100%; padding:5px; margin:0; }
#mainContent .subMenu ul { margin:7px 9px 9px 27px; padding-left:0; }
#mainContent .subMenu li { margin-bottom:.3em; }
#mainContent .subMenu div { margin:1em; }
#rightCol div { margin-left:2em; }  /* used for table positioning -- don't need if you use the .wrapper class to float the box */

/* SYLES USED TO FORMAT THE RIGHT COLUMN ON THE HOME PAGE */
#rightColHome { background-color:#E9F3E5; }
#rightColHome #intern { background-color:#E9F3E5; }
#rightColHome #intern h2 { background-color:#347219; color:#FFFFFF; font-size:110%; padding:20px 10px 10px; margin:0; white-space:nowrap; }
#rightColHome #intern p { margin:1em; }
#rightColHome #intern li { margin-bottom:.25em; }
#rightColHome #ppg { background-color:#FFFFF9; border:5px solid #FFCC33; border-width:0 5px 5px; }
#rightColHome #ppg h2 { background-color:#333300; color:#FFFFFF; font-size:110%; padding:20px 10px 10px; margin:0 -5px; white-space:nowrap; }
#rightColHome #ppg p { margin:1em; }

/* PAGE FOOTER */
#pgFooter { padding:10px; border-top:1px solid #000000; }
#pgFooterLinks { position:relative; padding-bottom:10px; height:1%; }
#pgFooterLinks img { width:158px; height:55px; border:0; float:right; margin:0 0 0 10px; }
#pgFooterLinks span { position:absolute; top:0; left:-1000px; }
#pgFooterLinks #pgFooterText { padding-top:10px; font-size:80%; line-height:1.4em; }
#pgFooterLinks table { position:absolute; top:-100px; right:9999em; display:none; margin:15px 10px 10px; border:1px solid #000000; background-color:#FFFFFF; }
#pgFooterLinks table th { color:#333333; text-align:left; font-size:80%; padding:10px; }
#pgFooterLinks table td { font-size:80%; color:#999999; text-align:center; }
#pgFooterLinks table a { padding:2px; }
#pgFooterLinks table a:hover { text-decoration:none; background-color:#000000; color:#FFFFFF; }
#pgFooterLinks table a:hover[name] { background-color:#FFFFFF; color:#000000; }  /* PREVENT FIREFOX FROM HIGHLIGHTING TABLE HEADER WHICH USES A NAMED ANCHOR TO PREVENT THE MENU FROM CLOSING */
#pgFooterLinks table #siteLinksTop { padding:0 10px 6px; }
#pgFooterLinks table #siteLinksBottom { padding:0 10px; }
#pgFooterLinks table #siteMoreInfo { padding:10px; }

/* STYLES USED ON PAGES LIKE THE STAFF PAGE */
#mainContent ul.photoList { list-style:none; padding:0; margin:0; }
#mainContent ul.photoList li { padding-left:120px; padding-top:1em; clear:both; }
#mainContent ul.photoList li.first { padding-top:0; }
#mainContent ul.photoList li img { width:100px; height:130px; float:left; margin-left:-120px; }
#mainContent ul.photoList .name { color:#000000; font-weight:bold; }
#mainContent div.photoListPad { clear:both; padding-top:1em; font-size:1%; }

/* STYLES USED FOR THE SEARCHRESULTS TABLES */
#searchResults { border:1px solid #000000; border-width:1px 0; }
#searchResults form { margin-bottom:0; margin-top:10px; }
#searchResults tr { vertical-align:top; }
#searchResults td { padding:10px; }
#searchResults td#searchStats { background-color:#9F9F9E; padding:10px; text-align:center; color:#FFFFFF; }
#searchResults td#searchStats a { color:#FFFFFF; }
#searchResults td.evenRow { background-color:#FFFFFF; border-top:1px solid #000000; }
#searchResults td.oddRow { background-color:#EEEEE4; border-top:1px solid #000000; }