html, body {
height: 100%; width:100%; 
}

#banners li {font-family: 'Raleway', sans-serif;}

* { 
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color:#333333;
text-decoration: none;
text-align:left;
margin:0; 
padding:0;
border:0;
list-style:none; 
font-weight:normal ;
letter-spacing:normal;
-webkit-text-size-adjust: 100%; 
-webkit-appearance: none;
border-radius:0px;
z-index:1;
outline:none;
background-repeat:no-repeat;
}

a, span, strong, em, table, tr, td ,ul li   { color:inherit; font-size:inherit}
strong{ font-weight:bold;}
input  , select {border-radius:0; }
 

select {
-webkit-appearance: none;
appearance: none;
 padding: 0 5px 0 4px; 
height:36px; 
border:2px solid #ccc;
background-color:#fff;
}

 @media screen and (-webkit-min-device-pixel-ratio:0) {  /*  safari */
 select {
	background-image: url(../images/icons/selectDD.png);
	background-position :right 50%;
	background-repeat:no-repeat;
	-webkit-appearance:none;
	padding: 0 48px 0 10px; 
 height:44px; border:1px solid #ccc;  
  }  }


*.clearFloat{ display:block; clear:both; margin:0; padding:0; height:1px;}

.fadeContent{  opacity: 0.3;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}



.twitterIcon span{ background-image:url(../images/social/twitter.png)   }
.facebookIcon span {	background-image:url(../images/social/facebook.png)}
.googlePlusIcon span{	background-image:url(../images/social/googleplus.png)}
.linkedInIcon   span{ background-image:url(../images/social/linkedin.png) }  
.pinterestIcon  span{ background-image:url(../images/social/pinterest.png) }
.instagramIcon  span{background-image:url(../images/social/instagram.png) ;}
.youTubeIcon  span{background-image:url(../images/social/youtube.png)  }

#ajaxContainer{
position: fixed;
top:0px;
left:0px;
bottom:0px;
right:0px;
background-image:url(../images/bgTrans.png);
background-repeat:repeat;
z-index:1000; display:none
}

#loadingContent{
position: fixed;
top:0px;
left:0px;
bottom:0px;
right:0px;
background-image:url(../images/bgTrans.png);
z-index:1000; background-repeat:repeat;
display:none
} 

#loadingContent span{
position:absolute;
top:40%;
left:0px; width:100%; 	color:#999; 
font-weight: bold;
font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:0.8em;  
}
#loadingContent span img{
display:block;
padding:5px;
margin:0 auto 5px;
height:42px;  background-color:#FFFFFF;
}



/*outer*/
#header{ width:100%; position:relative }

#contentWrapper{
clear: both; 
text-align:left;
z-index: 1;
margin: 0px auto 0px auto; 
background-color:#FFFFFF; 
}

#contentWrapperClear{ height:15px; width:100%; clear:both; display:block}	



#breadcrumb{ 
display:block;  width:100%; overflow:hidden; background:#fff;  width:1000px; padding:8px 0 12px 0 ;margin:0px auto;
}	

#breadcrumb li { display:inline-block;}	
#breadcrumb li p , #breadcrumb li a , #breadcrumb li span { font-size: 0.8em;   font-weight: normal}
#breadcrumb li a {
color:#006699;
text-decoration:underline
}	
#breadcrumb li p {
color:#7F7F7F;
font-style: normal;
margin:0;
padding:0
}
#breadcrumb li span {
color:#e1e1e1; padding:0 2px 0px 6px
}	

#breadcrumb li:last-child span{ display:none}


p#pageBanners{ width:100%; margin:0 auto 10px auto; padding:0 }
p#pageBanners img{ width:100%; margin:0 auto; border:0px solid #e1e1e1; padding:0px;}

 

.contentFull ul ,
.contentRight ul { 	margin:0 auto;   padding:  5px;  }
.contentFull ul li  ,
.contentRight ul li  { margin:0 0 0 15px; list-style-position: inside;list-style:inherit }

