@charset "utf-8";
/* CSS Document */
body.home { padding:0; margin:0 auto; background: url(../Images/optimized%20images/indexbackground.jpg) no-repeat   top center #003547;}
body.about{background: url(../Images/optimized%20images/background-for-other-pages2.jpg) no-repeat top center #003547;padding:0; margin:0 auto;}
a:link{color:white;}a:visited{color:black;}a:hover{color:red;}
#wrapper { width:900px; height:1290px; margin:110px auto 0 auto; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
#wrappercontact { width:900px; height:900px; margin:110px auto 0 auto; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
#wrappermember { width:900px; height:1150px; margin:110px auto 0 auto; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
#wrapperabout { width:900px; height:2000px; margin:110px auto 0 auto; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
#head { height:410px; width:100%; float:left; 
}
#head.gallery { height:210px; width:100%; float:left; 
}
#head.about{width:100%;height:210px;}
ul#mainnav {list-style:none;  width:450px;  display:block; position:relative; top:0; right:0; float:right; height:52px; margin:0; padding:0;text-align:right; }
li#mainnav {  width:70px;  float:left;  margin:38px 5px 0 5px; 
}
.contact/*membership name is too long and hence need more space on right*/ {padding-left:21px;}
.mem/*membership name is too long and hence need more space on right*/ {padding-left:17px; }
li#mainnav a {font-size:1.5em; color:white; font-family:arial; text-decoration:none;  font-weight:bold;  margin:0; padding:0;}
li#mainnav a:hover{text-decoration:underline;}
#logo {background: url(../Images/optimized%20images/logo2.jpg) no-repeat;  width:130px; height:121px; margin-top:237px; padding:0; float:left;}
#reaching {
	width:454px;
	height:35px;
	float:left;
	margin-top:1px;
	background-image: url(../Images/optimized%20images/slogan_img.png);
	background-repeat: no-repeat;
}
#clearf{clear:left;}
#clearr{clear:right;}
#clearboth {lear:both;}
#content{width:50%; padding:20px 0 0 0; height:400px; margin:10px 0 0 0; color:#fff; font-size:1.5em; line-height:1.6em; float:left; text-align:left; font: lighter; letter-spacing:0.06em;}
#events {width:45%;height:350px;float:right;margin:10px 0 0 0;padding:20px 0 0 0;font-size:1.5em; color:#FFF; }
#eventbox {border:#FFF 1px solid; margin:0; line-height:1.6em; background-color: #0297c8;}
#events p {color:#5d2601;  font-size:1.em; padding:12px 20px; margin:10px 0; font-weight:bold; }
.normaltext {color:#000;  font-size:1em; font-weight:100; margin:0; padding:0;}
 .upcoming {border:#FFF 1px solid; border-bottom:0; font-size:1.5em; background-color:#a42727; display:block; margin:0;padding:5px 0 5px 20px; text-transform:
  uppercase; font-weight:bold;}
 .italicblue a {line-height:2.4em; font-size:1em; font-variant:small-caps; color:black; text-decoration:underline;letter-spacing: 0.1em; margin:0; padding:0;} 
 .italicblue a:visited {color: #CCC;}
 .italicblue a:hover {color:white;cursor: pointer;} 
 .bold {font-weight:bold;}
 .white {color:#fff; font-weight:bold;}
#footer{width:100%;height:385px; margin:25px 0 0 0; padding:0; float:left; background-color:3003547;}
#img1{width:33%;float:left;  margin:0; text-align:left;}
#img2{width:33%;float:left;  margin:0; text-align:center;}
#img3{width:33%;float:right; text-align:right;}
#footer a{font-size:1.5em; text-align:center;float:left;color: white;  text-decoration:none;padding-top:20px;}
#footer a:hover{color:#59d5ff;}
#footer a.img1{padding-right:50px;padding-left:70px;}
#footer a.img2{padding-left:120px; padding-right:25px;}
#footer a.advice {float:right; text-align:center;padding-right:75px;}
#footer .download  {font-family:"Courier New", Courier, monospace; font-size:1.2em; letter-spacing:0.1em; text-decoration:underline; line-height:1.9em; }
#footer .download2{ letter-spacing:0.2em; font-weight:bold;}
#footer .august {font-style:italic; letter-spacing:0.1em;}
.adobereader {font-size:1.em; color:white; text-transform:uppercase;float:left; width:450px;margin:10px 50px 10px 240px;}

/*------about----------------*/

#aboutcontent{width:100%; padding:0; height:1500px; margin:20px 0 0 0; color:#ade7fd; font-size:1.4em; line-height:1.9em; float:left; text-align:left; font: lighter; letter-spacing:0.06em;font-family:Arial, Helvetica, sans-serif;}
#aboutwide{float:left;margin:0 auto 40px auto; padding:0;height:278px;color:white; background-image:url(../Images/optimized%20images/about2blueimage.jpg);}
.blueboxtext{float:right;margin:25px 30px 40px 350px; padding:0;height:240px;color:white; ;}
#heading{font-size:2.4; font-weight:bold;color:#fff; line-height:1em; padding:0; margin:0;
 }
#aboutcontent.aboutshort{width:50%;color:#ade7fd;}
#aboutcontent.text{font-family:Arial, Helvetica, sans-serif; font-size:1.4em; font-weight:normal;color:#ade7fd; line-height:0.9em; padding:0; margin:0;}
#aboutphoto {float:left; width:468px; height:337px; background-image: url(../Images/optimized%20images/abtimg.jpg); background-repeat:no-repeat; margin:0 0 40px 0;}
#withdisability {float:right; width:45%;margin:0 0 40px 0;padding:0;}
#pplwho {float:left; width:45%; margin:0 0 40px 0;}

/*------------------------gallery------------------------*/

	/* BEGIN DEMO STYLE */

	h1,h2{font-family:'helvetica neue',sans-serif;font-size:1.1em;letter-spacing:3px;text-transform:uppercase; text-align:center; color:white; line-height:2em; margin:0;padding:0;}
	a{color:#67a;text-decoration:none;outline:none;}
	a:hover{color:#fff;}
	.caption{font-style:normal;color:#887;font-size:1.4em;font-family:'helvetica neue';}
	.demo{position:relative;margin:2em auto 0 auto; text-align:center;background-image:url(../Images/optimized%20images/galleryblueimage.jpg); background-repeat:no-repeat;padding-top:60px;}
	.nextpage{position:relative;top:195px;left:330px;color:yellow; text-decoration:underline;}
	.gallery_demo{width:502px;margin:0 auto;}
	.gallery_demo li{width:68px;height:50px;border:1px solid #CCC;margin: 0 2px;background:#001;}
	.gallery_demo li:hover{border:1px solid #fff ;}
	.gallery_demo li div{left:240px;}
	.gallery_demo li div.caption{font-size:1em;font-family:Arial, Helvetica, sans-serif;}
	
	#main_image{margin:0 auto 60px auto;height:660px;width:800px; /*background:#00b9ff;*/}
	#main_image img{margin:100px auto 10px 0;/*margin:0 auto;*/padding:0;border:#FFF 10px solid;}
	
	.nav{padding-top:270px;padding-bottom:50px;clear:both;font:100% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
	.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}
	/*------------------------------------------------------*/
.galleria{list-style:none;width:800px; margin:0 auto 0 auto;padding:0 auto; }
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:2px 4px 2px 0;background-color:black; padding:}
.galleria li a{display:none;}
.galleria li div{position:absolute;display:none;top:0;left:180px;}
.galleria li div img{cursor:pointer;}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
.galleria li .caption{display:block;padding-top:.5em; font-size:}
*html .galleria li div span{width:400px;} /* MSIE bug */

/*-------------------------------------membership--------------------------------*/

#memmain{width:100%; padding:0; height:1400px; margin:20px 0 0 0; color:#FFF; font-size:1.4em; line-height:1.9em; float:left; text-align:left; font: lighter; letter-spacing:0.06em;}
#membenefits  { float:left; margin:0 0 40px 0; padding:10px; height:350px; background-color:white; border:#00b9ff 4px solid; color:black; position:relative;}
#membenefits .blue {font-weight:bold; font-size:2.4em; color:#00b9ff; padding:0 0 0 40px; text-align:left; margin:0; text-transform:none; line-height:2em;}
ul.mem1,li.mem1 {list-style:square inside; line-height:2.1em;}
#memcontent{width:45%; float:left;margin:0 0 40px 0; padding:0;overflow:hidden;}
#heading {font-family:Arial, Helvetica, sans-serif; font-size:2.2em; font-weight:bold;color:#fff; line-height:1em; padding:0 0 20px 0; margin:0; text-align:left; }
.highlight1{background-color:#a42727; width:170px;  margin-left:20px;  margin-top:25px;}
#memcontentright{width:45%; float:right;margin:0 0 40px 0; padding:0; overflow:hidden;}
.colorblue {color:#00b9ff; font-size:1.3em;}
.colorblue a{color:#00b9ff; font-size:1.2em;}
.colordarkblue {color:#005d82; font-weight:bold;}
.italicbluemem a {line-height:1em; font-size:0.9em; font-variant:small-caps; color:#00b9ff; text-decoration:underline;letter-spacing: 0.2em;}
.italicbluemem a:visited {color:#00b9ff;}
.italicbluemem a:hover{color:white;}
.address {font-size:1.2em; font-weight:bold;}

/*-------------------------------------resources--------------------------------*/

#remain{width:100%; padding:0; height:900px; margin:20px 0 0 0; color:#FFF; font-size:1.4em; line-height:1.9em; float:left; text-align:left; font: lighter; letter-spacing:0.06em;}
#research  {   padding:0 0 0 5%; height:150px; background-color:white; border:#00b9ff 4px solid; color:black; position:relative; width:95%;}
#membenefits .blue {font-weight:bold; font-size:2.4em; color:#00b9ff; padding:0 0 0 40px; text-align:left; margin:0; text-transform:none; line-height:2em;}
ul.mem1,li.mem1 {list-style:square inside; line-height:2.1em;}
#recontent{width:45%; float:left;margin:0 0 40px 0; padding:0;overflow:hidden; height:700px;}
#heading {font-family:Arial, Helvetica, sans-serif; font-size:2.2em; font-weight:bold;color:#fff; line-height:1em; padding:0 0 20px 0; margin:0; text-align:left; }

#articles{width:45%; float:right;margin:0 0 40px 0; padding:0; overflow:hidden; height:600px;}
.colorblue {color:#00b9ff; font-size:1.3em;}
.colorblue a{color:#00b9ff; font-size:1.2em;}
.colordarkblue {color:#005d82; font-weight:bold;}
.italicbluemem a {line-height:1em; font-size:0.9em; font-variant:small-caps; color:#00b9ff; text-decoration:underline;letter-spacing: 0.2em;}
.italicbluemem a:visited {color:#00b9ff;}
.italicbluemem a:hover{color:white;}
.address {font-size:1.2em; font-weight:bold;}

.highlight2{font-family:Arial, Helvetica, sans-serif; font-size:3.2em; font-weight:bold;color:#fff; line-height:1em; padding:0 0 20px 0; margin:0; text-align:left; background-color:#a42727; width:250px;  margin-left:20px;  margin-top:25px;}
ul.resources {width:90%; float:left; padding:10%; padding:0;
margin:0; }

li.heading a{list-style-type:none;font-family:Arial, Helvetica, sans-serif; font-size:2.2em; font-weight:bold;color:#fff; line-height:1em; padding:0 0 20px 0; margin:0; text-align:left; }


li.heading a:hover{text-decoration:underline;}
li.heading2 a:hover{text-decoration:underline;}
li.heading2 a {list-style-type:none;font-family:Arial, Helvetica, sans-serif; font-size:2.2em; font-weight:bold;color:#00b9ff; line-height:1em; padding:0 0 20px 0; margin:0; text-align:left; }
p.blue {color:#ade7fd;}
p.red {color:#a42727;}

/*--------------contact map test--------------------------------------------------------*/
 #maphead{margin:20px 0 0 0;background-color:#0092c3; float:left; width:100%; padding-top:5px;  }
 .mapbig {font-size:1.9em; font-family: Arial, Helvetica, sans-serif; color:white; letter-spacing:0.1em; font-weight:bold;padding:0 0 0 10px;}  
 .maptxt{font-size:1.4em;color:white; font-weight:bold; line-height:1.8em; padding:0 0 0 10px;}
#map {width:900px; height:600px;  float:left; margin-top:0; padding:0; text-align:center;}