/* **********************************************************************************
 * File:        global.css
 * Description: Defines CSS for Mid-Continent GA website
 * Revisions:   2009-12-13 [am] File created 
 * ********************************************************************************** */

body {
   background-color: #ffffff;
   background-image: url("");
   background-repeat: no-repeat;
   background-attachment: scroll;
   color: #000000;
   font-family: Helvetica, Verdana, Arial, sans-serif;
   font-size: 12px;
   margin: 0px;
   text-align: center;
}

#pagecontent {
   width: 900px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}

#header {
   margin: 0px auto 30px auto;
   text-align: left;
   /* width: 900px; */
   width: 100%;
   background-color:#FFFFFF
}

#topmargin {
   background-image: url("images/darkgreen.jpg");
   height: 36px;
   margin: 0px 0px 30px 400px;
   width: 500px;
}

#logo {
   float: left; 
}

#navigation {
   float: right;
   text-align: right;
   right:auto;
}

#navigation * {
   margin: 0;
   padding: 0;
}

#navigation div {
   text-align: justify;
}

#numbers {
   text-align: right;
   display: inline;
}

#numbers img {
   margin: 92px 0px 16px 200px;
}

#navLinks {
   display: inline;
}

#main {
   margin: 30px auto 30px auto;
   text-align: left;
   /* width: 900px; */
   width: 100%;
}

#mainimg {
   border-top: 1px solid green;
   margin-bottom: 16px;
}

#maintext {
   float: left;
   width: 590px;
}

#maintext2 {
   float: left;
   width: 640px;
}

#contacttextl {
   float: left;
   width: 295px;
}

#contacttextr {
   float: right
   width: 295px;
}

#maintext p {
   margin-bottom: 5px;
}

#quote {
   float: right;
   margin: 0px 0px 0px 0px;
}

#footer {
   background-image: url("images/darkgreen.jpg");
   background-repeat: repeat;
   margin: 0px auto 0px auto;
   padding: 0px 0px 50px 0px;
   text-align: left;
   /* width: 900px; */
   width: 900px;
}

#footer ul {
   margin: 0px;
   padding: 0px 0px 15px 0px;
   list-style-type: none;
   width: 100%;
   display: block;
}

#footer ul li {
   margin: 0px;
   padding: 0px;
   width: 100%;
}

#footer a {
   color: #ffffff;
   text-decoration: none;
   padding: 0px 0px 0px 0px;
   width: 100%;
   font-size: 10px;
   font-weight: normal;
   line-height: 14pt;
   text-align: left;
}

#footer a:hover {
   color: #54B948;
   text-decoration: underline;
}

#footer p {
   font-size: 10px;
   font-weight: normal;
   color: #ffffff;
   margin: 0;
   line-height: 14pt;
   text-align: left;
}

#footer h3 {
   font-size: 18px;
   font-weight: bold;
   color: #54B948;
   margin: 0px;
   padding: 20px 0px 5px 0px;
   text-align: left;
}

#copyright {
   clear: both;
   margin: 15px 20px 0px 20px;
   border-top: 1px solid white;
   padding: 15px 0px 0px 0px;
}

h1 {
   font-size: 48px;
   font-weight: bold;
   color: #00703C;
   letter-spacing: 0px;
   margin-top: 0px;
   margin-bottom: 10px;
   margin-left: 0px;
   text-align: left;
}

h2 {
   font-size: 21px;
   font-weight: normal;
   color: #54B948;
   margin-top: 0px;
   margin-bottom:4px;
   margin-left: 0px; 
   text-align: left;
}

h3 {
   font-size: 36px;
   font-weight: bold;
   color: #00703C;
   letter-spacing: 0px;
   margin-top: 0px;
   margin-bottom: 10px;
   margin-left: 0px;
   text-align: left;
}



p {
   color: #333333;
   font-family: Tahoma,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-size-adjust: none;
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   line-height: 20px;
   margin: 0;
   text-align: left;
}
p.contact {
   color: #333333;
   font-family: Tahoma,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-size-adjust: none;
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   line-height: 20px;
   margin: 0;
   text-align: left;
   padding-bottom: 5px;
}

p.indent {
   color: #333333;
   font-family: Tahoma,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-size-adjust: none;
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   line-height: 20px;
   margin-left: 20px;
   text-align: left;
}
font.indent {

   margin-left: 20px;

}

a {
   color: #00703C;
   font-family: Tahoma,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-size-adjust: none;
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   line-height: 20px;
   margin: 0px;
   text-align: left;
   margin-left: 0px;
}

a:hover {
   color: #54B948;
   font-family: Tahoma,Arial,Helvetica,sans-serif;
   font-size: 12px;
   font-size-adjust: none;
   font-stretch: normal;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   line-height: 20px;
   margin: 0;
   text-align: left;
}

/* Navigation roll over images */

#navHome img {
   background: url("images/navigation/home_off.jpg") top left no-repeat;
}

#navHome:hover img, #actHome img {
   background: url("images/navigation/home_on.jpg") top left no-repeat;
}

#navAbout img {
   background: url("images/navigation/about_off.jpg") top left no-repeat;
   margin-left: 15px;
}

#navAbout:hover img, #actAbout img {
   background: url("images/navigation/about_on.jpg") top left no-repeat;
   margin-left: 15px;
}

#navPrograms img {
   background: url("images/navigation/programs_off.jpg") top left no-repeat;
   margin-left: 15px;
}

#navPrograms:hover img, #actPrograms img {
   background: url("images/navigation/programs_on.jpg") top left no-repeat;
   margin-left: 15px;
}

#navServices img {
   background: url("images/navigation/services_off.jpg") top left no-repeat;
   margin-left: 15px;
}

#navServices:hover img, #actServices img {
   background: url("images/navigation/services_on.jpg") top left no-repeat;
   margin-left: 15px;
}

#navContact img {
   background: url("images/navigation/contact_off.jpg") top left no-repeat;
   margin-left: 15px;
}

#navContact:hover img, #actContact img {
   background: url("images/navigation/contact_on.jpg") top left no-repeat;
   margin-left: 15px;
}



.staff {

 width: 500px;

 float: left;

}







#shortbios {

 width: 475px;
 float: left;
 margin-left:15px;
 margin-top: 10px;

}



.staff h4 { 

 width: 438px;

 float: left;

}

#ProColumn {
width: 295px;
padding-left: 0px;
color: #333333;
float: left;
text-align: left;
line-height: 19px;
margin: 0pt auto;
}

#photo {
width: 90px;
padding-left: 0px;
color: #333333;
float: left;
text-align: left;
line-height: 19px;
margin: 0pt auto;
margin-top: 10px;
}

#ProColumn2 {
width: 310px;
padding-left: 0px;
color: #333333;
float: left;
text-align: left;
line-height: 19px;
margin: 0pt auto;
}