.contentFull ul.faqList, ul.faqList{ list-style:none; padding:0; margin:0;}
.contentFull ul.faqList li, ul.faqList li{ list-style:none; margin:0 ; padding:0}
ul.faqList li h3{
font-weight:bold;
cursor:pointer;
font-size:18px;
color:#006699;
margin:5px 0 0  0;
}
ul.faqList li h3:hover{ color:#444}

ul.faqList h3 span{
width:14px;
height:14px;
display:inline-block;
margin-right:4px;
background-image:url(../images/icons/arrowRGray.png);
background-repeat:no-repeat;
background-position:  50%;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}


ul.faqList h3.faqOpen span{
background-image:url(../images/icons/arrowR.png);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg); 
}

.contentFull ul.faqList li p, ul.faqList li p{ font-size:16px; padding:0px 0 30px 20px;}





/* site images JQ add class for pop up in fnc */
.siteImage{ cursor:pointer;}
.siteImage:hover{
opacity: 0.9;
-webkit-transition:all 0.1s ease-in-out;
-moz-transition:all 0.1s ease-in-out;
-o-transition:all 0.1s ease-in-out;
transition:all 0.1s ease-in-out;
border-color:#666666
}

 
/* bgs and gradients */
.bgBlack{ 	background-color: #333333; color:#FFFFFF;}

.bgBlueDk{	background-color: #003366; 	color:#FFFFFF;}

.bgBlueLt{ background-color: #7195A9;color:#FFFFFF;text-shadow:1px 1px #777;}

.bgGrayLt{ 	background-color: #D2D2D2;	color:#333;}

.bgGrayMid{ background-color:#A3A3A3;color:#FFFFFF;/*text-shadow:1px 1px #999;*/}

.bgGrayDk{ 	background-color: #6C6C6C; 	color:#FFFFFF;}

.bgGreen{ 	background-color: #99CC00; 	color:#FFFFFF;}

.bgRed{ background-color: #D40000;color:#FFFFFF; }

.bgRedDk{ background-color: #780000;color:#FFFFFF; } 	

.gradient{
background-image:url(../images/gradientBG.png);
background-position:left top;
background-repeat:repeat-x; 
}

/* bgs and gradients */



/* ####### buttons  */

.buttons25,
.buttons50,
.buttons75, 
.buttons100, 
.buttons125, 
.buttons150,  
.buttons175, 
.buttons200,
.buttons250,
.buttonsFULL  {
background: transparent;
font-family: Arial, Helvetica, sans-serif;  
text-align:left;
cursor:pointer;
border: 0px;
height:40px; line-height:40px;
background-image:url(../images/buttonsBG.png);
color:#FFFFFF;
padding: 0 15px; text-align:center; position:relative; 
}





.buttonsRed{
color: #FFFFFF;
background-position: left 0px;
background-color: #D81313; 
}

.buttonsGray {
color: #FFFFFF;
background-position: left -44px;
background-color: #606060;
}

.buttonsLtGray {
color: #000;
background-color: #DBDBDB;
background-position: left -88px; 
}

.buttonsGreen {
color: #FFFFFF;
background-position:left -132px;
background-color: #95BB28; 
}

.buttonsBlue  {
color: #FFFFFF;
background-position: left -176px;
background-color: #385F87;text-shadow:1px 1px #333;
}

.buttonsBlack  {
color: #FFFFFF; 
background-color: #424242;
background-position:left bottom
}

.buttons25:active ,
.buttons50:active ,
.buttons75:active , 
.buttons125:active , 
.buttons150:active ,  
.buttons175:active , 
.buttons200:active ,
.buttons250:active ,
.buttonsFULL:active {	
background: #424242; 
color:#FFFFFF;  }







.buttonsLoading{
background:none;
background-image:url(../images/loading-spinner.gif);
background-repeat:no-repeat;
background-position: 50% 50%;
background-size:35px; text-indent:-10000px
}

.buttonLinks,
a.buttonLinks,
.contentFull a.buttonLinks,
.contentRight a.buttonLinks,
.contentLeft a.buttonLinks,
.contentRight p a.buttonLinks,
.contentLeft p a.buttonLinks { 
line-height:40px;height: 40px;
display:inline-block; padding: 0 15px;
color: #fff   ; text-decoration:none ; 
}

/* over ride text as rest are white*/
a.buttonsLtGray,
.contentFull   a.buttonsLtGray,
.contentRight a.buttonsLtGray,
.contentLeft a.buttonsLtGray,
.contentRight p a.buttonsLtGray,
.contentLeft p a.buttonsLtGray{
color: #666666; 
}	

/* for blocking buttons out */

.buttonWrapper, 
div.buttonWrapper, 
p.buttonWrapper, 
.contentFull		p.buttonWrapper,
.contentLeft		p.buttonWrapper,
.contentRight p.buttonWrapper{ 
height:34px; display:block; clear:both; margin:3px auto
}





.standardNav, ul.standardNav{    
margin: 0px 0px 20px 0px  
}

.contentFull .standardNav li ,
.contentRight .standardNav li ,
.standardNav li { display:block; clear:both;  margin:0; padding:0;}


.standardNav li h3{
display:block;
text-decoration:none; 
font-weight:bold;
padding: 6px 0 0 0px;
margin:0px auto 0 auto;
border:0px;  
position:relative;
font-size:1.1em;
font-weight: bold;
display:block; position:relative
}


.contentFull .standardNav li a,
.contentRight .standardNav li a,
.standardNav li a{
text-decoration:none;
font-size:1em;
margin:0px 0; 
padding:6px 0 6px 22px; 
background-image:url(../images/icons/arrowRgrayThin.png);
background-repeat:no-repeat;
background-position:6px 10px;

border-bottom:0px solid #e1e1e1;
color: #006699; 
display:inline-block; 
font-weight: normal
}

.contentFull .standardNav li img, .standardNav li img{ width:100%; width:500px; margin:5px 0; display:block;}

.standardNav li a:hover{ color:#333333  }

.standardNav li ul li { background:none; border:none}



.standardNav li ul{ padding:0 0 0px 0} 

.standardNav li a.docLink{ padding-left:30px;  background-size:auto;  background-image:url(../images/fileTypes/word.png) ;background-position:left 50%;}
.standardNav li a.pdfLink{ padding-left:30px; background-size:auto; background-image:url(../images/fileTypes/pdf.png);background-position:left 50%;}
.standardNav li a.xlLink{ padding-left:30px; background-size:auto; background-image:url(../images/fileTypes/xl.png) ;background-position:left 50%;}
.standardNav li a.imgLink{ padding-left:30px; background-size:auto; background-image:none; padding-left:0px}
.standardNav li a.imgLink img{ padding-left:30px;  background-size:auto;  padding:0; height:80px; display:inline-block; margin:0 0px  0px 0; white-space:nowrap;}




/* button icons*/
.buttons25  span ,
.buttons50 span ,
.buttons75 span ,
.buttons100 span ,
.buttons125 span ,
.buttons150 span ,
.buttons175 span , 
.buttons200 span ,
.buttons250 span ,
.buttonsFULL  span { background-repeat:no-repeat; background-position: right 50%; background-repeat:no-repeat; position:absolute; height:100%; width:30px; right: 10px; top:0px; } 


span.iconArrowW{ background-image:url(../images/icons/arrowRwhite.png); }	
span.iconArrowB{	background-image:url(../images/icons/arrowR.png);}	
span.iconPlusW{background-image:url(../images/icons/plusWhite.png);}	
span.iconPlusB{	background-image:url(../images/icons/plus.png);}	
span.iconMinusW{	background-image:url(../images/icons/minusWhite.png);}	
span.iconMinusB{	background-image:url(../images/icons/minus.png);}	



.buttonsTrash, a.buttonsTrash, 
.contentRight .buttonsTrash,
.contentRight a.buttonsTrash {
cursor: pointer;
height: 25px;
width: 25px;
background-image: url(../images/trash.png);
background-color: transparent;
border: 0;
background-repeat: no-repeat;
background-position: center;
text-decoration:none
} 

 
 

.checkboxRadioList{ position:relative; text-align:left}

.hiddenInput, 
.checkboxRadioList input[type=radio],
.checkboxRadioList  input[type=checkbox]{ position:absolute; left:-99999px; top:0}

.checkboxRadioList li { position:relative; text-align:left;
min-height:26px;
font-size:0.9em; 
} 

.checkboxRadioList input[type=checkbox] + label span,
.checkboxRadioList input[type=radio] + label span{ 
position:absolute; left:0px; top:0px;
border:1px solid #999;
width:22px;
height:22px;
margin: 0 10px 0 0;
background-position:50% 50%;
background-image:none;
background-color:#fff;
background-repeat:no-repeat;
transition:all 0.1s ease-in-out;
}

.checkboxRadioList input[type=radio] + label span{ 
border-radius:12px; }

.checkboxRadioList input[type=checkbox] + label strong,
.checkboxRadioList input[type=radio] + label strong{
position: relative;
display:inline-block;
padding:2px 0 0 28px;
cursor: pointer;
color:#555;
font-size: 1em;
}

.checkboxRadioList  input[type=checkbox]:checked + label strong,
.checkboxRadioList  input[type=radio]:checked + label strong { color:#759C00; } 


.checkboxRadioList  input[type=checkbox]:checked + label span,
.checkboxRadioList  input[type=radio]:checked + label span {
background-image: url(../images/checked.png); border-color:#333;
}
 







#googleMapOuter{
height:400px;
width:100%;
border:2px solid #ccc;
padding:5px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius:  1px; 
margin:10px 0 0 0 
}

@media only screen and (orientation:landscape)   { 
#googleMapOuter{	height:800px;}
}

@media only screen and (orientation:portrait)   { 
#googleMapOuter{	height:500px;}
}



#googleMap { 
height:100%; width:100%;
display:block
}

#googleMap p{ margin:0; padding:3px; font-size:14px; text-align:left; width:200px; height:auto; overflow:visible; font-family:Arial, Helvetica, sans-serif}	

#googleMap img{ max-width:inherit; max-height:inherit}
#googleMap p  img { width:120px; display:block; padding:0px; border:1px solid #fff; margin: 6px 0 }







/* cookies */

#cookieAlertWrap{
width:100%;
position:fixed;
z-index:1000;
bottom:0px;
right:0px  ;
padding:0px 20px;
height:80px;
background-image:url(../images/cookiesBg.png);
background-repeat:repeat
}

#cookieAlertWrap p{ 
font-size:14px; 
color:#e1e1e1; 
padding :0px; 
margin:0px;  line-height:80px;
font-family:Arial, Helvetica, sans-serif;
}

#cookieAlertWrap p strong{
font-family:Arial, Helvetica, sans-serif;
display:inline-block; color:#FFFFFF; padding-right:10px;
} 

#cookieAlertWrap #closer{
padding:0px;
height:34px;
width:34px;
text-align:center;
color:#fff;
font-size:1px;
text-indent:-2000px;
position:absolute;
right:12px;
top:22px;
cursor:pointer;
background-image:url(../images/icons/deleteWhite.png);
background-repeat:no-repeat;
background-position:50% 50%;
background-color:#666666;
-webkit-transition: all 500ms ease-in-out 0s;
-moz-transition: all 500ms ease-in-out 0s;
-o-transition: all 500ms ease-in-out 0s;
transition: all 500ms ease-in-out 0s;

}
#cookieAlertWrap #closer:hover{ 
background-color:#FFFFFF; background-image:url(../images/icons/delete.png);
-webkit-transition: all 500ms ease-in-out 0s;
-moz-transition: all 500ms ease-in-out 0s;
-o-transition: all 500ms ease-in-out 0s;
transition: all 500ms ease-in-out 0s;
}

#cookieAlertWrap #pageLink{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
display:inline-block;
margin:0;
padding: 0px 0 0 10px;
color:#99CC00;
text-decoration:underline;
}
#cookieAlertWrap #pageLink:hover{ color:#99CC00}