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

body { margin:0; font:80% Arial, Helvetica, sans-serif; color:#555; line-height: 20px; background: #e1e3c4;}
.top-wrapper {background: url(../images/top.jpg) repeat-x top}

.wrapper {margin: 0px; padding: 0px 0px 90px 0px; background: url(../images/bottom.jpg) repeat-x bottom;}
.container { width: 1010px; margin: 0 auto; padding: 0px 0px 0px 0px; }

img{ border:none; margin: 0px;}
img, div { behavior: url(iepngfix.htc)}

p {margin: 0px; font-size: 14px; padding: 5px 0px 0px 0px;}
a {color: #003300; font-weight: bold; text-decoration: none;}
b { color:#333333; font-weight: bold;}

li {font-size: 14px; list-style: none; padding: 0px; margin: 0px;}

.clear { clear: both;}

.title { color:#003300; font-weight: bold; text-decoration:underline; text-transform: capitalize; }

.green { color: #003300; text-transform:uppercase; font-weight: bold; font-size:22px; }

h3 { color: #003300; background: #CCCC99; padding: 0px 0px 0px 5px; font-size: 22px; padding: 10px; margin: 0px; text-align: center; }
.h1_title { color: #003300; font-size: 16px; text-transform:uppercase;}


input { border: 1px solid #cccccc; background: #FFFFFF; width: 300px; height: 20px;}
textarea { border: 1px solid #cccccc; background: #FFFFFF; width: 300px; height: 100px;}

.small-print { font-size: 9px; line-height: 18px;}

/*------------------------------------ header stuff ------------------------------------ */

.top-nav { height: 150px; width: 1010px; clear:both; background: url(../images/header.jpg) top center no-repeat; }
.nav-spacer { height: 100px;}
.breadcrumb { padding: 0px 0px 0px 0px; font-size: 20px; text-align: left; clear: both; background: #CCCC99; text-transform:none; line-height: 26px; font-family:"Times New Roman", Times, serif; color:#003300;}

.breadcrumb-front { height: 50px; padding: 0px; font-size: 20px; text-align: left; clear: both; background: #CCCC99; font-family:"Times New Roman", Times, serif; color:#003300; font-weight: bold; text-transform: capitalize;}
.breadcrumb-left { padding: 10px 0px 10px 10px; font-size: 20px; text-align: left; clear: both; background: #CCCC99; text-transform:none; line-height: 26px; font-family:"Times New Roman", Times, serif; color:#003300; font-weight: bold; text-transform: capitalize;}

#slider {height: 241px; width: 696px; margin: 5px 0 10px 0;}
.normal {font:80% Arial, Helvetica, sans-serif; color:#555; line-height: 20px; font-weight: normal; text-transform:capitalize;}
/*------------------------------------ floats ------------------------------------ */
.imgLeft { float: left; margin: 5px 10px 5px 5px;}
.imgRight { float: right; margin: 5px 5px 5px 10px;}
.imgIndent { margin-left: 20px;}

.imageRight { float: right;}



/*------------------------------------ boxes ------------------------------------ */
.boxes {
	width: 315px; background: #ffffff; float: left; padding: 20px 10px; background: url(../images/boxes.jpg) top left no-repeat; text-align: center; }


/*------------------------------------ content are ------------------------------------*/
#content-area { background: #FFFFFF; }
.content { width: 696px; float: left; margin: 0 0 0 10px;  }

.content-half {margin: 0px 0px 0px 0px; padding: 0px 10px; width: 475px; float: right;  }
.content-half-left {margin: 0px 0px 0px 10px; padding: 0px 10px; width: 455px; float: left;  }

#second .content-half-left {margin: 0px 0px 0px 10px; padding: 0px 10px; width: 600px; float: left;  }
#second .content-half {margin: 0px 0px 0px 0px; padding: 0px 10px; width: 340px; float: right;  }

#fifth .content-half-left {margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; width: 419px; float: left;  }
#fifth .content-half {margin: 0px 0px 0px 0px; padding: 0px 20px; width: 510px; float: right;  }

#gallery .content-whole {margin: 0px; padding: 0;}
#gallery .content {margin: 0px 0px 0px 0px; width: 696px; float: left; }

#btn-right .content-half-left {margin: 0px 0px 0px 0px; padding: 0px 30px 0px 80px; width: 319px; float: left;  }
#btn-right .content-half {margin: 0px 0px 0px 0px; padding: 0px 20px; width: 500px; float: right;  }

.content-inner { width: 672px; padding: 12px 12px 0px 12px; background: url(../images/content-bg.jpg) top center no-repeat #006600; }
.content-inner-bottom { width: 696px; padding-bottom: 12px; background: url(../images/content-bg-bottom.jpg) bottom center no-repeat; margin-top:10px; }

.content-whole {margin: 0px 0px 0px 0px; padding: 10px 10px 10px 20px;}

.line { border-right: 1px solid #cccccc; padding-right: 20px;}
.line-left { border-left: 1px solid #cccccc; padding-left: 30px;}

.front-left { width:280px; float: left; margin-left: 5px; clear:left;}
.front-left .box { padding: 10px; height: 70px; text-transform: capitalize;}

.front-left .box a, .front-left .box a:visited  {color:#003300; font-weight: bold; text-decoration:underline;} 
.box1 { background: url(../images/box-1.jpg) top right no-repeat;}
.box2 { background: url(../images/box-2.jpg) top right no-repeat;}
.box3 { background: url(../images/box-3.jpg) top right no-repeat;}
.box4 { background: url(../images/box-4.jpg) top right no-repeat;}
.box5 { background: url(../images/box-5.jpg) top right no-repeat;}

/*------------------------------------ footer ------------------------------------*/
.footer { width: 1010px; margin: 20px 0px 0px 0px; color: #FFFFFF; background:url(../images/bottom.jpg) repeat-x top;}
.footer-left {width: 560px; float: left; margin: 0px; padding: 20px; background:url(../images/bbb.png) right center no-repeat;}
.footer-right {width: 360px; float: right; text-align: right; margin: 0px; padding: 20px;}
.footer-right a, .footer a:visited {color: #ffffff;}


/*------------------------------------ info ------------------------------------*/
.info{ width: 450px; float: left; border-bottom: 1px dotted #CCCCCC; clear: right; } 
.info-text { font-style: italic; color: #12497c; font-weight: bold;}


/*------------------------------------ table ------------------------------------*/

.table { width: 800px; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.table tr td { 	border-collapse: collapse; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; padding: 5px; vertical-align: top;}
td.left { width: 250px;}


/*------------------------------------ nav ---------------------------------------*/

.mainmenu { margin: 0; padding: 0; height: 50px; font-size: 18px; float: right; }
.mainmenu li { float: left; padding-left:0px; list-style: none; }
.mainmenu li a { margin: 0px; padding: 0px; color: #FFFFFF; padding: 15px 10px 15px 10px;  }

.mainmenu li.btn-left a {display:block; background: url(../images/nav/corners.jpg) top left no-repeat; float: left;}
.mainmenu li.btn-left a:hover, #btn-left ul.mainmenu li.btn-left a {background: url(../images/nav/corners-over.jpg) top left no-repeat;}

.mainmenu li.first a {display:block; background: url(../images/nav/bg.jpg) top left repeat-x; float: left;}
.mainmenu li.first a:hover, #first ul.mainmenu li.first a {background: url(../images/nav/bg-over.jpg) repeat-x;}

.mainmenu li.second a {display:block; background: url(../images/nav/bg.jpg) top left repeat-x; float: left;}
.mainmenu li.second a:hover, #second ul.mainmenu li.second a {background: url(../images/nav/bg-over.jpg) repeat-x;}

.mainmenu li.third a {display:block; background: url(../images/nav/bg.jpg) top left repeat-x; float: left;}
.mainmenu li.third a:hover, #third ul.mainmenu li.third a {background: url(../images/nav/bg-over.jpg) repeat-x;}

.mainmenu li.fifth a {display:block; background: url(../images/nav/bg.jpg) top left repeat-x; float: left;}
.mainmenu li.fifth a:hover, #fifth ul.mainmenu li.fifth a {background: url(../images/nav/bg-over.jpg) repeat-x;}

.mainmenu li.sixth a {display:block; background: url(../images/nav/bg.jpg) top left repeat-x; float: left;}
.mainmenu li.sixth a:hover, #sixth ul.mainmenu li.sixth a {background: url(../images/nav/bg-over.jpg) repeat-x;}

.mainmenu li.seventh a {display:block; background: url(../images/nav/bg.jpg) top left repeat-x; float: left;}
.mainmenu li.seventh a:hover, #seventh ul.mainmenu li.seventh a {background: url(../images/nav/bg-over.jpg) repeat-x;}

.mainmenu li.eigth a {display:block; background: url(../images/nav/bg.jpg) top left repeat-x; float: left;}
.mainmenu li.eigth a:hover, #eigth ul.mainmenu li.eigth a {background: url(../images/nav/bg-over.jpg) repeat-x;}

.mainmenu li.gallery a {display:block; background: url(../images/nav/bg.jpg) top left repeat-x; float: left;}
.mainmenu li.gallery a:hover, #gallery ul.mainmenu li.gallery a {background: url(../images/nav/bg-over.jpg) repeat-x;} 

.mainmenu li.btn-right a {display:block; background: url(../images/nav/corners.jpg) top right no-repeat; float: left;}
.mainmenu li.btn-right a:hover, #btn-right ul.mainmenu li.btn-right a {background: url(../images/nav/corners-over.jpg) top right no-repeat;}