body {color:black;text-align:left;margin-top:1em;font-size:1em}

#maincontainer{
    width: 1022px;
    margin: 0 auto;
    height: 1380px;
    border-left: 3px solid #60C924;
    border-right: 3px solid #60C924; 
}
#container{
    width: 980px;
    margin: 0 auto;
}
/* header part with logo,social icons and 3 buttons*/
#header1{
    height: 100px;
    padding: 10px 0;
}
#brand{
    float:left;
    margin: 10px auto;
    padding-left: 10px;
}
#brand img{
    width: 325px;
    height: 80px;
    
}
#links{
    float:right;
    width: 600px;
    height: 30px;
    padding: 20px 20px 0 20px;
    margin-top: -10px;
}
#social{
    float: left;
    padding: 5px;
 }
#group-bt{
    float:right;
    margin-left: 150px;
}
#group-bt img{
    padding-right: -10px;
    margin-top: -40px;
    margin-left: 15px;
}

a, a:active, a:focus {
outline: none;
}

#link-strip{
    width: 100%;
  	height: 32.5px;
    float: right;
    font-size: 1.6em;
    margin-top: 0px;
    margin-right: 17px;
   }

.clear{
clear: both;
}

/*Rotating Banner section*/

.container-fluid{
   padding-top: 60px;
   }

#myCarousel{
    height: 290px;
    margin: 0 auto;
    }

.carousel-inner .item img{
    margin: 0 auto;
    border-radius: 25px;
    background-color: rgba(0,0,0,0);
    overflow: hidden;
   }


.carousel-caption{
    position:relative;
    left: auto;
    right: auto;
    padding-bottom: 10px;
    z-index: 1;  
 }

.carousel-caption p{
    color:white;
    text-shadow: 4px 4px 8px #A50000;
    margin-top:-70px;
    float:right;
    padding-right:5px;
    font-size: 50px;
    text-decoration: none;
    }

.carousel-indicators {
  bottom: -7px;
  left:35px;
}


.glyphicon-chevron-left,right{
   color: #fff; 
  }

.carousel-control{
    border-radius: 25px;
    width: 5%
   }

/*carousel fading effect*/

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*tagline*/
#tagline{
    margin-top: 5px;
    margin-left: 10px;
    float:left;
    font-size: 23px;
    font-weight: bold;
    position: relative;
}

#tagline p{
  color:#A50000;  
}
/*Newsletter link*/

#newsletter{
    margin-top: 8px;
    margin-right: 13px;
    float: right;
    font-size: 20px;
    font-weight: bold;
    position:relative;
}

#newsletter p{
    color:#A50000;
    }

/*-box/thumbnail image section*/


 .thumbnail{
    height: 400px;
    border: 1px solid gray;
    -webkit-border: 1px solid gray;
    -moz-border: 1px solid gray;
    -o-border: 1px solid gray;
    -ms-border: 1px solid gray;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -o-border-radius: 5px;
     -ms-border-radius: 5px;
   }
.thumbnail a{
    border: 0;
}
.thumbnail p{
    padding-top: 5px;
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    color: #60C924;
   }
.thumbnail img{
    width: 275px;
    margin: 6px;
  }

.row .col-md-4 a:link{
    text-decoration: none;
    border-color: gray;
    border-style: solid;
    }
.row .col-md-4 a:visited{
    text-decoration: none;
      border-color: gray;
     border-style: solid;
    }
.row .col-md-4 a:hover{
    text-decoration: none;
     border-color: gray;
     border-style: solid;
    
    }
.row .col-md-4 a:active{
    text-decoration: none;
       border-color: gray;
     border-style: solid;
    }


#twt{
    border: 1px solid gray;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
     border-radius: 5px;
    height: 399px;
    width: 296px;
   /* padding: 10px;*/
  }
#twt a{
    border: 0;
}
#twt p{
    text-align:left;
    color: #60C924;
    font-weight:bold;
    font-size: 14px;
    padding-left: 3px;
    margin-top: -7px;
   }

/*footer section*/

#foo{
    clear: both;
    position:absolute;
    height: 10px;
    padding-left: 15px;
    margin-top: -15px;
    padding-bottom: 50px;
    }

