/* CSS Document */

body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Helvetica,Arial,sans-serif;
	size:12px;
	color:#333;
}
.style43 {font-size: 12px}
.style20 {
	color: #330066;
	font-weight: bold;
}
.style30 {
	color: #FFFFFF;
	font-weight: bold;
	/*background-color: #00408D;
	background-color: #666666;*/
	background-color: #15153E;
	vertical-align: middle;
	text-align: center;
	background-image:url(../images/frm_bg.png);
}
.style31 {
	color: #00408D;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	border: none;
}
.style26 {
	color: #FF0000; font-weight: bold; 
}
.style27 {
	color: #005EBF;
	font-weight: bold;
}
.style14 {
	font-size: 12px;
	background-color:#FFFFFF;
}

.style23 {
	color: #330066;
	size:9;
}

.style15 {
	color:#FF0000; 
	font-size: 12px; 
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
textarea{
	resize:none;
}


.pg_header{
	color: #005EBF;
	font-weight: bold;
	font-size: 30px;
}
.pg_footer{
	/*color: #005EBF;
	font-weight: bold;
	font-size: 30px;*/
	color: #FFFFFF;
	/*background-color: #00408D;
	background-color: #666666;
	background-color: #15153E;*/
	vertical-align: middle;
	text-align: center;
}


/*slider frame*/
#sliderFrame {position:relative;background-color:White;}      
        

#slider 
{
    width:960px;height:400px;
	background:transparent url(../images/loading.gif) no-repeat 50% 50%;
	position:relative;
	margin:0 auto;
}
#slider img {
	position:absolute;
	border:none;
	visibility:hidden;
}


#slider a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}


div.mc-caption-bg, div.mc-caption-bg2 {
	position:absolute;
	width:190px;
	height:auto;
	padding:20px;
	right:30px; 
	bottom:30px;
	z-index:3;
	overflow:hidden;
	font-size:0;
}
div.mc-caption-bg {
	background-color:White; 
	border-radius: 5px;
}
div.mc-caption {
	font:bold 15px/20px Arial;
	color:#000000;
	z-index:4;
	padding:0px;
	text-align:center;
}
div.mc-caption a { 
	color:#66FFFF;
}


#thumbs 
{
    background:white url(../images/thumbs-bar.gif) repeat-x 0 0; 
    border:1px solid white; text-align:center; 
    font-size:0px;
    line-height:45px;
}
#thumbs .thumb 
{
    width:60px;height:45px;
    cursor:pointer;
    text-align:center;
    border-left:1px solid #FFF; border-right:1px solid #DDD; 
    
    display:inline-block;
    *display:inline;zoom:1; /*IE Hack*/
}
#thumbs .thumb-on {background-image: url(../images/active-bg.png);}
#thumbs .thumb img {vertical-align:middle;}


div.navBulletsWrappers  {
	top:420px; left:700px; 
	width:150px;
	background:none;
	position:relative;
	z-index:5;
	cursor:pointer;
}

div.navBulletsWrappers div 
{
    width:11px; height:11px;
    background:transparent url(../images/bullet.png) no-repeat 0 0;
    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
    margin-right:20px;
    _position:relative;
}

div.navBulletsWrapper div.active {background-position:0 -11px;}

.group1-Wrapper 
{
    position:absolute;
    z-index:20;
    top:120px;
    margin-left:50%;
    width:1px;
}
a.group1-Prev, a.group1-Next
{
    width:50px;height:150px;
    background:transparent url(../images/navButtons2.gif); 
    display:block; 
    cursor:pointer;
    position:absolute;
    top:0;
    user-select: none;
}
a.group1-Prev{background-position:0 0; left: -490px; overflow:hidden; }
a.group1-Next {background-position:0 -150px;left:440px; overflow:hidden; }

a.group1-Prev:hover{background-position:50px 0;}
a.group1-Next:hover {background-position:50px -150px;}


