@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:”; }
abbr,acronym { border:0; }

html {
font-size: 62.5%;
font-family: arial;
}


ul, li {
margin: 0;
padding: 0;
font-size: 1.1em;
line-height: 22px;
}

p {
font-size: 1.1em;
margin-bottom: 25px;
}
h1 {
font-size: 18px;
font-weight: bold;
color: #009933;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

h2 {
font-size: 18px;
font-weight: bold;
color: #009933;
font-family: Geneva, Arial, Helvetica, sans-serif;
margin-top: 20px;
}

h3{
font-size: 14px;
font-weight: bold;
color: #ffffff;
font-family: Geneva, Arial, Helvetica, sans-serif;
margin-bottom: 20px;
}

#logo {
padding-top: 150px;
margin: 0 auto;
width: 307px;
text-align: center;
color: #999999;
font-family: arial;
font-size: 16px;
font-weight: bold;
}

#topbar {
height: 15px;
background-image:url(images/grey_grad.jpg);
background-repeat: repeat-x;
}

#topcenter, #middlecenter {
width: 954px;
margin: 0 auto;
}

#topholder {
width: 100%;
background-image: url(images/grey_grad_lrg.jpg);
background-repeat: repeat-x;
height: 198px;
}

#logoholder {
float: left;
margin-top: 49px;
width: 291px;
height: 129px;
}

#slogan {
float: right;
width: 223px;
height: 50px;
margin-top: 78px;
margin-right: 25px;
}

#linksholder {
width: 315px;
height: 40px;
float: right;
margin-top: 158px;
margin-right: -225px;
}

#linksholder ul {
display: inline;
}

#linksholder li {
width: 105px;
height: 40px;
display: inline;
}

#linksholder li a {
width: 105px;
height: 40px;
display: block;
text-decoration: none;
}

#linksholder li a span {
visibility:hidden;
}

#about {
background-image: url(images/about_us.png);
background-position: 0 -40px;
float: left;
}

#aboutactive {
background-image: url(images/about_us.png);
background-position: 0 0;
float: left;
}

.active {
background-position: 0 0;
}

#about:hover {
background-position: 0 0px;
}


#services {
background-image: url(images/services.png);
background-position: 0 -40px;
float: left;
}

#servicesactive {
background-image: url(images/services.png);
background-position: 0 0;
float: left;
}

#services:hover {
background-position: 0 0px;
}

#contact {
background-image: url(images/contact.png);
background-position: 0 -40px;
float: left;
}


#contactactive {
background-image: url(images/contact.png);
background-position: 0 0;
float: left;
}
#contact:hover {
background-position: 0 0px;
}


#greenbar {
height: 278px;
width: 100%;
margin: 0 auto;
border-top: 1px solid #ffff00;
border-bottom: 1px solid #ffff00;
background-image:url(images/main_bg.jpg);
background-repeat: repeat-x;
margin-bottom: 25px;
}

#welcome {
margin-top: 25px;
height: 52px;
width: 443px;
float: left;
}

#bookholder {
width: 329px;
height: 277px;
float: right;
margin-top: 5px;
}

#pcholder {
width: 283px;
height: 265px;
float: right;
margin-top: 10px;
}

#contentholder1, #contentholder2 {
color: #ffffff;
width: 225px;
height: 142px;
line-height: 18px;
margin-right: 35px;
margin-top: 25px;
float: left;
}

#contentholder3{
color: #ffffff;
width: 315px;
height: 142px;
line-height: 18px;
margin-right: 35px;
margin-top: 25px;
float: left;
}

#contentholder4{
color: #ffffff;
width: 255px;
height: 142px;
line-height: 18px;
margin-right: 15px;
margin-top: 25px;
float: left;
}

#contentholder3 a {
font-weight: bold;
color: #ffffff;
}

#contentholder3 a:hover{
color: #ffff00;
}

#contentholder3 p, #contentholder4 p {
font-size: 1.2em;
}

#contentholder1wide {
color: #ffffff;
width: 325px;
height: 142px;
line-height: 18px;
margin-right: 35px;
margin-top: 25px;
float: left;
}


#bottom {
width: 954px;
height: 486px;
margin: 0 auto;
border-bottom: 1px solid #CCCCCC;
}

#footer{
width: 954px;
height: 20px;
margin: 0 auto;
clear: both;
color: #999999;
font-size: 0.9em;
font-family: verdana;
margin-top: 20px;
}



#bottom2 {
width: 954px;
margin: 0 auto;
border-bottom: 1px solid #CCCCCC;
height: auto;
}

#bottomcontent {
width: 622px;
float: left;
}

#bottomcontent2 {
width: 950px;
}


#bottomcontent2 a, #bottomcontent a  {
color: #009933;
text-decoration: underline;
font-weight: bold;
}

#bottomcontent2 a:hover, #bottomcontent a:hover {
color:#006600;

}

#footer a {
color: #009933;
text-decoration: underline;
}

#footer a:hover {
color:#006600;

}




#bottomcontent2 li {
color:#666666;
font-size: 1.2em;
line-height: 22px;
font-weight: bold;
font-style: italic;
}

#bottomcontent p, #bottomcontent2 p {
font-size: 1.2em;
color: #666666;
font-size: 12px;
line-height: 1.9em;
}

#bottomcontent2 p {
margin-bottom: 15px;
}

#bottomimageholder {
float: right;
margin-right: 25px;
width: 231px;
height: 386px;
margin-top: 100px;
}

.ibold {
font-weight: bold;
font-style:italic;
}

.iboldyellow {
color: #ffff00;
font-weight: bold;
font-style:italic;
}

.greenbold {
font-weight: bold;
color: #009933;
}