body
  {
  width:                          100%;
  background:                     url(images/body_bg.jpg);
  font:                           normal normal normal 0.8em/1.3em Arial, sans-serif;
  }

h1
  {
  color:                          #7F0E18;
  font-family:                    "Times New Roman", serif;
  font-size:                      1.5em;
  font-weight:                    bold;
  clear:                          both;
  }

h2 
  {
  color:                          #7F0E18;
  font-family:                    "Times New Roman", serif;
  font-size:                      1.3em;
  font-weight:                    bold;
  clear:                          both;
  }

h3
  {
  color:                          #7F0E18;
  font-family:                    "Times New Roman", serif;
  font-size:                      1.2em;
  font-weight:                    bold;
  clear:                          both;
  }

h4
  {
  color:                          #7F0E18;
  font-family:                    "Times New Roman", serif;
  font-size:                      1.1em;
  font-weight:                    bold;
  clear:                          both;
  }

a img
  {
  border:                         0px;
  }  
  
#container
  {
  width:                          630px;
  margin:                         auto;
  }

#container div.section_header
  {
  width:                          630px;
  height:                         13px;
  margin:                         0px;
  padding:                        0px;
  background:                     url(images/white_bg/top_cap.gif) no-repeat bottom;
  }

#container div.section_data
  {
  width:                          630px;
  margin:                         0px;
  padding:                        0px;
  background:                     url(images/white_bg/middle.gif) repeat-y; 
  }

#container div.section_footer
  {
  width:                          630px;
  height:                         13px;
  margin:                         0px;
  padding:                        0px;
  background:                     url(images/white_bg/bottom_cap.gif) no-repeat top;
  }  

#header
  {
  height:                         200px;
  width:                          612px;
  border:                         0px;
  margin:                         0px;
  padding:                        0px;
  }

div#header
  {
  padding:                        10px;
  }

#header div.section_header
  {
  width:                          612px;
  height:                         10px;
  margin:                         0px;
  padding:                        0px;
  background:                     url(images/red_bg/top_cap.gif) no-repeat bottom;
  }
  
#header div.section_data
  {
  width:                          612px;
  margin:                         0px;
  padding:                        0px;
  background:                     url(images/red_bg/middle.gif) repeat;
  }
  
#header div.section_footer
  {
  width:                          612px;
  height:                         10px;
  margin:                         0px;
  padding:                        0px;
  background:                     url(images/red_bg/bottom_cap.gif) no-repeat top;
  }

#header h1
  {
  width:                          337px;
  height:                         70px;
  margin:                         65px 10px 0px 0px;
  padding:                        0px;
  float:                          right;
  display:                        inline;
  background:                     url('images/OCAT_logo.gif') no-repeat right;
  }
  
#header span
  {
  clear:                          both;
  overflow:                       hidden;
  visibility:                     hidden;
  margin:                         0px;
  padding:                        0px;
  }

#navigation
  {
  height:                         182px;
  width:                          231px;
  text-align:                     center;
  margin:                         0px 10px 0px 10px;
  padding:                        0px 0px 0px 0px;

  background-image:               url(images/nav_bg.jpg);
  overflow:                       hidden;
  }

#navigation a, #navigation a:visited   
{
    display:                      block;
    text-decoration:              none;
    white-space:                  nowrap;
}

#navigation_home a:link, #navigation_home a:visited
{
  margin:                         3px 18px 0px 18px;
  width:                          195px;
  height:                         20px;
  background-image:               url("images/navs/home.jpg");
  text-indent:                    -10000px;  
}

#navigation_about  a:link, #navigation_about a:visited
{
  margin:                         0px 18px 0px 18px;
  width:                          195px;
  height:                         20px;
  background-image:               url("images/navs/about.jpg");
  text-indent:                    -10000px;  
}

#navigation_locations a:link, #navigation_locations a:visited
{
  margin:                         0px 18px 0px 18px;
  width:                          195px;
  height:                         20px;
  background-image:               url("images/navs/locations.jpg");
  text-indent:                    -10000px;  
}