#foo p{
    font-size: 12px;
    color:#A50000;
    font-weight:bold;
   }

/*Media query for small devices */

@media (max-width:768px){
    #maincontainer{
       width:700px;
       height:1100px;
       overflow:hidden !important;
       border-left: 3px solid #60C924;
       border-right: 3px solid #60C924;
       margin-top:-7px;
       padding-left: 20px;
         }
        
   #brand img{
    width: 190px;
    height: 55px;
    }
    #header1{
      margin-top: 20px;
      width:65%; 
    }
    #social{
        margin-top: -100px;
        margin-left: 150px;
    }
    #social img{
        height: 18px;
        width: 18px;
        }
    #group-bt{
      margin-top: -75px;
      margin-right: 20px;
    }
    #group-bt img{
        width:65px;
        }
    a.header{
        width:8.5em !important;
    }
    #link-strip{
        width:65%;
        height: 28px;
        float: left;
        font-size: 1.25em;
        margin-top:-30px;
        margin-left: -10px;
    }
    ul.dropdown li a.header{
        width: 100% !important;
        font-size:10.5px !important;
        line-height: 11px !important;
        } 
    ul li:hover ul.dropdown {
	    display: block;
	    position: absolute;
	    z-index: 10;
	    background-color: #FFFFFF;
        width:14% !important;
       }
    #myCarousel{
        margin-top: -50px;
    }
  .carousel-inner .item img{
    width: 65%;
    float:left;
   }
   .carousel-control{
     visibility: hidden;
    }
    .carousel-caption p{
        width: 65%;
        font-size:23px;
        margin-top: -18px;
        float:left;
        text-align:right !important;
        margin-left: -8px;
    }
    .carousel-indicators {
        bottom: 80px;
        left:45px;
        z-index:1;
    }
    #tagline p{
        font-size: 13px;
        margin-top: -80px;
    }
    #newsletter p{
        font-size: 11.5px;
        margin-top: -81px;
        margin-right: 333px;
    }
    #square_image img{
        height: 180px;
        width:180px;
        }
    .thumbnail{
        float: left;
        width: 200px;
        height:320px;
        margin-top: -90px;
        margin-right: 10px;
        margin-bottom: 100px;
               }
    .thumbnail p{
        font-size: 10px;
    }
    #twt{
        float:left;
        width: 200px;
        height:320px;
        margin-top: -90px;
    }
    .twitter-timeline{
        height:260px !important;
      }
    #twt p{
        font-size: 10px;
        margin-top: 0px;
    }
    #foo{
        clear:both;
        padding-bottom: 0px;
        }
    #foo p{
         font-size: 11px;
         margin-top:-80px;
         }
   
}

 
/*Media query for extra small devices */

@media (max-width:400px){
   #maincontainer{
       width:335px;
       height:860px;
       border-left: 3px solid #60C924;
       border-right: 3px solid #60C924;
       margin-bottom:auto;
       margin-top:-11px;
       padding-left: 8px;
    }
    
   #brand img{
    width: 125px; 
    height: 35px;
    }
          
    #header1{
     margin-top: 10px;
     width:30%; 
    }
    #links{
      margin-top: 7px;  
    }
    #social{
     margin-right: -5px;
     margin-top: -65px;
     float: right;   
    }
    #social img{
        height: 13px;
        width: 13px;
        }
    #group-bt{
      margin-top: -85px;
      margin-right: -20px;
    }
    #group-bt img{
        width:35px;
        margin:0px;
        padding:0px;
        }
    a.header{
        width:9em !important;
        z-index:10 !important;
        position:relative;
    }
    #link-strip{
        width:30%;
        height: 20px;
        float: left;
        font-size: 0.75em;
        margin-top:-45px;
        margin-left:12px;
        position:relative;
    }
    ul.dropdown li a.header{
        width: 100% !important;
        font-size:6.5px !important;
        line-height:6.6px !important;
        } 
    ul li:hover ul.dropdown {
	    display: block;
	    position: absolute;
	    z-index: 10;
	    background-color: #FFFFFF;
        width:22% !important;
}
    #myCarousel{
        margin-top: -70px;
        padding:0px;
        float:left;
               }
  .carousel-inner .item img{
    width: 30%;
       }
   .carousel-control{
     visibility: hidden;
    }
    .carousel-caption p{
        width: 30%;
        font-size:14px;
        float:left;
        text-align:right !important;
        margin-left:-292px;
        margin-top: 65px;
        text-shadow:2px 2px 2px black;
    }
    .carousel-indicators {
        bottom: 150px;
        left:45px;
        display:none;
          }
    #tagline p{
        font-size: 7px;
        margin-top: -205px;
        margin-left: 3px;
    }
    #newsletter p{
        font-size: 6px;
        margin-top: -208px;
        margin-right: 655px;
    }
    #square_image img{
        height:70px;
        width:70px;
        }
    .thumbnail{
        float: left;
        width: 90px;
        height:170px;
        margin-top: -230px;
        margin-right: 6px;
        margin-bottom: 240px;
           }
    .thumbnail p{
        font-size: 8px;
        line-height: 7px;
        margin:1px;
    }
    .thumb{
        margin-left:50px;
        margin-right:6px;
     
    }
    #twt{
        float:left;
        width: 185px;
        height:235px;
        margin-top:-50px;
        margin-left: -193px;
    }
   .twitter-timeline{
        width:90px!important;  
        height:180px!important;
      }
 
    #twt p{
        font-size: 8.5px;
        margin-top: 5px;
    }
    #foo p{
        font-size: 8.5px !important;
        margin-top: 20px;
        margin-left: -5px;
        }
}


