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

body {
	margin:0;
	padding:0;
	background:#fff;
	font-size:12px;
	color:#676767;
	font-family:Arial, Helvetica, sans-serif;
}
div, h1, h2, h3, h4, h5, h6, p, ul, li, form {
	margin:0;
	padding:0;
	list-style:none;
}
.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:980px;
	margin:0 auto; position:relative;
}
.header{ float:left; width:100%;}
.header h1{ float:left; position:relative;}
.header h1.logo a{ float: left; width:160px; height:91px; text-indent:-9999px; position:relative; margin:20px 0 15px 0; background:url(../images/logo.png) left no-repeat;}
.topshare{ float:right !important; position:relative; top:10px; right:-80px;}
.header h2{ float:right; width:456px; height:39px; text-indent:-9999px; background:url(../images/h2.png) top right no-repeat; margin:85px 0 0 0;}


.content{ width:100%; float:left;}
.bannerBg{ float:left; width:100%; margin:10px 0 0 0;}
.banner{ padding:3px;}




/*content*/
.contentWrap{ float:left; width:100%; background:url(../images/content.png) top left repeat-y;}
.contentWrap2{ float:left; width:100%; margin:10px 0 0 0; background:url(../images/content2.png) top left repeat-y;}
.sidebar{ float:left; width:290px; margin:0 0 0 7px;}
.sidebar2{ float:right !important; width:290px; margin:0 7px 0 0; }

.sideBox{ /*float:left; z-index:9999; position:absolute; top:194px; right:20px; width:335px; height:327px; background:url(../images/newsbox.png) top left no-repeat;   padding:28px;*/
 background-color: #EEEEEE;
    float: left;
    height: 343px;
    padding: 14px 28px 28px;
    position: absolute;
    right: 3px;
    top: 191px;
    width: 328px;
    z-index: 9999;}