a.group2-Prev, a.group2-Next, a.group2-Play, a.group2-Pause 
{
    width:20px; height:20px; 
    background:transparent url(../images/navButtons.gif); 
    display:inline-block; 
    *display:inline;zoom:1;
    margin-right:8px;
    vertical-align:middle;
    cursor:pointer;
}
a.group2-Pause{background-position:0 0; background:transparent url(../images/navButtons.gif); }
a.group2-Play {background-position:0 -20px;}
a.group2-Next {background-position:0 -40px;}
a.group2-Prev {background-position:0 -60px;} 

a.group2-Pause:hover{background-position:20px 0;}
a.group2-Play:hover {background-position:20px -20px;}
a.group2-Next:hover {background-position:20px -40px;}
a.group2-Prev:hover {background-position:20px -60px;} 


#slider 
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}




/* main menu */


#container {
	width: 500px;
	margin: 10px auto;
}



#nav{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	font-size:15px;
	border-radius: 15px;
	width: 500px;
}

#nav ul{
	background:#222;
	height: 35px;
	list-style:none;
	/* border: 3px solid #222; */
	border-radius: 15px;
}

#nav li{
	float:left;
	padding:0px;
	border-radius: 15px;
}

#nav li a{
	background:#222;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#fff;
	line-height:35px;
	padding:0px 25px;
	-webkit-border-radius: 15px;
	
	
}

#nav li a:hover{
	text-decoration:none;
	background: #4873b1;
	color:#FFFFFF;
	-webkit-border-radius: 15px;
}

/* Navigation Second Level */

#nav li ul{
	position:absolute;
	background:#222;
	display:none;
	height:auto;
	width:200px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	margin-left:-3px;
}

#nav li:hover ul{
	display:block;
}

#nav li li:hover {
	font-weight: 800;
}

#nav li li {
	display:block;
	float:none;
	width:180px;
	border-radius: 15px;
}

#nav li ul a{
	text-align:left;
	display:block;
	height:35px;
	padding:0px 10px 0px 25px;
	border-radius: 15px;
}




#nav2{
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 300;
	font-size:15px;
	border-radius: 15px;
	width: 800px;
}

#nav2 ul{
	background:#222;
	height: 35px;
	list-style:none;
	/* border: 3px solid #222; */
	border-radius: 15px;
}

#nav2 li{
	float:left;
	padding:0px;
	border-radius: 15px;
}

#nav2 li a{
	background:#222;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#fff;
	line-height:35px;
	padding:0px 25px;
	-webkit-border-radius: 15px;
	
	
}

#nav2 li a:hover{
	text-decoration:none;
	background: #4873b1;
	color:#FFFFFF;
	-webkit-border-radius: 15px;
}

/* Navigation Second Level */

#nav2 li ul{
	position:absolute;
	background:#222;
	display:none;
	height:auto;
	width:200px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	margin-left:-3px;
}

#nav2 li:hover ul{
	display:block;
}

#nav2 li li:hover {
	font-weight: 800;
}

#nav2 li li {
	display:block;
	float:none;
	width:180px;
	border-radius: 15px;
}

#nav2 li ul a{
	text-align:left;
	display:block;
	height:35px;
	padding:0px 10px 0px 25px;
	border-radius: 15px;
}




#sliderFrameSmaller {position:relative;background-color:#00327B; }      
        
#sliderSmaller 
{
    width:226px;height:130px;
	background:transparent url(../images/loadingSmaller.gif) no-repeat 50% 50%;
	position:relative; background-color:#00327B;
	margin:0 auto;
}
#sliderSmaller img {
	position:absolute;
	border:none;
	visibility:hidden;
}

#sliderSmaller a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%; }

.group1Smaller-Wrapper 
{
    position:absolute;
    z-index:20;
    top:120px;
    margin-left:50%;
    width:1px;
}
a.group1Smaller-Prev, a.group1Smaller-Next
{
    width:50px;height:128px;
    background:transparent url(../images/navButtons2.gif); 
    display:block; 
    cursor:pointer;
    position:absolute;
    top:-132px;
    user-select: none;
}

a.group1Smaller-Prev{background-position:0 0; left: -146px; overflow:hidden; }
a.group1Smaller-Next {background-position:0 -150px;left: 65px; overflow:hidden; }

