﻿body { text-align:center; background-color:#497853;
}

      a:link, a:visited { color:#B28B0A;} 
		a:hover {color:Black; text-decoration:none;}
        a:active { color:#B28B0A;}
        #wrapper { position:relative; top:20px; background-color:#EDE2C4; text-align:center; width:1000px; border: 0px none White; margin-top: 10px;}
        #header { position:relative; margin:0px; width:1000px; height:206px; background-color:#EDE2C4; text-align:left; vertical-align:middle;
                top:14px; left:0px;} 
        #headerlogo {width:900px; height:160px; padding: 3px 6px 6px 40px; background-color:#EDE2C4; }
        #headertext { position:absolute; top:70px; left:385px; margin:0px; width:400px; height:30px; text-align:left; 
                      color:#497853; font-size:24px; font-weight:bold; z-index:6; }         
        #headermenu { position:absolute; top:140px; border-bottom-color:#497853; width:100%; height:27px; z-index:4;}
        #login { position:absolute; margin:0px; top:3px; right:15%; width:375px; height:25px; text-align:left; vertical-align:middle; color:#EDE2C4; }
        #breadcrumb { position:absolute; top:3px; right:67%; padding:3px 0 2px 0; margin:0px; width:250px; height:25px; color:#EDE2C4; vertical-align:middle; text-align:left; }               
        #container { position:relative; top:0px; background-color:#EDE2C4; text-align:center; width:975px; z-index:99999;
            left: 0px;
        }
        #footer { position:relative; top:0px;}
        #copyright { color:Gray; padding:5px 5px 20px 5px; z-index:2;}
        #footersitemap {color:White; padding:25px 5px 10px 5px; width:600px; height:30px; background-color:#EDE2C4; color:Black; }
        .formtext { text-align:right; font-weight:bold; color:#025156; }
        .formfield { text-align:left; }
        .header {padding:15px 0px 15px 15px; }
        .buttons { padding:15px 0px 15px 0px; text-align:left; }
        .contacts{ padding:15px; color:Gray; font-weight:bold; }
        .fieldsets { width:600px; text-align:left; padding:5px; }
        .fieldsetMed { width:720px; text-align:left; padding:5px; }
        .fieldsetLrg { width:900px; text-align:left; padding:5px; }
        .legends { font-size:22px; vertical-align:middle; color:#025156; border-color:#497853; font-weight:bold; }
        .aboutustext { width:815px; text-align:left; padding:5px; color:Gray; }
        .aboutheaders { padding-left:15px;color:Gray;}
        .aboutfieldset { width:865px; text-align:left; padding:5px;}
        .aboutlegend { font-size:22px; vertical-align:middle; color:#497853; font-weight:bold; }
        .MyCalendar .ajax__calendar_container { border:1px solid #B28B0A; background-color:#EDE2C4; color:#025156; }
        /*Modal Popup*/ 
        .modalBackground { z-index:999; filter:alpha(opacity=70); opacity:0.7; } 
        .modalPopup {
    	      z-index:1000;
              background-color:#DCDCDC; 
              border-width:0px; 
              border-style:solid; 
              border-color:Gray; 
              padding:3px; 
              width:250px;}
    .CustomTabStyle .ajax__tab_body { background-color:#EDE2C4; border:1px solid black; font-size:14px; }
    .CustomTabStyle .ajax__tab_header { color:Black; font-size:16px; } /*: A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. */
    .CustomTabStyle .ajax__tab_outer { background-color:Black; } /*: An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner.  */
    .CustomTabStyle .ajax__tab_inner { background-color:Black;} /*: An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. */
    .CustomTabStyle .ajax__tab_tab { background-color:White; padding:4px;} /*: An element of the tab that contains the text content. Child CSS classes:none. */
   /* .CustomTabStyle .ajax__tab_body : A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. */
    .CustomTabStyle .ajax__tab_hover { background-color:#025156; color:Navy; } /* . This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. */
    .CustomTabStyle .ajax__tab_active { background-color:#B28B0A; color:#B28B0A; } /*: This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. */