/* previous css */

#social-net {
	width: 45px;
	float: right;
	margin-top: 30px;
	margin-right: 8px;
}

#banner {
	background-color: #FFFFFF;
	/*display: block;*/
	position: relative;
	width: 100%;
}

header{
	width: 1022px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	/* [disabled]padding-top: 10px; */
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

a.header:link {
	color: #A50000;
	font-family: "Tahoma",  "Arial", sans serif;
	display: block;
	font-weight: bold;
	width: 11em;
	text-align: left;
	padding-top: 0.31em;
	padding-left: 0.35em;
	padding-bottom: 0.31em;
	text-decoration: none;
	line-height: 180%;
	clear: both;
}

a.header:visited {
	color: #A50000;
	font-family: "Tahoma",  "Arial", sans serif;
	display: block;
	font-weight: bold;
	text-align: right;
	width: 5em;
	padding-top: 0.31em;
	padding-right: 0.31em;
	padding-left: 0.31em;
	padding-bottom: 0.31em;
	text-decoration: none;
	line-height: 180%
}

a.header:active,a.header:hover {
	color: #FFFFFF;
	background-color: #A50000;
}

ul.header{
	float: right;
	line-height: 180%;
	font-family: "Tahoma",  "Arial", sans serif;
	font-size: .86em;
}
ol {list-style-type: none;list-style-position:inside;margin-left: 0;line-height:150%; font-family: "Tahoma",  "Arial", sans serif; font-size:.86em;}

#navlist li {
	display: inline;
	float: left;
	background-color: #FFFFFF;
}