/* a.group1-Prev{background-position:0 0; left: -504px; overflow:hidden; }
a.group1-Next {background-position:0 -150px;left:-296px; overflow:hidden; } */

a.group1Smaller-Prev:hover{background-position:50px 0;}
a.group1Smaller-Next:hover {background-position:50px -150px;}


a.group2Smaller-Prev, a.group2Smaller-Next, a.group2Smaller-Play, a.group2Smaller-Pause 
{
    width:20px; height:20px; 
    background:transparent url(../images/navButtons.gif); 
    display:inline-block; 
    *display:inline;zoom:1;
    margin-right:8px;
    vertical-align:middle;
    cursor:pointer;
}
a.group2Smaller-Pause{background-position:0 0; background:transparent url(../images/navButtons.gif); }
a.group2Smaller-Play {background-position:0 -20px;}
a.group2Smaller-Next {background-position:0 -40px;}
a.group2Smaller-Prev {background-position:0 -60px;} 

a.group2Smaller-Pause:hover{background-position:20px 0;}
a.group2Smaller-Play:hover {background-position:20px -20px;}
a.group2Smaller-Next:hover {background-position:20px -40px;}
a.group2Smaller-Prev:hover {background-position:20px -60px;} 


#sliderSmaller 
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}


/*slider frame*/
#sliderFrame 
{
    width:400px;
    margin:20px auto; /*this makes the image slider center-aligned. Remove this line if you want to align the whole slider to the left side*/
    padding:20px;
    border:0px solid #666;
    border-radius:6px; 
}
     
        

#slider {
    width:788px;height:261px;/* Make it the same size as your images */
	background: url(../images/loading.gif) no-repeat 50% 50%;
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
	text-align:left;
}
#slider img {
	position:absolute;
	border:none;
	visibility:hidden;
}

/* the link style (if an image is wrapped in a link) */
#slider a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}

/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
	position:absolute;
	width:400px;
	height:auto;
	padding:10px;
	left: 100px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom: -40px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:6;
	overflow:hidden;
	font-size:0;
}
div.mc-caption-bg {
	background:transparent; /*Caption background color. Can be set to "background:transparent;", or set to semi-transparent through the sliderOptions.captionOpacity setting in the javascript.*/
}
div.mc-caption {
	font:bold 13px/16px Arial;
	color:#ccc;
	z-index:4;
	text-align:center;
}
div.mc-caption a { 
	color:#66FFFF;
}


/* ------ built-in navigation bullets wrapper that is relative to the #slider ------*/
div.navBulletsWrapper  {
	display:none;
}


/*thumbnails*/
#thumbs 
{
    margin-top:30px;
    text-align:center;
    font-size:0;
}
#thumbs .thumb 
{
    display:inline-block;
    *display:inline;zoom:1;/*IE6, IE7 hack*/
    margin:0 1px;/*this determins the distance between each thumbnail*/
    border:1px solid #333;
    padding:4px;
    background:black;
}

#thumbs .thumb img{border:1px solid #555; cursor:pointer; width:70px; height:44px; opacity:0.5;filter:alpha(opacity:50);}
#thumbs .thumb-on img{border:1px solid #999; opacity:1;filter:alpha(opacity:100);}

/* --------- Others ------- */
#slider 
{
	transform: translate3d(0,0,0,0,0,0);
    -ms-transform:translate3d(0,0,0,0,0,0);
    -moz-transform:translate3d(0,0,0,0,0,0);
    -o-transform:translate3d(0,0,0,0,0,0);
}










/* image slider css merger */

#slider_container_3 { float: left; padding: 0; width: 800px; border: 1px #333333 solid; }

.SliderName_3 {
	float: left;
	width: 800px;
	height: 200px;
	overflow: hidden;
}

.SliderNamePrev_3 {
	background: url(images/left.png) no-repeat left center;
	width: 50px;
	height: 450px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
}

.SliderNameNext_3 {
	background: url(images/right.png) no-repeat right center;
	width: 50px;
	height: 450px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	text-decoration: none;
}

.SliderName_3Description {
	padding: 10px;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 1px;
	text-align: center;
	color: #ffffff;
	text-shadow: 0 1px 3px #000000;
}

