/* CSS Document */

body 
{
margin: 0px;
padding: 0px;
color: #000;
background: #fff url(../images/background.jpg) top left repeat-x;
}


										/* BODY ELEMENTS */

.toppanel
{
margin: 0px auto;
width: 880px;
height: 60px;
background: #84A81F url(../images/toppanel.jpg) top left no-repeat;
}

.header
{
margin: 0px auto;
width: 880px;
height: 180px;
background: url(../images/home-header.jpg) top left no-repeat;
}

.bigbox
{
overflow: hidden;
margin: 0px auto;
width: 880px;
background: #fff;
}

.textbox
{
float: left;
width: 418px;
border-right: 2px solid #7CB9E5;
margin: 10px 0px;
padding: 10px 20px 0px 0px;
}

.textcontact
{
float: left;
width: 420px;
margin: 10px 0px;
padding: 10px 0px 0px 20px;
}

.titlepanel
{
margin: 0px auto;
width: 100%;
height: 25px;
margin-bottom: 10px;
padding: 0px 0px 0px  5px;
background: #7CB9E5;
}

.servicesbox
{
float: right;
width: 100%;
margin-top: 10px;
}

.footerbox
{
float: left;
width: 100%;
background: #7CB9E5;
}

.footer
{
margin: 10px auto 20px auto;
width: 650px;
height: 60px;
padding-left: 230px;

}

.line
{
float: left;
width: 100%;
border-top: 2px #7CB9E5 solid;
margin: 0px 0px 0px 0px;
}




										/* LIST STUFF */

ul.squarebullet
{
list-style-image: url(../images/squarebullet.gif);
padding-left: 25px;
margin: 0px 0px 10px 0px;
}

ul.tribullet
{
list-style-image: url(../images/tribullet.gif);
padding-left: 25px;
margin: 0px 0px 10px 0px;
}

ul.linkbullet
{
list-style-image: url(../images/linkbullet.gif);
padding-left: 25px;
margin: 0px 0px 10px 0px;
}

ul.greylinkbullet
{
list-style-image: url(../images/greylinkbullet.gif);
padding-left: 25px;
margin: 0px 0px 10px 0px;
}
										

										/* NAVIGATION */

.navbar
{
margin: 0px auto;
width: 100%;
height: 25px;
background: #7CB9E5;
}

.navigation
{
margin: 0px auto;
width: 880px;
height: 25px;
}

.navbox
{
float: left;
width: 110px;
height: 25px;
background: url(../images/navbox.jpg) left top no-repeat;
}

.navbox:hover
{
background: #7CB9E5;
cursor: pointer;
}

.menubox
{
float: left;
padding-top: 85px;
}

.breadcrumbs
{
clear: left;
font: 11px Arial, Helvetica, sans-serif;
color: #999;
text-align: left;
margin: 10px 0px 25px 0px;
}


										/* GRAPHICS */

/* for use with captions */
.rightthumb
{
float: right;
margin: 5px 0px 20px 15px;
width: 200px;
background: #CCDCEA;
}

.leftthumb
{
float: left;
width: 77px;
margin: 5px 15px 5px 0px;
}

.caption
{
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 3px 3px 3px;
}

.mapbox
{
float: left;
margin: 10px 0px 20px 0px;
padding: 3px;
width: 532px;
border: 1px solid #AEAEAE;
}

/* external link icon */
.external
{
clear: none;
width: 14px;
height: 14px;
margin: 0px 2px 0px 2px;
background: url(../images/external-icon.gif) top left no-repeat;
}

.external:hover
{
cursor: pointer;
}

.iconbox
{
float: left;
width: 24px;
margin: 5px 5px 10px 0px;
}

.galleryleft
{
float: left;
width: 200px;
margin: 5px 15px 10px 10px;
background: #CCDCEA;
}

.gallerymid
{
float: left;
width: 200px;
margin: 5px 15px 10px 0px;
background: #CCDCEA;
}

.galleryright
{
float: left;
width: 200px;
margin: 5px 10px 10px 0px;
background: #CCDCEA;
}

										/* FONTS */

h1
{
font: 22px Geneva, Arial, Helvetica, sans-serif;
color: #005298;
line-height: 1em;
margin-top: 0px;
}

h2
{
clear: both;
font: 16px Geneva, Arial, Helvetica, sans-serif;
color: #005298;
line-height: 1.5em;
margin-top: 0px;
}

h3
{
clear: both;
font: 16px Geneva, Arial, Helvetica, sans-serif;
color: #000;
line-height: 1.5em;
margin-top: 0px;
}

h4
{
font: 14px Arial, Helvetica, sans-serif;
color: #005298;
line-height: 1.7em;
margin: 0px 0px 0px 0px;
}

p
{
clear: left;
font: 13px Arial, Helvetica, sans-serif;
line-height: 1.5em;
text-align: justify;
margin-top: 0px;
}

.textcontact p
{
line-height: 1em;
}

.caption p
{
font-size: 11px;
line-height: 1.3em;
text-align: left;
margin-bottom: 0px;
}

.servicesbox p
{
clear: none;
}

.caption em
{
color: #005298;
font-size: 11px;
font-style: normal;
}

.navbox p
{
text-align: center;
margin: 2px 0px 0px 0px;
}



										/* LINKS */


/* standard link */
.body a:link 
{
color: #005298;
text-decoration: none;
border-bottom: 1px dotted;
}

.body a:visited 
{
color: #005298;
text-decoration: none;
border-bottom: 1px dotted;
}

.body a:hover 
{
color: #fff; 
background: #7CB9E5;
border-bottom: 1px solid #7CB9E5;
}

/* footer link */
.footerlink a:link 
{
color: #fff;
text-decoration: none;
border-bottom: 1px dotted;
}

.footerlink a:visited 
{
color: #fff;
text-decoration: none;
border-bottom: 1px dotted;
}

.footerlink a:hover 
{
color: #005298; 
background: #fff;
border-bottom: none;
}