@font-face {
    font-family: 'Trajan';
    src: url('fonts/trajanpro-regular-webfont.eot');
    src: url('fonts/trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/trajanpro-regular-webfont.woff') format('woff'),
         url('fonts/trajanpro-regular-webfont.ttf') format('truetype'),
         url('fonts/trajanpro-regular-webfont.svg#TrajanProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'cabinmedium';
    src: url('fonts/cabin-medium-webfont.eot');
    src: url('fonts/cabin-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cabin-medium-webfont.woff') format('woff'),
         url('fonts/cabin-medium-webfont.ttf') format('truetype'),
         url('fonts/cabin-medium-webfont.svg#cabinmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cabinregular';
    src: url('fonts/cabin-regular-webfont.eot');
    src: url('fonts/cabin-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cabin-regular-webfont.woff') format('woff'),
         url('fonts/cabin-regular-webfont.ttf') format('truetype'),
         url('fonts/cabin-regular-webfont.svg#cabinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html { height: 101%; }
* { padding: 0; margin: 0;}
img { outline: none; border: none; }
a { text-decoration: none; color: /*#8cc229*/#ce1126; outline: none; }
a:hover { text-decoration: none; }
ul { list-style-type: none; }
body { background: #e7e7e7 url(bg-branch.png) repeat-x;  font-family: cabinregular; font-size: 14px; color: black;}

.template { width: 960px; margin: 0 auto; border: solid 0px blue; text-align: left; color: #97989a; }
 #logo {  height: 100px;/*163px;*/ text-align: center; overflow: hidden; margin: 20px 0;}
 #page { width: 960px; background-color: White; }
 #page-inner { padding: 15px; padding-bottom: 0;}
 #top-photo { width: 930px; height: 248px; margin-bottom: 7px;} /* margin of 10px due bug of top menu.. extra spacing above.  */
 
 .x-clear {clear: both; }
 
.header { display: block; position: relative; } 
.header .master-col-left { float: left;}
.header .master-col-right { float: right;}
#top-logo { margin-top: 20px; margin-bottom: 20px;}
#top-phone-no { color: White; text-align: right; margin-top: 40px;}
#top-phone-no a { color: #f9cf60 !important;}
#top-phone-no h2 { font-size: 2em; color: #f9cf60; }
#top-phone-no p { color: White;}


/* footer */         
.footer  { background-color: White; text-align: center; padding: 20px; border-top: solid 7px #E7E7E7;}
 .footer a { }
 .footer a:hover { text-decoration: underline;}
 #bottom-text { text-align: left;}
#signature { width: 960px; margin: 0 auto; text-align: right; padding: 5px 0; font-size: 12px; color: black;}
 #signature a { color: black;}
 
 /* top menu all pages */   
#menubar { position: relative; background: url(bg-top-menu.png) no-repeat; height: 66px; color: white; 
           font-family: cabinregular; margin-bottom: 0px; border-bottom: solid 7px #97d937;}
 #top-menu { }
  #top-menu > li { position: relative;line-height:66px; padding-left: 40px;text-transform: uppercase; font-size: 16px;}
  #top-menu > li.isfirst { }
  #top-menu > li.islast { padding-right: 0px;}
  #top-menu > li.ispadding { padding: 0 5px;}  
   #top-menu a { display:inline-block;color: white; }
   #top-menu a.selected { color: #f9cf60; }
   #top-menu a:hover { color: #f9cf60; }
  /* following is to fix the table layout for IE < 8 */
	#top-menu {display:inline-block;}
	#top-menu {display:inline; }
	#top-menu > li{display:inline-block}
	#top-menu > li{ display:inline;}
	#top-menu > li > a{ height: 66px; line-height:66px;}
	

/* bottom menu - centered. See http://www.pmob.co.uk/pob/centred-float.htm */
#bottom-menubar { display: table; margin-bottom: 10px;}
#bottom-menu { display: table-row;/*margin-top: 15px; border: solid 1px yellow;*/}
#bottom-menu li { display: table-cell;/*float: left; */}
#bottom-menu li.ispadding { padding: 0 5px;}
#bottom-menu a { display: block; color: #4d2b18; text-transform: capitalize; }
    /* following is to fix the table layout for IE < 8 */
#bottom-menu {display:inline-block;}
#bottom-menu {display:inline; }
#bottom-menu li{display:inline-block}
#bottom-menu li{ display:inline;}
#bottom-menu a{ display:inline-block;}
#bottom-menubar {text-align:center;}		
		
/* general */
.ruler { border-top: solid 1px #7f7d7e; margin-bottom: 10px; }
.readmore { text-transform: none; font-size: .9em; float: right;}

.date { font-style: normal; }
.error-box { color: Red; background-color: #fee; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.success-box { color: Green; background-color: #efe; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.col-container { padding: 30px 40px;}
.col-left { float: left; margin-bottom: 10px;}
.col-right { float: right; margin-bottom: 10px; }
.col-small { width: 305px; border: solid 0px blue;}
.col-large { width: 520px; border: solid 0px red;}

/* content */
.content { margin: 0px; overflow: hidden; background-color: White;}
.content p b, .content p strong { color: Black; }
.content p,.content ul,.content ol { margin-bottom: 10px; line-height: 22px;}
.content ul { list-style-type: disc; margin-left: 10px; }
.content ol { margin-left: 10px; }
.content ol li, .content ul li { margin-left: 10px; }
.content h1, .content .title { font-family: Trebuchet MS,Arial; color: black; font-size: 2em; text-transform: uppercase; margin-bottom: 10px; font-weight: normal;  border-bottom: solid 1px #7f7d7e; padding-bottom: 10px;}
.content h1 a, .content .title a { color: black; }
.content h2 { color: black; font-size: 1.3em; text-transform: uppercase; margin-bottom: 10px;font-weight: normal; }
.content h2 a { color: black; }
.content h3 { color: black; font-size: 1.1em; text-transform: uppercase; margin-bottom: 10px;font-weight: normal;}
.content h3 a { color: black; }

.side-bar { border: 1px solid #4d2b18; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.side-bar > .inner { padding: 0 10px; }

.side-box {margin-bottom: 10px; }
.side-box img {border: solid 5px #e7e7e7; }
.side-box p,.side-box ul,.side-box ol { margin-bottom: 10px; }
.side-box .ui-pagination { margin: 5px 15px 10px 15px; font-size: 10px; text-transform: uppercase; color: #00214C; }
/*.side-box h2 { font-size: 1.3em; color: black; font-weight: normal; text-transform: capitalize; margin-bottom: 10px;}
.side-box h2 a { color: black; }*/
.side-box h2 { font-family: Trebuchet MS,Arial; color: black; font-size: 2em; text-transform: uppercase; margin-bottom: 10px; font-weight: normal;  border-bottom: solid 1px #7f7d7e; padding-bottom: 10px;}
.side-box h2 a { color: black; }
.side-box h3 { font-size: 1.3em; color: black; font-weight: normal; margin-bottom: 10px;}
.side-box h3 a { color: black; }
.side-box .readmore { font-size: 1em !important;}

/* slideshow pager */
.slideshow-pager a img { border: solid 2px white; }
.slideshow-pager a.activeSlide img { border: solid 2px #97d937; }

/* home page */
#home-box {position: relative; border-bottom: solid 7px #97d937; height:630px; overflow: hidden; }
#home-box-shade { position: absolute; width: 100%; bottom: 0; padding: 20px 40px; background: url(bg-top-photo-layer.png) repeat; color: white; font-size: 2em; }
#home-box-shade p { line-height: normal !important; }

.main-box {margin-bottom: 10px; padding: 35px 40px;}
/*.main-box .inner { padding: 20px 25px; }*/
.main-box th, .main-box td { text-align: left; }
.main-box th { border-bottom: dotted 1px #956b60; }

.home-thumb { margin-right: 0px; }


/* forms */
.ui-form-textarea { font-family: Arial; width: 350px; }
.ui-form-submit, input[type=submit] { padding: 0 10px; font-weight: bold; text-transform: capitalize;}
.ui-form-cell-label { width: 170px; }
.ui-form-checkbox-container { padding-left: 170px; }