.sideBox .sideRow:last-child { background: none; }
.sideBox h3{ font-family:"myriad Pro"; font-size:20px; font-weight:normal; padding:0 0 6px 0; color:#020202; line-height:26px; background:url(../images/navline.png) bottom left no-repeat;}
.sideBox a{width:100%; font-size:12px; color:#0d61a0; font-weight:bold; padding:0 0 5px 0; float:left; clear:right;}
.sideRow{ float:left; width:100%; margin:8px 0 0 0; padding:0 0 10px 0; background:url(../images/ll.png) bottom left no-repeat;}
.sideRow img{ border:solid 2px #cecccc;}
.news_right{ float:right; width:240px; margin:0 0 0 8px;}
.sideRow p{ color:#000;}
.sideRow img:hover{ border:solid 2px #fff; -webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;}
.sideRow1{ float:left; background:none;}

/*rightContent*/
.rightContent{ float:right; width:705px;}


/*footer*/
.footerWrap{ float:left; width:100%; min-height:180px; margin:10px 0 0 0; background:#f3f6f6 url(../images/ftr.jpg) top left repeat-x;}
.footer{ width:980px; margin:0 auto;}
.ftrRow{ width:200px; float:left; margin:0 88px 0 0; padding:15px 0;}
.ftrRow h2, .ftrRow2 h2{ padding:0 0 7px 0; text-transform:capitalize; background:url(../images/ftrlinwe.png) bottom left repeat-x; color:#0072bb; font-size:20px; font-family:"myriad Pro"; font-weight:normal;}
.ftrRow ul{ list-style:none;}
.ftrRow li{ float:left; display:block; width:100%; margin:5px 0;}
.ftrRow a{ color:#454546; font-size:14px; font-family:"myriad Pro"; text-transform:capitalize; font-weight:normal; line-height:16px;}
.ftrRow 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;}
.sideRow1{ float:left; background:none;}
.ftrRow2{ float:right; width:380px; padding:15px 0; }
.ftrRow2 p{ line-height:22px; font-size:14px; padding:5px 0 0 0; background:url(../images/flogo.png) right no-repeat; color:#454546; font-family:"myriad Pro";}
.ftrcopy{ width:940px; padding:0 20px; margin:0 0 8px 0; height:34px; background:url(../images/fnav.png) bottom no-repeat; font-family:"myriad Pro";  font-weight:normal;}
.ftrcopy h3{ font-weight:normal; line-height:34px; color:#454546;  float:left;}
.ftrcopy h4{ color:#454546; float:right;  font-weight:normal; line-height:34px; font-size:14px; }
.ftrcopy h4 a{ color:#2083c1;  font-weight:normal;}
.ftrcopy h4 a:hover{ text-decoration:underline;}
/*scroll**/

.calendarBoxBg{ float:left; width:302px; height:308px; margin:0 12px 0 0; background:url(../images/box.png) top left no-repeat; position:relative;}
.calendarBoxBg h2, .membersBoxBg h2{ font-family:"myriad Pro"; font-size:20px; color:#fff; font-weight:200; text-align:left; padding:0 0 0 20px; text-transform:uppercase; line-height:42px;}

.membersBoxBg{ float:right; width:351px; height:308px; margin:0 0 0 0; background:url(../images/memBox1.png) top left no-repeat; position:relative;}
.memberrBox{ width:338px; margin:10px 0 0 15px; float:left;}


.icon1{ float:left; width:21px; height:21px; background:url(../images/caL.png) top left no-repeat; position:absolute; text-indent:-9999px; top:10px; right:15px;}
.icon2{ float:left; width:25px; height:27px; background:url(../images/re.png) top left no-repeat; position:absolute; text-indent:-9999px; top:8px; right:15px;}
.icon3{ float:left; width:22px; height:25px; background:url(../images/mem.png) top left no-repeat; position:absolute; text-indent:-9999px; top:8px; right:15px;}

.calendarBox{ width:280px; margin:0px 0 0 3px; float:left;}
.calendarBox2{ width:280px; margin:10px 0 0 3px; float:left;}
.calendarBox a span{ line-height:25px; font-weight:bold; text-align:center; color:#0072bb;}

/*event calendar css*/
#news-container
{
	width: 280px; 
	margin:10px 0 0 7px;
}

#news-container ul li div
{
	width:100%;
}
#news-container ul li div a{ color:#ea7401; font-size:12px; font-weight:bold; line-height:18px; clear:both;}
#news-container ul li div h3{ color:#5d5959; font-size:11px; font-weight:normal; margin:0 0 5px 0; float:left; clear:both; width:100%;}

/*inner pages content must reside below this comment*/
/***css for the inner pages must reside here**/
.
contentWrap{ float:left; width:100%; background:url(../images/content.png) top left repeat-y;}
.contentWrap2{ float:left; width:100%;  background:url(../images/pg.jpg) top left repeat-y;}

.homeTheme{ float:left; width:100%; margin:10px 0 0 0;}
.homeThemeLeft{ float:left; width:225px;  margin:25px 0 25px 0;}
.homeThemeLeft ul{ list-style:none;  float:left; width:220px; }
.homeThemeLeft li{ float:left; display:block; margin:0 0 1px 5px; width:212px; }
.homeThemeLeft a{ line-height:30px; color:#000; font-weight:normal; text-transform:capitalize; width:207px;padding:0 0 0 10px; float:left;  margin:0 0 1px 0;  font-size:14px;  font-family:"Myriad Pro"; border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; opacity:1	;}
.homeThemeLeft li ul{ list-style:none;}
.homeThemeLeft li ul li{ float:left; display:block; }
.homeThemeLeft a:hover, .homeThemeLeft a.active{ color:#fff;  background:#087ad5 ;	
}
.homeThemeLeft li.none{ border:none;}
.homeThemeLeft li ul li{ float:left; display:block;}

.homeThemeLeft li ul li a{ float:left; width:200px; font-size:12px; background:#f4f3f3; color:#000;}
.homeThemeLeft li ul li a:hover{ float:left; width:200px; background:#e6f0f8; color:#000;  border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}


.homeThemeRight2{ float:right; width:99%; margin:10px 0 0 0; padding:0 0 25px 1%;}
.homeThemeRight{ float:right; width:745px; margin:10px 0 0 0; padding:0 0 25px 0;}
.homeThemeRightTop{ float:left; width:100%; height:54px; background:url(../images/title.png) top left no-repeat; margin:10px 0 0 -4px;}
.homeThemeRightTop h3{ font-size:20px; color:#0663a5; font-weight:normal; font-family:"Myriad Pro"; padding:4px 0 0 20px; 	}

.share{ float:right; margin:-20px 0 0 0; width:400px;}
.homeThemeRight p, .homeThemeRight2 p{ font-size:12px; font-weight:normal; line-height:20px; padding:0px 0 15px 0;}
.images{ float:left; margin:0 8px 0px 0; padding:2px; box-shadow:1px 1px 5px #000; -webkit-box-shadow:1px 1px 5px #000; -o-box-shadow:1px 1px 5px #999; -moz-box-shadow:1px 1px 5px #000;}

.newsListing{ float:left; width:100%; border-bottom:solid 1px #f3f2f2; margin:0 0 15px 0; padding:0 0 15px 0; }
.newsListing h2 a{ font-size:16px; color:#0072BB; clear:both; line-height:18px; margin:0 0 15px 0; float:left;}
.newsListing h2 a:hover{ color:#0072BB; font-family:"Myriad Pro"; 	-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; border:solid 2px #a1a1a1; 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;}
.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;}

.downloads{ float:left; width:98%; border-bottom:solid 1px #f3f2f2; margin:0 0 15px 0; padding:1%; }
.downloads h2{ float:left;  width:100%; font-size:16px; color:#006262; clear:both; line-height:18px;}
.downloads h2 a{ font-size:16px; color:#0072BB; clear:both; line-height:18px; margin:0 0 15px 0; float:left;}
.downloads h2 a:hover, .downloads 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;
}
.downloads 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;}
.downloads img{ clear:both; float:left !important; margin:0 0px 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;}
.downloads 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;}
.downloads p{ float:left; font-size:12px; width:70%; }
a.down{ float:right; width:75px; border: solid 1px #086db0; font-weight:normal; color:#fff !important; 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.down: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;}

.newsListing ul{ list-style:none; float:right;}
.newsListing li{ float:right; display:block; padding:0 8px; 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;}
.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 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; color:#; padding:0 15px 0 0;}
.newsListingNo{  padding:0 0 25px 0; float:left;}

ul.pagination{ list-style:none; clear:both; text-align:center; text-align:center; margin:0 auto; padding:10px 0; position:relative; width:300px;}
ul.pagination li{ display: block; margin:0 2px; float:left;}
ul.pagination a{ float:left; padding:5px 8px; float:left; color:#fff; text-shadow:1px 1px #000; background:#a1a1a1; 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:#413f3f ; 	-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;}

.commentBox{ float:left; width:100%;}
.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:55%;
	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{ background:url(../images/title.png) top left no-repeat; padding:4px 0 20px 20px; font-family:"Myriad Pro"; font-weight:normal; font-size:20px; color:#757674; margin:0 0 0 -10px; line-height:35px;}
.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%;}
.imageListing ul{ list-style:none;}
.imageListing li{ float:left; width:150px; padding:5px; border: solid 3px #ccc; display:block; margin:10px 23px 10px 0; border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;

}
.imageListing li.vlist{ float:left; width:220px; padding:5px; border: solid 3px #ccc; display:block; margin:10px 15px 10px 0; border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out; z-index:1;

}
.imageListing li:hover{ border: solid 3px #787978; }
.imageListing a{ display:block; clear:both; text-align:center; float:left;}
.imageListing a img{ clear:both; width:150px; float:left; opacity:0.7; }
.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;
}

.move h2{ font-family:"Myriad Pro"; font-weight:normal; line-height:35px; font-size:20px; color:#0663A5;}

.moveDivLeft{ float:left; width:100%;}
.moveDivLeft h3{ font-family:"Myriad Pro"; font-weight:normal; line-height:30px; font-size:16px; color:#0663A5; margin:0 0 10px 0; border-bottom:solid 1px #f1f2f3; clear: both;}
.moveDivLeft p{ padding:5px 0;}
.moveDivLeft p img{ float:right; width:185px; margin:0 0 5px 10px; border:solid 1px #f1f2f3; padding:1px; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; box-shadow:1px 1px 5px #bfc0c1; -o-box-shadow:1px 1px 5px #bfc0c1; -webkit-box-shadow:1px 1px 5px #bfc0c1; -moz-box-shadow:1px 1px 5px #bfc0c1;}
.moveDivLeft p span{ color:#303234; font-weight:bold;}
.moveDivLeft a:hover{ text-decoration:underline;}
.moveDivLeft p 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; border:solid 1px #ccc; box-shadow:1px 1px 5px #6f6f70; -moz-box-shadow:1px 1px 5px #6f6f70; -o-box-shadow:1px 1px 5px #6f6f70; -webkit-box-shadow:1px 1px 5px #6f6f70;}

.imageBox{ float: left; padding:2px; margin:0 10px 0 0; border:solid 1px #f3f4f4; border:solid 1px #ccc; box-shadow:1px 1px 5px #6f6f70; -moz-box-shadow:1px 1px 5px #6f6f70; -o-box-shadow:1px 1px 5px #6f6f70; -webkit-box-shadow:1px 1px 5px #6f6f70;}
.move{ float:left; margin:0 0 0 12px;}
.new{ float:right; width:100%;}
.new ul{ list-style:none; float:left; width:98%; padding:1%; margin:10px 0; list-style:none; border:solid 1px #f3f4f4; box-shadow:1px 1px 5px #bfc0c1; -o-box-shadow:1px 1px 5px #bfc0c1; -webkit-box-shadow:1px 1px 5px #bfc0c1; -moz-box-shadow:1px 1px 5px #bfc0c1;}
.new li{float:left; display:block; width:98%; padding:0 0 0 1.5%; background:url(../images/bb1.gif) left no-repeat; }
.new ul:hover{ -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 #ccc; box-shadow:1px 1px 5px #6f6f70; -moz-box-shadow:1px 1px 5px #6f6f70; -o-box-shadow:1px 1px 5px #6f6f70; -webkit-box-shadow:1px 1px 5px #6f6f70;}
.more1{color:#0072BB; line-height: 35px;}

/********************fontface************************/
@font-face {
    font-family: 'ComicSansMSRegular';
    src: url('comic-webfont.eot');
    src: url('comic-webfont.eot?#iefix') format('embedded-opentype'),
         url('comic-webfont.woff') format('woff'),
         url('comic-webfont.ttf') format('truetype'),
         url('comic-webfont.svg#ComicSansMSRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}