/* CSS Document */
* {
margin: 0;
padding: 0;
}

body {
background-color: #FFF;
font-family: Arial, Helvetica, sans-serif;
}

#wrapper {
width: 800px;
background-color: #9c9290;
margin: 20px auto;
/*border: 1px solid #000;*/
}

#header {
background-image: url(web_images/header.jpg);
height: 84px;
border-bottom: 1px solid #FFF;
}

#content {

}
/*///////////////////
.....TOP Navigation....
//////////////////*/
#top_menu {
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 80%;
font-weight: bold;
padding-top: 55px;
}

#top_menu a {
display: inline;
padding: 0px 20px 0px 14px;
text-decoration: none;
color: #FFF;
}
#top_menu a:hover{
color: #fff;
text-decoration: none;
background-image:url(web_images/dot_top.gif);
background-repeat: no-repeat;
background-position:left;

}
#top_menu a#current3 {
color: #FFF;
background-image:url(web_images/dot_top.gif);
background-position:left;
background-repeat: no-repeat;
text-decoration: none;

}

/*///////////////////
.....Navigation....
//////////////////*/
#menu {
padding-top: 21px;
padding-bottom: 40px;
float: left;
width: 196px;
font-size: 80%;
font-weight: bold;
background-color: #9c9290;
}
#menu ul {
list-style: none;
}
#menu li a {
text-decoration: none;
padding: 8px 3px 8px 15px;
display: block;
color: #FFF;

}
#menu li a:hover {
color: #fff;
background-image:url(web_images/dot_main.gif);
background-repeat: no-repeat;
background-position:left;
}
#menu a#current2 {
color: #fff;
background-image:url(web_images/dot_main.gif);
background-repeat: no-repeat;
background-position:left;
text-decoration: none;

}
#menu a img {
padding: 0;
margin:0;
}
.menu_indent {
padding-left: 15px;
line-height: 60%;
}
/*///////////////////
....MAIN IMAGE....
//////////////////*/
#mainimage {
background-color: #9c9290;
float: right;
border-left: 1px solid #FFF;
width: 600px;


}
#mainimage p {
color: #FFF;
font-size: 80%;
padding: 20px 10px 0px 10px;
line-height: 20px;
}
#mainimage img {

}
#mainimage form {
color: #FFF;
width: 590px;
padding: 10px 0 0 10px;
font-size: 85%;
}
.panels{
width: 600px;
}
.panels ul li{
list-style-type: none;
display: inline;
}
.panels img {
padding: 100px 0 100px 12px;
}
/*/////PANELS2/////*/
.panels2{
width: 600px;
}
.panels2 ul li{
list-style-type: none;
display: inline;
}
.panels2 img {
padding: 100px 0 100px 78px;
}

/*#mainimage.about {
background-image: url(page_images/about.jpg);
height: 288px;
}*/
/*///////////////////
....MAIN IMAGE....
//////////////////*/
/*///////////////////
....COPY AREA....
//////////////////*/
#contentcopy {
clear: both;
}
#copy {
float: right;
width: 600px;
color: #FFF;
font-weight: bold;
border-top: 1px solid #FFF;
border-left: 1px solid #FFF;
background-color: #9c9290;
margin: 0;
}
#copy p {
padding: 0px 10px 15px 15px;
line-height: 18px;
font-size: 75%;
}

#copy.list1 ul{
padding-left: 70px;
}

#copy.flash {
padding: 30px 0 30px 0;
}


#subheading {
width: 179px;
float: left;
padding: 20px 0px 0px 20px;
border-top: 1px solid #FFF;
}

#subheading h4{
color: #fff;
font-size: 120%;
}
#subheading h3{
color: #FFF;
font-size: 100%;
}
/*///////////////////
....COPY AREA....
//////////////////*/

/*///////////////////
....SUBNAV....
//////////////////*/
#subnav {
padding: 8px 0px 8px 0px;
}
#subnav a{
padding: 8px 30px 8px 12px;
font-size: 80%;
font-weight: bold;
text-decoration: none;
margin-left: 8px;
}
#subnav a:link{
color: #ccc;
font-size: 80%;
text-decoration: underline;
}
#subnav a:visited{
color: #ccc;
font-size: 80%;
text-decoration: underline;
}

#subnav a:hover{
color: #fff;
font-size: 80%;
text-decoration: none;
background-image:url(web_images/dot_sub.gif);
background-repeat: no-repeat;
background-position:left;

}
#subnav a#current {
color: #fff;
background-image:url(web_images/dot_sub.gif);
background-repeat: no-repeat;
background-position:left;
font-size: 80%;
text-decoration: none;
}
/*///////////////////
....SUBNAV....
//////////////////*/

#footer {
clear: both;
text-align: center;
background-color: #fff;
width: 800px;
color: #ccc;
margin: 0 auto;
font-size: 75%;
}
#footer a {
color: #ccc;
}