p.Right_Column{color:#000000;font-family: Arial, Helvetica, sans-serif;font-size:0.86em;text-align:right;line-height:200%;font-style:italic}
p.Right_Column_Italic{color:#000000;font-family: Arial, Helvetica, sans-serif;font-size:0.88em;text-align:right;line-height:120%;font-style:italic;}
p.Right_Column_Header{color:#000000;font-family: Arial, Helvetica, sans-serif;font-size:0.875em; text-align:right;line-height:120%;}
span.Right_Column_credit{color:#000000;font-family:"Tahoma",  "Arial", sans serif;font-size:0.8em; text-align:left;line-height:100%;}
p.Header_2{color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:0.814em; text-align:left;line-height:120%;}
span.Right_Column{color:#000000;font-family: Arial, Helvetica, sans-serif;font-size:0.86em; text-align:right;line-height:200%;font-style:italic}
span.Right_Column_Header{color:#000000;font-family: Arial, Helvetica, sans-serif;font-size:0.875em; text-align:left;line-height:120%;}
span.Header_2{color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:0.814em; text-align:left;line-height:120%;}
span.Right_Column_Italic{color:#000000;font-family: Arial, Helvetica, sans-serif;font-size:0.88em;text-align:left;line-height:120%;font-style:italic;}

p{color:#000000;font-family:"Tahoma",  "Arial", sans serif;font-size:0.86em;line-height:150%;text-align:left}
p.small{color:#000000;font-family:"Tahoma",  "Arial", sans serif;font-size:0.75em;line-height:100%;text-align:left}
p.Main_Content_Area{color:#000000;font-family:"Tahoma",  "Arial", sans serif;font-size:0.86em;line-height:150%;text-align:left}
p.Content_Header{color:#000000;font-family:"Tahoma",  "Arial", sans serif;font-size:1.120em;text-align:left;font-weight:bold;}
span.Main_Content_Area{color:#000000;font-family:"Tahoma",  "Arial", sans serif;font-size:0.86em;line-height:150%;text-align:left}
span.Main_Content_AreaC{color:#000000;font-family:"Tahoma",  "Arial", sans serif;font-size:0.80em;line-height:100%;text-align:center}
span.Main_Content_Area_Right{color:#000000;font-family:"Tahoma",  "Arial", sans serif;font-size:0.86em;line-height:200%;text-align:right}
span.Content_Header{color:#000000;font-family:"Tahoma",  "Arial", sans serif;font-size:1.125em;text-align:left;font-weight:bold}
span.Content_Header_Center{color:#000000;font-family:"Tahoma",  "Arial", sans serif;font-size:1.125em;text-align:center;font-weight:bold}
span.left2 {color:#000000;font-family:"Tahoma",  "Arial", sans serif;font-size:0.86em;text-align:left;font-weight:bold;text-decoration:underline;}

span.left {color:#000000;font-size:0.814em;font-family: "Tahoma",  "Arial", sans serif;text-decoration:none;}

h3 {color:#009B48;font-family: "Tahoma",  "Arial", sans serif;font-size:1em}

a.normal:link {color:#A50000;text-decoration:underline;}
a.normal:visited {color:#A50000;text-decoration:underline;}
a.normal:hover {color:#A50000;text-decoration:underline;}
a.normal:active {color:#A50000;text-decoration:underline;}

A.class1:link {color:#000000;font-family:"Tahoma",  "Arial", sans serif; text-align:left}
A.class1:visited {color:#000000;font-family:"Tahoma",  "Arial", sans serif; text-align:left}
A.class1:active {color:#000000;font-family:"Tahoma",  "Arial", sans serif; text-align:left}
A.class1:hover {color:#000000;font-family:"Tahoma",  "Arial", sans serif; text-align:left}

a.leftmain:link {color:#000000;font-size:0.750em;font-family:"Tahoma",  "Arial", sans serif;display:block;font-weight:bold;
text-decoration:none;text-align:left}      /* unvisited link for page you're on */
a.leftmain:visited {color:#000000;font-size:0.750em;font-family:"Tahoma",  "Arial", sans serif;display:block;font-weight:bold;
text-decoration:none;text-align:left}      /* unvisited link for page you're on */
a.leftmain:hover {color:#A50000;font-size:0.750em;font-family:"Tahoma",  "Arial", sans serif;display:block;font-weight:bold;
text-decoration:none;text-align:left}      /* unvisited link for page you're on */
a.leftmain:active {color:#A50000;font-size:0.750em;font-family:"Tahoma",  "Arial", sans serif;display:block;font-weight:bold;
text-decoration:none;text-align:left}      /* unvisited link for page you're on */

a.left:link {color:#000000;font-size:0.860em;font-family:"Tahoma",  "Arial", sans serif;display:block;font-weight:bold;
text-decoration:none;text-align:left;}      /* unvisited link */
a.left:visited {color:#000000;font-size:0.860em;font-family:"Tahoma",  "Arial", sans serif;display:block;font-weight:bold;
text-decoration:none;text-align:left;}
a.left:hover {color:#A50000;font-size:0.860em;font-family:"Tahoma",  "Arial", sans serif;display:block;font-weight:bold;
text-decoration:none;text-align:left;}
a.left:active {color:#A50000;font-size:0.860em;font-family:"Tahoma",  "Arial", sans serif;display:block;font-weight:bold;
text-decoration:none;text-align:left;}
a.lefton:link {color:#A50000;font-size:0.860em;font-family:"Tahoma",  "Arial", sans serif;display:block;font-weight:bold;
text-decoration:none;text-align:left;}      /* unvisited link */
a.lefton:visited {color:#A50000;font-size:0.860em;font-family:"Tahoma",  "Arial", sans serif;display:block;font-weight:bold;
text-decoration:none;text-align:left;}
a.lefton:hover {color:#A50000;font-size:0.860em;font-family:"Tahoma",  "Arial", sans serif;display:block;font-weight:bold;
text-decoration:none;text-align:left;}
a.lefton:active {color:#A50000;font-size:0.860em;font-family:"Tahoma",  "Arial", sans serif;display:block;font-weight:bold;
text-decoration:none;text-align:left;}
a.left3:link {color:#000000;font-family:"Tahoma",  "Arial", sans serif;font-size:0.80em;text-align:left;font-weight:bold;text-decoration:none}
a.left3:visited {color:#000000;font-family:"Tahoma",  "Arial", sans serif;font-size:0.80em;text-align:left;font-weight:bold;text-decoration:none}
a.left3:hover {color:#A50000;font-family:"Tahoma",  "Arial", sans serif;font-size:0.80em;text-align:left;font-weight:bold;text-decoration:none}
a.left3:active {color:#A50000;font-family:"Tahoma",  "Arial", sans serif;font-size:0.80em;text-align:left;font-weight:bold;text-decoration:none}
a.left3on:link {color:#A50000;font-family:"Tahoma",  "Arial", sans serif;font-size:0.80em;text-align:left;font-weight:bold;text-decoration:none}
a.left3on:visited {color:#A50000;font-family:"Tahoma",  "Arial", sans serif;font-size:0.80em;text-align:left;font-weight:bold;text-decoration:none}
a.left3on:hover {color:#A50000;font-family:"Tahoma",  "Arial", sans serif;font-size:0.80em;text-align:left;font-weight:bold;text-decoration:none}
a.left3on:active {color:#A50000;font-family:"Tahoma",  "Arial", sans serif;font-size:0.80em;text-align:left;font-weight:bold;text-decoration:none}

ul {
	color: #000000;
	font-family: "Tahoma",  "Arial", sans serif;
	font-size: 0.750em;
	line-height: 150%;
	text-align: left;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	/* [disabled]margin-bottom: 0; */
	padding: 0;
}
ul.right {color:#000000;font-family:"Tahoma",  "Arial", sans serif;font-size:0.782em;padding: 1.80em;list-style-type: disc;text-align:left;}

#mydivid{-moz-user-select:none;-webkit-user-select:none;-khtml-user-select:none;-o-user-select:none}

body#home a#home,
body#whoweare a#whoweare,
body#what_we_do a#what_we_do,
body#news a#news,
body#contact a#contact {background-color:#9CEF6C}


span.footer{color:#A50000;font-family:"Tahoma",  "Arial", sans serif;font-size:0.750em;text-decoration:none;font-weight:bold;}

a.footer:link {color:#C5CDA7;font-size:0.750em;font-family:"Tahoma",  "Arial", sans serif;text-decoration:none;}
a.footer:visited {color:#C5CDA7;font-size:0.750em;font-family:"Tahoma",  "Arial", sans serif;}
a.footer:active {color:#C5CDA7;font-size:0.750em;font-family:"Tahoma",  "Arial", sans serif;}
a.footer:hover {color:#C5CDA7;font-size:0.750em;font-family:"Tahoma",  "Arial", sans serif;}

a#get_involved, a#about, a#media, a#news, a#resources{
	cursor: default;
}
ul li ul.dropdown{
	display: none;
	width: 11.4%;
    
}
ul li:hover ul.dropdown {
	display: block;
	position: absolute;
	z-index: 10;
	background-color: #FFFFFF;
}
ul li ul.dropdown li{
	display: block;
	width: 100%;
   
}
ul.dropdown li a.header{
	width: 98.5%;
	text-align: left;
	font-size: small;
	padding-top: 8px;
	padding-bottom: 10px;
	line-height: 13px; /* line-height: 15px;*/
    }
ul.dropdown li a.header:hover {
	width: 100%;  /*width: 97%; */
    
}