#navigation_contact a:link, #navigation_contact a:visited
{
  margin:                         0px 18px 0px 18px;
  width:                          195px;
  height:                         20px;
  background-image:               url("images/navs/contact.jpg");
  text-indent:                    -10000px;  
}

#navigation_employee a:link, #navigation_employee a:visited
{
  margin:                         0px 18px 0px 18px;
  width:                          195px;
  height:                         20px;
  background-image:               url("images/navs/employee.jpg");
  text-indent:                    -10000px;  
}

#navigation_calendar a:link, #navigation_calendar a:visited
{
  margin:                         0px 18px 0px 18px;
  width:                          195px;
  height:                         20px;
  background-image:               url("images/navs/calendar.jpg");
  text-indent:                    -10000px;  
}

#navigation_employment a:link, #navigation_employment a:visited
{
  margin:                         0px 18px 0px 18px;
  width:                          195px;
  height:                         20px;
  background-image:               url("images/navs/employment.jpg");
  text-indent:                    -10000px;  
}

#navigation ul
  {
  margin:                         0px;
  padding:                        0px;
  }

#navigation ul li
  {
  list-style:                     none;
  font:                           normal normal normal 16px/1.5em "Bernard MT Condensed" serif;  
  }

div#content
  {
  width:                          612px;
  padding:                        0px 10px 0px 10px;
  }

#content div.section_header
  {
  width:                          612px;
  height:                         8px;
  margin:                         0px;
  padding:                        0px;
  background:                     url(images/green_bg/top_cap.gif) no-repeat bottom;
  }

#content div.section_data
  {
  width:                          612px;
  margin:                         0px;
  padding:                        5px;
  background-image:               url(images/green_bg/middle.gif);
  }

#content div.section_footer
  {
  width:                          612px;
  height:                         8px;
  margin:                         0px;
  padding:                        0px;
  background:                     url(images/green_bg/bottom_cap.gif) no-repeat top;
  }


#content_side
  {
  width:                          168px;
  margin:                         0px;
  padding:                        0px;
  float:                          left;
  }

#content_side div.section_header
  {
  width:                          168px;
  margin:                         0px;
  padding:                        0px;
  background:                     url(images/beige_bg/top_cap.gif) no-repeat bottom;
  }

#content_side div.section_data
  {
  width:                          168px;
  margin:                         0px;
  padding:                        0px;
  background:                     url(images/beige_bg/middle.gif) repeat-y;
  }

#content_side div.section_footer
  {
  width:                          168px;
  margin:                         0px 0px -3px 0px;
  padding:                        0px;
  background:                     url(images/beige_bg/bottom_cap.gif) no-repeat top;
  }

#content_side h2
  {
  margin:                         0px;
  padding:                        0px;
  text-align:                     center;
  }

#content_side p
  {
  margin:                         3px;
  padding:                        0px;
  }
  
#content_main
  {
  width:                          425px;
  margin-left:                    175px;
  margin-right:                   5px;
  }

  
#content_wide
  {
  width:                          590px;
  margin-left:                    10px;
  margin-right:                   5px;
  }

#employment_app_form
{
  width:             600px;
  text-align:        left;
  padding-top:       20px;
}

#employment_app_form h3
{
  text-align:        left;
}

#employment_app_form h4
{
  text-align:        left;
}

.note
{
  color:             red;
  text-align:        right;
}

.lefty
{
  text-align:        left;
}


.special_note
{
  text-align:        left;
  font-style:        italic;
  font-weight:       bold;
  color:             red;
  font-size:         0.85em;
}

.job_heading
{
  width:             168px;
  margin-left:       5px;
  margin-right:      5px;
  font-weight:       bold;
  text-align:        right;
}

.job_details
{
  position:          relative;

  \top:              -17px;
/* IE version, after 'good' one */

  left:              180px;
  width:             400px;
}

form div label {
  display:           block;
  float:             left;
  width:             230px;
  padding:           3px 5px;
  margin:            0px 0px 5px 0px;
  text-align:        right;
/*  border:            2px dashed blue;  */
}

label.wide
{
  width:             350px;
  text-align:        left;
}

form div p 
{
  clear:            both;
}