#SliderNameNavigation_3 { margin: 0; padding: 10px 0 0 0; height: 16px; text-align: center; overflow-y: hidden; }

#SliderNameNavigation_3 a:link, #SliderNameNavigation_3 a:active, #SliderNameNavigation_3 a:visited, #SliderNameNavigation_3 a:hover{
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
}

#SliderNameNavigation_3 a.active:link, #SliderNameNavigation_3 a.active:active, #SliderNameNavigation_3 a.active:visited, #SliderNameNavigation_3 a.active:hover{
	background: url(images/bullet_active.png) no-repeat center center;
}

#SliderNameNavigation_3 a img
{
	border: none;
	width: 16px;
	height: 16px;
	background: url(images/bullet.png) no-repeat center center;
}

#SliderNameNavigation_3 a.active img
{
	background: url(images/bullet_active.png) no-repeat center center;
}










/* banner image slider */


/* http://www.menucool.com */

#sliderzFrame {position:relative;width:900px;margin: 0 auto;} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/
        
#sliderz {
    width:900px;height:150px;/* Make it the same size as your images */
	background:#fff url(../images/loading.gif) no-repeat 50% 50%;
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
    box-shadow: 0px 1px 5px #999999;
}
#sliderz img {
	position:absolute;
	border:none;
	display:none;
}

/* the link style (if an image is wrapped in a link) */
#sliderz a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}

/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:0;
	left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:3;
	overflow:hidden;
	font-size: 0;
}
div.mc-caption-bg {
	background-color:black;
}
div.mc-caption {
	font: bold 14px/20px Arial;
	color:#EEE;
	z-index:4;
	padding:10px 0;/*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
	text-align:center;
}
div.mc-caption a {
	color:#FB0;
}
div.mc-caption a:hover {
	color:#DA0;
}


/* ------ built-in navigation bullets wrapper ------*/
div.navBulletsWrapper  {
	top:320px; left:280px; /* Its position is relative to the #slider */
	width:150px;
	background:none;
	padding-left:20px;
	position:relative;
	z-index:5;
	cursor:pointer;
}

/* each bullet */
div.navBulletsWrapper div 
{
    width:11px; height:11px;
    background:transparent url(bullet.png) no-repeat 0 0;
    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
    margin-right:11px;/* distance between each bullet*/
    _position:relative;/*IE6 hack*/
}

div.navBulletsWrapper div.active {background-position:0 -11px;}


/* --------- Others ------- */
#sliderz 
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}



.header-default {
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  border: 1px solid #d1d1d1;
  border-radius: 4px 4px 0 0;
  background-color: #edecec;
  color: #3a3a3a;
  margin-bottom: -0.9em !important;
  cursor: pointer;
}

