@charset "utf-8";
/* CSS Document */

body {
    margin:0;
    padding:0;
    background:#fff;
    font-size:12px;
    color:#333;
    font-family:Arial, Helvetica, sans-serif;
}
p{color:#333;;}
div, h1, h2, h3, h4, h5, h6, p, ul, li, form {
    margin:0;
    padding:0;
}
.clr {
    clear:both;
    overflow:hidden;
    height:0;
}
a, img {
    border:none;
    outline:none;
    text-decoration:none; 
}
form {
    margin:0;
    padding:0;
}
.image {
    float:left;
}

.wrapper {
    width:996px; padding:0;
    margin:0 auto; position:relative;
}
.header{ width:966px; margin:0 auto; background:url(../images/headerBg.png) bottom center no-repeat; padding:0 0 20px 0;}
.header h1{ float:left; position:relative; margin:0 0 0 15px;}
.header h1.logo a{ float: left; width:104px; height:104px; text-indent:-9999px; position:relative; padding:0; margin:10px 0 0px 0; background:url(../images/logo.png) left no-repeat;}
.header h2{ float: left; width:614px; height:85px; text-indent:-9999px; position:relative; padding:0; margin:30px 0 0px 40px; background:url(../images/h2.png) left no-repeat;}

.bigBox{ width:1041px; margin:0 auto;}
.boxIn{ width:970px; padding:30px 35px 0 35px; background:url(../images/boxM.png) top left repeat-y; position:relative;}

.navBox{ float:left; width:954px; height:59px; margin:-10px 0 -20px 20px; position:absolute; background:url(../images/nav.png) top left no-repeat; z-index:100; padding:10px 20px;}


/*contentBox*/
.contentBox{ width:996px; margin:0 auto;}
.contentBoxIn{ float:left; width:946px; padding:0 20px 0 30px; background:url(../images/box2M.png) top left repeat-y;}
.contentLeft{ float:left; width:522px; padding:0 0px;}
.contentLeft h2{ font-size:20px; color:#0f83b4; margin:0 0 10px 0; font-weight:normal; font-family: 'Telex', sans-serif;}
.contentLeft h3{ font-size:20px; color:#0f83b4; margin:0 0 10px 0; font-weight:normal; text-transform:uppercase; font-family: 'Telex', sans-serif;}
.contentLeft img{ float:left; margin:0 5px 5px 0;}
.contentLeft p{ font-size:12px; padding:0 5px 15px 5px; color:#333; line-height:17px;}

.pgms{ float:left; width:100%;}
.pgms a, .newsbox a{ font-size:12px; color:#0d61a0; font-weight:bold; }
.pgms img, .newsbox img, .contents img{ float:left; margin:0 8px 3px 0; border:solid 2px #ccc;}
.pgms p, .newsbox p{ font-size:12px; color:#333; line-height:17px; margin:5px 0 0 0; padding:0;}

.contentRight{ float:right; width:395px;  border-left:solid 1px #e9e9e9; padding:0 0 0 17px;}
.contentRightTitle{ float:left; width:395px; height:45px; position:relative; margin:-35px 0 10px 0; background:url(../images/rightTitle.png) top left no-repeat;}
.contentRightTitle h2{ float:left; font-size:17px; color:#fff; font-weight:normal; text-transform:uppercase; font-family: 'Telex', sans-serif; padding:8px 0 0 35px; position:relative;}
.contentRightTitle h2 a{ float:right; position:absolute; top:10px; width:75px; left:285px; color:#fff; font-size:12px; text-align:right; line-height:18px; background:url(../images/mo.png) right no-repeat; padding:0 5px 0 0; text-transform:capitalize;}
.contentRightTitle h2 a:hover{ color:#000; outline:none; }

.newsbox{ float:left; width:100%; margin:0 0 15px 0;}
.move{ margin:15px 0 0 0;}
.members{ float:left; position:relative; margin:0 0 0 4px; padding:10px 0 15px 0;}

.photoGallery{ float:left; width:345px; border-right:solid 1px #e4e4e4; padding:0 18px 0 10px;}
.photoGallery h2, .publications h2, .down h2{ font-size:17px; color:#0885b3; text-transform:uppercase; font-weight:normal; font-family: 'Telex', sans-serif;}

.publications{ float:left; width:330px; padding:0 12px; }

.down{ float:left; width:150px; margin:0 0 0 10px; border-left:solid 1px #e4e4e4; padding:0 0 50px 22px;}
.down a{ float:left; width:150px; height:48px; background:url(../images/downloads.png) top left no-repeat; text-indent:-9999px; margin:35px 0 0 0;}

/*contents for inner pages*/
.contents{ float: left; width:950px; padding:0 10px;}
.contents h2{ font-size:20px; color:#BF4D00; /*color:#0885b3;*/ padding:0; margin:5px 0 20px 0; text-transform:uppercase; font-weight:normal; font-family: 'Telex', sans-serif;}
.contents p{ font-size:13px; color:#333; line-height:18px; padding:0 0 10px 0;}

/**breadcrub**/
ul, li {
    list-style-type:none;
    padding:0;
    margin:0;
}
#crumbs {
    border:1px solid #e4e4e4;
    border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;
    height:32px;
    margin:5px 0 10px 0;
}
#crumbs li {
    float:left;
    line-height:3em;
    padding-left:1em;
    color:#777;
}
#crumbs li a {
    display:block;
    padding:0 15px 0 0;
    font-weight:bold;
    line-height:2em;
    background:url(../images/crumbs.gif) no-repeat right center;
}
#crumbs li a:link, #crumbs li a:visited {
    text-decoration:none;
    color:#777;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;}
#crumbs li a:hover, #crumbs li a:focus, #crumbs li a.active {
    color:#36798F;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;}


.newsListing{ float:left; width:100%; border-bottom:solid 1px #f3f2f2; margin:0 0 10px 0; padding:0 0 1px 0; }
.newsListing h2 a{ font-size:15px; color:#0072BB; text-transform:capitalize; clear:both; line-height:18px; margin:0 0 15px 0; clear:both; float:left; font-family: 'Telex', sans-serif;}
.newsListing h2 a:hover{ color:#0072BB; -webkit-transition: all 0.7s ease-in-out;
                         -moz-transition: all 0.7s ease-in-out;
                         transition: all 0.7s ease-in-out;
}
.newsListing img{ float:left; margin:0 10px 0px 0;  -webkit-transition: all 0.7s ease-in-out;
                  -moz-transition: all 0.7s ease-in-out;
                  transition: all 0.7s ease-in-out;}
.newsListing img:hover{ opacity:0.8; -webkit-transition: all 0.7s ease-in-out;
                        -moz-transition: all 0.7s ease-in-out;
                        transition: all 0.7s ease-in-out;}

.newsListing ul{ list-style:none; float:right; font-size:12px;}
.newsListing li{ float:right; display:block; padding:0 5px; border-right:solid 1px #cac8c8;}
.newsListing a{ color:#0077cc; font-weight:bold; }
.newsListing li.cal{ float:left; padding:0 8px 0 20px; color:#6d6d6d; background:url(../images/cal2.png) left no-repeat; margin:0; }
.newsListing a.comment{ float:left; background:url(../images/comment.png) left no-repeat; padding:0 0 0 20px;}
.newsListing a span{ color:#6d6d6d;}
.newsListing a:hover{ color:#000; 	
                      -webkit-transition: all 0.7s ease-in-out;
                      -moz-transition: all 0.7s ease-in-out;
                      transition: all 0.7s ease-in-out;
}
.newsListing:hover{ background:#fbfbfb; -webkit-transition: all 0.7s ease-in-out;
                    -moz-transition: all 0.7s ease-in-out;
                    transition: all 0.7s ease-in-out;}

.newsListing a.read{ background:url(../images/bb2.gif) right no-repeat; padding:0 10px 0 0;}
.newsListing a.read:hover{ background:url(../images/bb1.gif) right no-repeat; padding:0 10px 0 0;}
.newsListing  li.no{ border:none;}

.newsListing p img:hover{ border-color:#413f3f;}
.newsListing p{ clear:both; font-size:12px;  padding:0 15px 0 0;}
.newsListingNo{  padding:0 0 25px 0; float:left;}

.newsListing ul.abc{ float:right; list-style:none;}

ul.pagination{ list-style:none; clear:both; text-align:center; text-align:center; margin:0 auto; padding:15px 0; position:relative; width:300px;}
ul.pagination li{ display: block; margin:0 2px; float:left; font-size:12px;}
ul.pagination a{ float:left; padding:5px 8px; float:left; color:#fff; text-shadow:1px 1px #000; background:#0a70b7; border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; 	-webkit-transition: all 0.7s ease-in-out;
                 -moz-transition: all 0.7s ease-in-out;
                 transition: all 0.7s ease-in-out;
}
ul.pagination a:hover, ul.pagination a.active, ul.pagination a.current{ color:#eceef3; background:#073f9f ; 	-webkit-transition: all 0.7s ease-in-out;
                                                                        -moz-transition: all 0.7s ease-in-out;
                                                                        transition: all 0.7s ease-in-out;
}

.shiftUp{ width:100%; position:relative; float:left; margin:-15px auto auto 10px;}

.post{ float:left; width:100%; padding:10px 0; }
.post h2{ background:url(../images/title.png) top left no-repeat; padding:7px 0 20px 20px; font-family: 'Telex', sans-serif; font-weight:normal; font-size:20px; color:#757674; margin:0 0 0 -10px;}
.post h3{ font-size:13px; font-weight:bold; padding:15px 0 5px 0; clear:both;}
.post h3 span{ font-size:12px; font-weight:normal; font-style:italic; padding:0 0 0 5px; color:#999;}
.post p{ font-size:12px; font-weight:normal; padding:5px; border:solid 1px #fff; border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px; text-shadow:0 1px #fff; background:url(../images/comments.png) bottom right no-repeat;}
.post p:hover{ background:#f9f8f8 url(../images/comments.png) bottom right no-repeat; border:solid 1px #f1f1f1;}
.pimage{ float:left; width:100%; height:10px; background:url(../images/l.png) bottom left repeat-x;}

.imageListing{ float:left; width:100%; margin:-5px 0 0 0; padding:0;}
.imageListing ul{ list-style:none; margin:0; padding:0;}
.imageListing li{ float:left; width:150px; padding:5px; border: solid 1px #fcfcfc; display:block; margin:10px 23px 10px 0; border-radius:5px 0 5px 0; -webkit-border-radius:5px 0 5px 0; -o-border-radius:5px 0 5px 0; -moz-border-radius:5px 0 5px 0;

}
.imageListing li.vlist{ float:left; width:220px; padding:5px; border: solid 1px #fcfcfc; display:block; margin:10px 15px 10px 0; border-radius:5px 0 5px 0; -webkit-border-radius:5px 0 5px 0; -o-border-radius:5px 0 5px 0; -moz-border-radius:5px 0 5px 0;

}
.imageListing li:hover{  }
.imageListing a{ display:block; clear:both; text-align:center; float:left;}
.imageListing a img{ clear:both; width:150px; float:left; }
.imageListing a img:hover{ clear:both; width:150px;  color:#000;  float:left; opacity:1; -webkit-transition: all 0.7s ease-in-out;
                           -moz-transition: all 0.7s ease-in-out;
                           transition: all 0.7s ease-in-out;}
.imageListing a span{ float:left; font-weight:bold; font-size:13px; width:100%; text-align:center; padding:5px 0; line-height:18px; color:#045b85;}
.imageListing li.vlist a span{ float:left; font-weight:bold; font-size:13px; width:100%; text-align:center; padding:5px 0; line-height:18px; color:#045b85;}

.imageListing a span:hover{ color:#000; 	-webkit-transition: all 0.7s ease-in-out;
                            -moz-transition: all 0.7s ease-in-out;
                            transition: all 0.7s ease-in-out;
}
.commentBox{ float:left; width:100%;}
.commentBox img{ border:none;}
.commentBox h2{ background:url(../images/title.png) top left no-repeat; padding:4px 0 20px 20px; font-weight:normal; font-size:20px; color:#757674; margin:0 0 0 -10px; }
.commentIn{ float:left; width:100%;}
.commentIn form{ margin:0; padding:0;}
.commentIn label{ float:left; width:100%; line-height:22px;}
.commentRow{ float:left; width:100%; margin:5px 0;}
.txtField{ float:left; width:450px;}

.commentIn input[type=text], .commentIn textarea{
    border:1px solid #F7F9FA;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    padding:8px 6px;
    width:90%;
    display:block;
}
.commentIn input[type=text]:focus, .commentIn textarea:focus{
    border:1px solid #03b5e1;
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #0d6db6 inset;
    color:#333;
}

.submit{ float:left; min-width:75px; width:auto; padding:3px 10px; cursor:pointer; border:solid 1px #416503; border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; color:#fff !important; line-height:18px; text-shadow:1px 1px #395902; 
         background: #086DB0; /* Old browsers */
}
.submit:hover{background: #000; /* Old browsers */
              -webkit-transition: all 0.7s ease-in-out;
              -moz-transition: all 0.7s ease-in-out;
              transition: all 0.7s ease-in-out;
}
.captcha{ float:left; margin:0 0 0 !important; clear:both; padding:0 !important;}

.post{ float:left; width:100%; padding:10px 0; }
.post h2{  padding:0px 0 5px 0px; font-family: 'Telex', sans-serif; font-weight:normal; font-size:18px; color:#757674;}
.post h3{ font-size:13px; font-weight:bold; padding:0px 0 5px 0; clear:both;}
.post h3 span{ font-size:12px; font-weight:normal; font-style:italic; padding:0 0 0 5px; color:#999;}
.post p{ font-size:12px; font-weight:normal; padding:5px; border:solid 1px #fff; border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px; text-shadow:0 1px #fff; background:url(../images/comments.png) bottom right no-repeat;}
.post p:hover{ background:#f9f8f8 url(../images/comments.png) bottom right no-repeat; border:solid 1px #f1f1f1;}
.pimage{ float:left; width:100%; height:10px; background:url(../images/l.png) bottom left repeat-x;}

.imageGal{ float:left; width:100%; margin: 0; padding:0;}
.imageGal ul{ list-style:none; margin:-1px 0 0 0}
.imageGal li{ float:left; display:block; margin:0 12px;}
.imageGal a{ float:left; display:block; width:auto;}

.contents form{ margin:0; padding:0;}
.contents label{ float:left; width:150px; line-height:22px;}
.contents input{ float:left; width:250px; border:solid 1px #ccc; padding:5px; border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px;}
.contents textarea{ float:left; width:340px; border:solid 1px #ccc; padding:5px; border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px;}
.comrow{ float:left; width:100%; margin:5px 0;}
.submit{ float:left; padding:5px; color:#fff;  cursor:pointer; width:75px !important; font-size:13px; text-align:center; border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px;}
.contents input:hover, .contents textarea:hover, .contents input:focus, .contents textarea:focus{ border-color:#999;}

.membersBox{ float:left; width:100%; border-bottom:solid 1px #ebeced; margin:0 0 5px -10px; padding:1%; border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; }
.membersImg{ float:left; margin:0 10px 0 0; padding:0;}
.membersRight{ float:left; width:60%;}
.membersRight h2, .membersRight h2 a{ font-size:16px; color:#0885B3; font-family: 'Telex', sans-serif; margin:0; padding:0 0 3px 0 ;}
.membersRight h3{ font-size:12px; padding:2px 0; clear:both; color:#666;}
.membersRight h3 a{ color:#2685CC;}
.membersRight h3 a:hover{ text-decoration:underline; color:#096dac;}

.membersBox:hover{ background:#f8f9f9; webkit-transition: all 0.7s ease-in-out;
                   -moz-transition: all 0.7s ease-in-out;
                   transition: all 0.7s ease-in-out;}
.homeThemeRight{ float:right; width:100%; margin:10px 0 0 0; padding:0 0 25px 0; position:relative;}
.homeThemeRightTop{ float:left; width:100%; height:35px;  background:url(../images/arrowb2.png) bottom left no-repeat ; position:relative;}
.homeThemeRightTop h3{ font-size:20px; color:#0663a5; font-weight:normal; font-family:"Myriad Pro"; padding:0px 0 2px 0px;  border-bottom:solid 2px #0663a5;	}

.downloads2{ float:left; width:98%; border-bottom:solid 1px #f3f2f2; margin:0 0 15px 0; padding:1%; }
.downloads2 h2{ float:left;  width:100%; font-size:16px; color:#006262; clear:both; line-height:18px;}
.downloads2 h2 a{ font-size:16px; color:#0072BB; clear:both; line-height:18px; margin:0 0 15px 0; float:left;}
.downloads2 h2 a:hover, .downloads2 h3 a:hover{ color:#413f3f; 	-webkit-transition: all 0.7s ease-in-out;
                                                -moz-transition: all 0.7s ease-in-out;
                                                transition: all 0.7s ease-in-out;
}
.downloads2 h3 a{ font-size:13px; color:#006262; clear:both; line-height:18px; margin:0 0 15px 0; float:left; clear:right; width:100%; text-align:left;}
.downloads2 img{ clear:both; float:left !important; margin:0 10px 0px 0; padding:1px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; opacity:1; -webkit-transition: all 0.7s ease-in-out;
                 -moz-transition: all 0.7s ease-in-out;
                 transition: all 0.7s ease-in-out;}
.downloads2 img:hover{ opacity:0.8; -webkit-transition: all 0.7s ease-in-out;
                       -moz-transition: all 0.7s ease-in-out;
                       transition: all 0.7s ease-in-out;}
.downloads2 p{ float:left; font-size:12px; width:70%; }
a.down2{ float:right; font-size:12px; width:75px; border: solid 1px #086db0; color:#fff; text-align:center; line-height:25px; margin:5px 10px 0 0;
         background: #086db0; /* Old browsers */
         -webkit-transition: all 0.7s ease-in-out;
         -moz-transition: all 0.7s ease-in-out;
         transition: all 0.7s ease-in-out;
         border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px;
}
a.down2:hover{background: #000; /* Old browsers */
              -webkit-transition: all 0.7s ease-in-out;
              -moz-transition: all 0.7s ease-in-out;
              transition: all 0.7s ease-in-out;
              border:solid 1px #000;
}
.downloadchange, .downloads:hover{ 	-webkit-transition: all 0.7s ease-in-out;
                                    -moz-transition: all 0.7s ease-in-out;
                                    transition: all 0.7s ease-in-out;
                                    background:#f7f7f7 !important; width:98%; border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px;}



/*footer*/
.footerWrap{ float:left; width:100%;  margin:20px 0 30px 0; border-top:solid 2px #ececec;}
.footer{ width:996px; margin:0 auto; position:relative; font-family: 'Telex', sans-serif;}
.footerLeft{ float:left; width:830px;}
.footerLeft ul{ list-style:none; padding:0 ; margin:15px  0 0 -20px;}
.footerLeft li{ float:left; padding:0 15px 5px 15px; display:block;}
.footerLeft a{ color:#6d6a6a; font-family: 'Telex', sans-serif; font-size:13px; text-transform:uppercase; }
.footerLeft p, .footerRight p{ text-align:left; color:#6d6a6a; line-height:28px; font-size:12px; clear:both; float:left; width:100%;}
.footerLeft p a{ text-transform:none; color:#2685cc;}
.footerRight{ float:right;}
.footerRight a{ border:none;}

/*Following css must be used for dynamic contents
.freestyle{ float:left; width:100%;}
.freestyle h1, h2, h3, h4, h5, h6, p, ul, li, ol, dt, dl, td, tr, th, span, a{ line-height:normal; margin:0; padding:0; color:#000;}
.freestyle h1{ font-size:20px;}
.freestyle h2{ font-size:18px;}
.freestyle h3{ font-size:15px;}
.freestyle h4{ font-size:13px;}
.freestyle h5{ font-size:11px;}
.freestyle h6{ font-size:9px;}
.freestyle p{ font-size:12px;}
.freestyle ul{ list-style:decimal;}
.freestyle ol{ list-style:disc;}
.freestyle li{ float:left; display:block;}
.freestyle a{ color:#0d61a0;}
.freestyle a:hover{ text-decoration:underline; color:#0885b3;}
*********************css and div for the editor part**************************/
.editorcss{ float:left; width:100%;}
.editorcss ul{ list-style:disc !important; margin:0; padding:0 0 0 20px; float:left; width:90%; color:#333; }
.editorcss ul li{ float:left; width:100%; border:none; padding:0; list-style:disc !important;color:#333;}

.editorcss ol{ list-style:decimal !important; margin:0; padding:0 0 0 20px;  float:left; width:100%;color:#333;}
.editorcss ol li{ float:left; width:100%; margin:0; padding:0; border:none; list-style:decimal !important;color:#333;}
.editorcss p{ font-size:12px; line-height:17px;}
.editorcss p strong{padding-bottom:10px!important; float:left; clear:both; width:100%;}
.editorcss div{ margin:0; padding:0;}
.editorcss img {
    border:none;
    outline:none;
    margin:5px;
    border: solid 1px #ccc;
    float:left;
}
.editorcss a { color:#0481a0;}
.block {
    float: left;
    width: 32%;
    margin-bottom: 16px;
    margin-top: 16px;
}

.block p{line-height: 22px; font-size: 12px; color: #A8A8A8; font-weight: bold;}
.block p a{color: #A8A8A8;}