/* Default Overwrites
*******************************/
BODY {margin:0px;FONT-FAMILY:Arial, Helvetica, sans-serif;FONT-SIZE:12px;COLOR:#777777;background-image:url(pix/SiteBG.gif);WIDTH:100%;float:left;text-align:center;}
TD {FONT-SIZE: 12px; COLOR: #777777;}
H1 { font-family:Arial, Helvetica, sans-serif; FONT-WEIGHT: Bold; FONT-SIZE: 16px; color:#888e26;  Margin-bottom:12px;}
H2 {MARGIN: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #888e26; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left;}
H3 {MARGIN: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #888e26; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left;}
H4 {FONT-SIZE: 11px; COLOR: #888e26;}
H5 {FONT-SIZE: 10px; COLOR: #888e26;}
A { COLOR: #888e26; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
A:hover {COLOR: #cc6600; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}
FORM{display:inline;}
INPUT {	FONT-SIZE: 12px; MARGIN-BOTTOM: 0px; font-family:Verdana,tahoma,Arial;font-size:10px; }
SELECT {	FONT-SIZE: 90%; MARGIN-BOTTOM: 0px}
SUBMIT {FONT-SIZE: 90%; MARGIN-BOTTOM: 0px}
IMG {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; border:none;}
Img .ThinBorder {Border: 1px Solid #003399; }
.ViewLarge {FONT-SIZE: 0.8em; COLOR: #aaa; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none}
.ViewLarge:hover {FONT-SIZE: 0.8em; COLOR: #aaa; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: Underline}

/* Common Formatters
*******************************/
.inputbutton	{background:#EEEEEE;border-color:#000000;border:1px solid;font-family: tahoma,verdana,arial;	font-size:10px;font-weight:bold;Cursor:Hand;}
.inputBox		{color:#000000;background:white;border:1px solid #cecece; }
.PageHeading {FONT-SIZE: 150%; COLOR: #0053a0; padding-top:12px;}

.Bld{ font-weight:bold}
.DottedDiv{DISPLAY:block; BACKGROUND: url(pix/NavDiv.gif) no-repeat left center; WIDTH:141px; HEIGHT:60px; border-style:none; clear:both;}
.FL{ float:left;}
.FR{ float:Right;}
.hiddenPic {display:none;}
.Blok{display:block;}
.Cntr {text-align:center}


/* Common Colours
********************/
.colr1 { color:#003300} /*** Black-Green: ***/
.colr2 { color:#666706} /*** Dark green: ***/
.colr3 { color:#888e26} /*** Dull green: ***/
.colr4 { color:#b8bf33} /*** Main green: ***/
.colr5 { color:#cc6600} /*** Orange: ***/
.colr6 { color:#f5f8b9} /*** Lft Panel  BG: ***/




/******************************************************************** Template Styling *****************************************************************/

/* SITE MAIN CONTAINER
*******************************/
#PageWrap {WIDTH: 850px; margin: 0px auto -1px auto; text-align: left;}

/* Page
*******************************/
#PageHeader{height:96px; background:url('pix/Header.jpg') top left no-repeat; padding-right:30px; line-height:11px; font-size:11px; color:white; text-align:right}
#PageHeaderShrt{height:61px; background:url('pix/HeaderShrt.jpg') top left no-repeat; padding-right:30px; line-height:11px; font-size:11px; color:white; text-align:right}
#QuickLinks{padding-top:20px;}
#QuickLinks A {color:White;font-size:11px;}
#HomeImg1{DISPLAY: block; float:left; BACKGROUND: url(pix/HomeImg.jpg) no-repeat left top; MARGIN: 0px; WIDTH: 564px; HEIGHT: 250px;  }
#HomeImg2{DISPLAY: block; float:left; BACKGROUND: url(pix/HomeImg2.jpg) no-repeat left top; MARGIN: 0px; WIDTH: 564px; HEIGHT: 250px;  }
#HomeImg3{DISPLAY: block; float:left; BACKGROUND: url(pix/HomeImg3.jpg) no-repeat left top; MARGIN: 0px; WIDTH: 564px; HEIGHT: 250px;  }
#HomeImg4{DISPLAY: block; float:left; BACKGROUND: url(pix/HomeImg4.jpg) no-repeat left top; MARGIN: 0px; WIDTH: 564px; HEIGHT: 250px;  }
#HomeImg5{DISPLAY: block; float:left; BACKGROUND: url(pix/HomeImg5.jpg) no-repeat left top; MARGIN: 0px; WIDTH: 564px; HEIGHT: 250px;  }
#PageImg{DISPLAY: block; MARGIN: 0px; WIDTH: 850px; HEIGHT: 122px;  }

/* TopMenu
*******************************/
#HmMenu{WIDTH: 286px; height:250px; float:left;}
#HmMenu UL {Margin:0px; padding:0px;}
#HmMenu LI { list-style:none;float:left; display:block;}

#Menu01 A {DISPLAY: block; BACKGROUND: url(pix/Mnu01.gif) no-repeat left top; MARGIN: 0px; WIDTH: 286px; HEIGHT: 62px; border-style:none;  }
#Menu01 A:hover {BACKGROUND: url(pix/Mnu01on.gif) no-repeat;}
#Menu02 A {DISPLAY: block; BACKGROUND: url(pix/Mnu02.gif) no-repeat left top; MARGIN: 0px; WIDTH: 286px; HEIGHT: 63px; border-style:none;  }
#Menu02 A:hover {BACKGROUND: url(pix/Mnu02on.gif) no-repeat;}
#Menu03 A {DISPLAY: block; BACKGROUND: url(pix/Mnu03.gif) no-repeat left top; MARGIN: 0px; WIDTH: 286px; HEIGHT: 63px; border-style:none;  }
#Menu03 A:hover {BACKGROUND: url(pix/Mnu03on.gif) no-repeat;}
#Menu04 A {DISPLAY: block; BACKGROUND: url(pix/Mnu04.gif) no-repeat left top; MARGIN: 0px; WIDTH: 286px; HEIGHT: 62px; border-style:none;  }
#Menu04 A:hover {BACKGROUND: url(pix/Mnu04on.gif) no-repeat;}

/* Main Menu
*******************************/
#NavMenu{clear:both; WIDTH: 850px; height:43px; background:#b8bf33; text-align:center; color:#666706;background:url('pix/MenuBg.gif') bottom left;}
#NavMenu UL {Margin:0px; padding:0px; padding-top:10px; padding-left:6px;}
#NavMenu LI { list-style:none;float:left; display:block; margin: 0px 9px;}
#NavMenu LI A {FONT-SIZE: 12px; COLOR:white; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION:none; font-weight:bold;}
#NavMenu LI A:hover {COLOR: #cc6600;}

/* COntent
*******************************/
#ContentShell{ clear:both; WIDTH: 850px; background: White url('pix/ContentBG.gif') top left repeat-x; float: left; }
#LeftPnlFeed{float:left; width:220px; background-color:#f5f8b9; vertical-align:top}
#ContentFeed{float:left; width:630px;}
.LeftPanel{ width:220px; background-color:#f8f1d2; vertical-align:top}
.RightPanel{width:630px; vertical-align:top}


/* Footer
*******************************/
#FooterShell{clear:both; WIDTH: 850px; height:85px; background: White url('pix/FooterBG.gif') top left repeat-x; color:#003300; font-size:11px;}
#FooterShell A {color:White;font-size:11px;}
#FooterTopMargin{clear:both; WIDTH: 850px; height:26px;}

#FooterTelShell {float:left; WIDTH:158px; height:48px; background: url(pix/BulletFooter.gif) top left;background-repeat:no-repeat; border-bottom: 2px Solid #7d8236;margin-left:23px;}
#FooterTelShell DIV { padding-left:22px;}


#FooterCopyrightShell {float:left; WIDTH:220px; height:48px; background: url(pix/BulletFooter.gif) top left;background-repeat:no-repeat; border-bottom: 2px Solid #929a2e;margin-left:50px;}
#FooterCopyrightShell DIV { padding-left:22px;}

#FooterLinksShell {float:left; WIDTH:315px; height:48px; background: url(pix/BulletFooter.gif) top left;background-repeat:no-repeat; border-bottom: 2px Solid #a2ac21; margin-left:50px;}
#FooterLinksShell DIV { padding-left:22px;}
#FooterLinksShell UL {Margin:0px; padding:0px;}
#FooterLinksShell LI { list-style:none;float:left; display:block; margin: 0px 4px;}

#FooterSig{clear:both; WIDTH: 850px; color:#white;margin-top:6px; font-size:11px; text-align:right;}


/******************************************************************** End of Template Styling *****************************************************************/

/* Content Page Styling
*******************************/
.LineGrayR {Border-Right: 1px solid #e0e0e0;}
.LineGrayL {Border-Left: 1px solid #e0e0e0;}
.LineGrayT {Border-Top: 1px solid #e0e0e0;}
.LineGrayB {Border-Bottom: 1px solid #e0e0e0;}
.Vtop{ vertical-align:top}
.w100 { width:100%}
.F10 { font-size:10px;}
.F11 { font-size:11px;}
.Col01 { color:#666706;} /* Dark Green */
.Col02 { color:#888e26; }/* Main Green */
.Col03 { color:#b8bf33;}/* Main Green */
.Col04 { color:#cc6600;}/* orange */
.Col05 { color:red;}

.PanelPad{padding:18px 15px;}
.ContentPad{padding:18px 30px 18px 20px;}

#FeaturedFeedShell{ padding: 10px 12px; }


/* Panel Default Setup
*******************************/
.PanelDflt{}
.PanelDflt UL {padding-left:0px; margin-left:10px;}
.PanelDflt LI { list-style-image: url(pix/bullet01.gif); margin: 10px 0px 10px 10px;}
.PanelDflt LI A {FONT-SIZE: 12px; COLOR:#666706; TEXT-DECORATION:none;}
.PanelDflt LI A:hover {COLOR: #cc6600;}


/* News
*******************************/
#NewsHeadings {width:766px; clear:both; height:30px;}
#NewsHeadlineWrap {clear:both; margin-top:10px; }
#NewsHeadlineWrap ul{padding:0px; margin:0px;}
#NewsHeadlineWrap li {padding-left:7px;border:0px;margin:0px;list-style:none; clear:both; padding-top:3px;}
#NewsHeadlineWrap A { color:#888e26;font-size:11px;}
.NewsFeedDate { color:#cc6600; font-weight:bold;}

#NewsArticleFeedWrap{ float:left;font-size:11px;width:260px; clear:both;}
#NewsArticleFeedHeadingWrap { width:170px;}
#NewsArticleFeedWrap UL, #NewsArticleFeedWrap li {
	border:0px;
	margin:0px;
	list-style:none;
	padding-left: 0px;
}
.NewsArticleFeedShell{ clear:both; width:265px; clear:both; height:75px;}
.NewsArticleDateWrap{float:left;width:70px;height:40px;border-right: 1px dotted #b2b2b2;color:#cc6600; font-weight:bold;}
.NewsArticlePreviewWrap{float:left;margin-left:15px;width:169px; }
.NewsArticlePreviewWrap A { color:#666666;font-size:11px;}
.NewsArticleFeedLinkWrap{float:left;width:189px; text-align:right;}


#ArticleHeading { float:left; padding-left:20px; padding-top:6px;}
#NewsArticleContentWrap{float:left;font-size:11px;width:280px;margin-left:20px;}


/* Contact Page
*******************************/
#BranchListShell{}
#BranchListShell UL {padding-left:0px; margin-left:10px;}
#BranchListShell LI { list-style-image: url(pix/bullet01.gif); margin: 10px 0px 10px 10px;}
#BranchListShell LI A {FONT-SIZE: 12px; COLOR:#cc6600; TEXT-DECORATION:none; font-weight:bold;}
#BranchListShell LI A:hover {COLOR: #666706;}

#ContactFormWrap{}
#ContactForm {width:260px; float:left; padding-left:18px; border-left:1px solid #b8bf33;}
#ContactForm P{ height:22px; margin:0PX;}
#ContactForm #FormLabels{ line-height:22px; float:left; font-size:11px; text-align:right; padding-right:5px; width:65px;}
#ContactForm #FormControls{clear:right; height:170px;}
#ContactForm #Btn{ clear:both;  margin-left:70px; }

#ContactForm #Name { width:150px;}
#ContactForm #Tel { width:150px;}
#ContactForm #EmailAddress { width:150px;}
#ContactForm #Comment { width:170px;clear:both; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

/* Links
*******************************/
.LinksWrap{}
.LinksWrap UL {padding-left:0px; margin-left:10px;}
.LinksWrap LI { list-style-image: url(pix/bullet01.gif); margin: 10px 0px 10px 10px;}
.LinksWrap LI A {FONT-SIZE: 12px; COLOR:#666706; TEXT-DECORATION:none;}
.LinksWrap LI A:hover {COLOR: #cc6600;}

/* Mailing List
*******************************/
#EmailOffersWrap{text-align:right; width:180px; height:150px; clear:both;}
#EmailOffersWrap .inputBox		{color:#000000;background:white;border:1px solid #cecece;height:18px; width:130px; margin-bottom:2px;}
#EmailOffersWrap Label		{ margin-right:4px; font-size:11px;}
#FrmEOWrap{ width:180px;text-align:right; margin-bottom:4px; margin-top:20px;float:right;}
#EmailOfferBtn	    { text-align:right; float:right; margin:0px; padding:0px; clear:both;}
#EOfootnote		{ clear:both; text-align:left; padding-top:10px;}

/* Gallery *******************************************************************************************************************************/
#Gallery { float:left; clear:both; width:800px; }
#Gallery H2{ font-weight:normal; font-size:15px; margin-bottom:10px; text-transform:uppercase; float:left; clear:both; }
#Gallery .Comments{ float:left; clear:both; width:665px; margin-bottom:20px; }
#Gallery .GalleryPhotos{ float:left; clear:both; padding-bottom:20px; width: 800px; }
#Gallery .GalleryPhotos A{ width:139px; height:101px; display:block; float:left; margin:0px 19px 15px 0px; }
#Gallery .GalleryPhotos A.Compact {margin:0px 6px 15px 0px;}
#Gallery .GalleryPhotos A IMG { margin:4px 0px 0px 6px;}
#GalleryPhotosBtn {float:left; clear:both; width:100%; text-align:right;}
#GalleryPhotosBtn A{margin-right:30px;}

#Gallery .GalleryList{ float:left; clear:both; padding-bottom:20px; width: 800px; }
#Gallery .GalleryList .GalleryItem{float:left;margin:0px 6px 25px 0px;}
#Gallery .GalleryList .GalleryItem H3 { background:url(pix/BGLabel160.gif) no-repeat top left; width:160px; height:38px; text-align:center; line-height:38px;}
#Gallery .GalleryList .GalleryItem .GImgWrap {padding:0px 0px 0px 7px; float:left;}
#Gallery .GalleryList .GalleryItem .GTxtWrap {padding:0px 0px; float:left; clear:both; color:#999; text-align:center; width:160px;}
#Gallery .GalleryList A{ width:144px; height:101px; display:block; float:left; }
#Gallery .GalleryList A IMG { margin:4px 0px 0px 6px;}