.header-default:hover { background-color: #e0e0e0; }

.header-active {
  background-color: #C55252; !important;
  margin-bottom: 0px !important;
  color:#000000;
}

.header-active:hover { background-color: #7cd382 !important; }

.content-default { display: none; }

.right { float: right; }

.accordion-content {
  text-align: justify;
  box-sizing: border-box;
  margin: 0px;
  padding: 15px;
  border: 1px solid #d1d1d1;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
}

.inline { display: inline; }

.btn-ordering {
  margin: 0px 10px 0px 10px;
  border: 1px solid inherit;
  background-color: #e0e0e0;
  min-width: 80px;
  border-radius: 4px;
}

.btn-ordering: hover {
  border-style: inset;
  background-color: #bcbcbc;
}

#btn-div {
  margin-top: 40px;
  text-align: right;
}
 [data-type="accordion-search"] {
 min-height: 15px;
 border-radius: 4px;
}
 [data-type="accordion-filter"] {
 min-height: 15px;
 border-radius: 0px;
 min-width: 120px;
 height: 20px;
}



#wrapper {width:500px; margin:75px auto}
#buttons {height:1px}
.button {border:1px solid #eee; background:#ccc; border-radius:3px; -moz-border-radius:3px; padding:4px 0 5px; width:245px; text-align:center; cursor:pointer; float:left; color:#555}
.button:hover {border:1px solid #fff; background:#d9d9d9; color:#333}
.floatright {float:right}

#fade {opacity:0; filter:alpha(opacity='0') border-radius:3px; -moz-border-radius:3px; margin-bottom:10px; padding:9px 10px 0; height:26px; border:1px solid #548954; background: #66CB3A; color:#79af72; text-shadow:1px 1px #21341d}

#getinvolved {opacity:0; filter:alpha(opacity='0') border-radius:3px; -moz-border-radius:3px; margin-bottom:10px; padding:9px 10px 0; height:150px; border:1px solid #548954; color: #000000;}

#comments {opacity:0; filter:alpha(opacity='0') border-radius:3px; -moz-border-radius:3px; margin-bottom:10px; padding:9px 10px 0; height:150px; border:1px solid #548954; color: #000000;}

#donate {opacity:0; filter:alpha(opacity='0') border-radius:3px; -moz-border-radius:3px; margin-bottom:10px; padding:9px 10px 0; height:150px; border:1px solid #548954; color: #000000;}

#terms {opacity:0; filter:alpha(opacity='0') border-radius:3px; -moz-border-radius:3px; margin-bottom:10px; padding:9px 10px 0; height:150px; border:1px solid #548954; color: #000000;}

#privacy {opacity:0; filter:alpha(opacity='0') border-radius:3px; -moz-border-radius:3px; margin-bottom:10px; padding:9px 10px 0; height:150px; border:1px solid #548954; color: #000000;}

#reachus {opacity:0; filter:alpha(opacity='0') border-radius:3px; -moz-border-radius:3px; margin-bottom:10px; padding:9px 10px 0; height:150px; border:1px solid #548954; color: #000000;}

#coverage {opacity:0; filter:alpha(opacity='0') border-radius:3px; -moz-border-radius:3px; margin-bottom:10px; padding:9px 10px 0; height:150px; border:1px solid #548954; color: #000000;}


   body,html{ padding: 0px;
margin: 0px;  } .style3 { font-size: 14px;
color: #FFFFFF; font-family: "Arial Narrow"; }
.style9 { font-size: 16px; color: #FFFFFF; font-family: "Arial Narrow"; }
.shadow {  color: #036; background-color: #036; }
.style86 { font-family: "Arial Narrow"; font-weight: bold; font-size: 14px; }
.style88 { font-size: 14px }


.style89 {font-size: 16px}
.style3 {font-size: 14px;
color: #FFFFFF; font-family: "Arial Narrow"; }
.style86 {font-family: "Arial Narrow"; font-weight: bold; font-size: 12px; }
.style88 {font-size: 14px }
.style89 {font-size: 16px}
.style9 {font-size: 16px; color: #FFFFFF; font-family: "Arial Narrow"; }
.style90 {
	color: #000000;
	font-weight: bold;
}
.style92 {
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #000033;
}
.style94 {font-size: 14px; color: #330000;}
.style96 {color: #CCCCCC; font-weight: bold; font-size: 14px;}
.style97 {color: #FFFFFF}
.style99 {
	font-size: 16;
	font-weight: bold;
}
.style103 {
	font-size: 16;
	color: #000000;
}
.style105 {
	color: #000000;
	font-size: 14px;
}
.style109 {
	color: #660000;
	font-weight: bold;
	font-style: italic;
}
.style111 {color: #660000; font-weight: bold; }
.style114 {
	color: #660000;
	font-size: 14px;
	font-weight: bold;
}
.style115 {color: #000099}
.style116 {color: #000000; font-size: 14px; font-weight: bold; }
.style117 {color: #000000}
.style119 {
	color: #330000;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
}
.style120 {color: #000000; font-size: 16px; }
.style122 {font-size: 16px; color: #CCCCCC; font-family: "Arial Narrow"; }
.style124 {font-size: 14px; color: #CCCCCC; font-family: "Arial Narrow"; }
.style125 {font-size: 14px; color: #CCCCCC; }
.style126 {color: #CCCCCC}
.style127 {font-size: 12px; color: #CCCCCC; font-family: Verdana, Arial, Helvetica, sans-serif; }