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


/********** Basics ***********/
* {margin:0;padding:0;}
body { color:#000; background:url(../images/bg.jpg) repeat 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; font-variant: normal; }
.alignLeft {float:left;}
.alignRight {float:right;}
hr {margin:10px 0 25px 0;border:0;border-top:1px solid #ccc;}
a {color:#2650cc;}
a:hover {color:#688cfa;}


/********** Layout ***********/
#wrapper {margin:0 auto;width:995px;}
#container {float:left;width:995px;background:url(../images/bg_container.jpg) repeat 0 0;}

/********** Headings **********/
h1 {margin:0 0 20px 0;color:#06286F;font-size:22px;}
h2 {margin:0 0 20px 0;color:#234A99;text-transform:uppercase;font-size:17px; font-weight:bold !important;}

/*********** Left Column **********/
#leftCol {float:left;width:230px;}
#leftCol #leftTop {float:left;width:200px;height:290px;padding:36px 0 0 30px;background:url(../images/bg_lefttop.jpg) repeat-x 0 0;}
.projectMenu ul{ text-align:center;}
.projectMenu li{ ; line-height:19pt !important; font:bold 12px century gothic, arial; display: inline-block; padding: 0 5px 0 5px; }
.projectsContent table td a img {border:2px solid #2650cc;}

.sideNews {float:left;width:180px;padding:10px 0 0 30px;color:#fff;}
.sideNews img {margin:10px 0;}
.sideNews a {color:#fff;}
.sideNews .datecatText {display:none;}



/*********** Right Column **********/
#rightCol {float:right;width:765px;}
#rightCol p {margin:0 0 25px 0;line-height:14pt;}
#rightCol ul {margin:0 0 30px 15px;line-height:15pt;}
#rightCol .homeText {position:absolute;top:450px;left:180px;height:215px;width:550px;z-index:100;}
#rightCol .homeText h1 {margin:0;}

#slideshowContainer {float:left;position:relative;width:765px;height:726px;background:url(../images/slide_bg.jpg) no-repeat 0 0;}
#slideshowContainer #slideshow {float:left;width:765px;height:726px;overflow:hidden;}

#content {float:left;width:675px;min-height:500px;padding:25px 45px 35px 45px;background:#fff url(../images/watermark.jpg) no-repeat 95% 95%;}
#subnav { text-align:center;}
#subnav ul {margin:0;padding:0;list-style:none;}
#subnav ul li { padding-right:15px; padding-left:15px; display:inline-block; font-weight:bold }
#content img {
    max-width:100%;
    height:auto;
}
.parentNav {float:right;margin-left:20px;}


/********** Footer ***********/
#footerWrap {margin:0 auto;width:995px;}
#footer {float:left;width:995px;padding:40px 0;-webkit-border-bottom-left-radius:15px;-moz-border-radius-bottomleft:15px;border-bottom-left-radius:15px;background:url(../images/bg_footer.jpg) repeat 0 0;}
#footer p {float:left;width:745px;padding:0 0 0 250px;color:#a4c0ef;text-align:center;}
#footer a {color:#fff;}
#btmLinks {float:left;width:100%;padding:40px 0;color:#ccdcef;text-align:center;}
#btmLinks a {color:#ccdcef;}


/********** Messages ***********/
.msg {-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;padding:10px 10px 10px 35px;}
.success {background:url(../images/msg_success.png) no-repeat 10px 50% #d5f6c9;border:1px solid #34f93d;}
.failure {background:url(../images/msg_failure.png) no-repeat 10px 50% #ffa0a0;border:1px solid #f93434;}
.warning {background:url(../images/msg_warning.png) no-repeat 10px 50% #fff1a0;border:1px solid #f9dd34;}


/********** Forms ***********/
fieldset {padding:30px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.form ul {list-style:none;margin:0;padding:0;}
.form li {padding:5px;margin:0;}
.form label {float:left;width:100px;position:relative;top:3px;text-align:right;padding-right:15px;}
.form legend {color:#000;font-weight:bold;}
.signupFieldset {height:240px;}
.captcha {float:left;}
.form input {-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;border:1px solid #999;padding:5px;}
.inputText {width:200px;}
.form img {-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;position:relative;top:-2px;}
.form select {-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;border:1px solid #999;padding:5px;width:300px;}
.form textarea {-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;border:1px solid #999;padding:5px;width:400px;height:120px;}
.form button {-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;border:1px solid #090;padding:5px 20px;background:url(../imagesages/form_button.jpg) repeat-x 0 50% #00cc00;color:#FFF;font-weight:bold;cursor:pointer;}
.form button:hover {border:1px solid #33ff33;background:url(../imagesages/form_button_hover.jpg) repeat-x 0 50% #00cc00;}
div.formErrors {padding:10px;margin:0 0 10px 0;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;display:none;border:1px solid #dede00;background-color:#ffffaa;font-weight:normal;}
div.formErrors h4 {color:#F00;font-weight:normal;font-size:14px;margin:0px;padding:0px;}
div.formErrors ol {padding:10px 0 0 40px;margin:0;}
.formErrors .error {text-align:left;float:none !important;width:100% !important;border:none !important;}
.error {border:2px solid #F00 !important;}
.form .highlight {background:#fffbcd;}
.form .highlight label {background:#f6efa3;text-decoration:underline !important;}
.form .highlight-selected {background-color:#FF0;}


/********** Paging ***********/
.paginate {-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;}
a.paginate {border:1px solid #00ccff;padding:4px 10px;text-decoration:none;}
a.paginate:hover {background-color:#e4f8fd;text-decoration:underline;}
a.current {border:1px solid #62bbe8;padding:4px 10px;cursor:default;background:#89d7ff;color:#FFF;text-decoration:none;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;}
span.inactive {border:1px solid #ccc;padding:4px 10px;color:#999;cursor:default;background-color:#FFFFFF;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;}
.pageContainer {margin:10px 0;padding:10px;}


/********** Blog ***********/
.blogitem { padding:30px 0 10px; border-bottom: 1px dashed #BF9D98;}
.blogitem img {display:none;}
.blogitem h2 {margin:0px;}
.blogitem .date {    color: #999 !important;}
.excerpt {margin:10px 0;}
.excerptThumb {float:left;margin-right:10px;}
.excerptThumb img {border:none;}
.excerptMain {float:left;width:80%;}
.excerptHR {text-align:center;background:none;border:none;border-top:1px dashed #bf9d98;margin-top:10px;margin-bottom:10px;clear:both;}
.excerptTitle {margin:-0px 0 0 0 !important;text-align:left !important;font-weight:lighter;}
.latestExcerpt {margin-bottom:10px;}
.latestExcerpt .excerptThumb {position:relative;top:5px;}
.catLink{color:#666;}
.datecatText {color:#999;}
.blogPaging {border:1px solid #b5c391;background:#f1f8e0;padding:5px;margin-top:10px;}
.blogListDate {clear:both;line-height:20px;}
.blogListDate ul, .blogListCat ul {margin:0 0 10px 10px;}
.blogListCat {line-height:20px;}
.blogListAll {margin-top:15px;margin-bottom:20px;line-height:20px;}
.blogListDate li, .blogListCat li {background:none !important;}


/********** Gallery ***********/
.galPic {border:2px solid #541b07;-moz-box-shadow:2px 2px 3px #999;-webkit-box-shadow:2px 2px 3px #999;box-shadow:2px 2px 3px #999;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;}
.galTable {}
.colPic {padding:10px;}
.colCap {padding:10px;}
.galPaging {border:1px solid #b2a68e;background-color:#cabda2;padding:10px;margin-top:10px;color:#ac996f;text-align:center;}
.galPaging a {color:#7b342e !important;margin-right:5px;border:1px solid #a39a87;padding:3px;background-color:#beb195;}
.galPaging a:last-child {margin-right:0px;}
.galPaging a:hover {border:1px solid #e1d8c0;background-color:#d0c2a5;}
.galPagingCur {margin-right:5px;border:1px solid #e1d8c0;padding:3px;background-color:#d0c2a5;}


/********** Uploads ***********/
.uploadContainer {list-style-type:none;margin:0;padding:0;}
.uploadItem {padding:10px 10px 10px 10px;background-color:#f7f7f7;border:1px solid #ccc;margin-top:10px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;}
.uploadIcon {background:url(../imagesages/icon_download.png) no-repeat 50% 50%;height:50px;display:block;float:left;width:50px;font-size:10px;}
.uploadContent {float:left;width:580px;margin-left:10px;}
.uploadDate {font-size:10px;color:#666;font-style:italic;}
.uploadItem a {display:inline !important;}
.uploadTitle {font-size:18px;}
.attachUploads h2 {font-weight:lighter;font-size:22px;margin:0 0 10px 0;padding:0;color:#9fb22b;}


/********** Navigation ***********/
#nav {float:left;width:200px;margin:20px 0 0 0;}
#nav li {float:left;display:block;clear:both;position:relative;width:100px;padding:0 0 0 50px;margin:0 0 0px 0;clear:both;list-style:none;background:url(../images/menu_bullet.jpg) no-repeat 0 8px; text-transform: uppercase;}  
#nav li a {display:block;padding:0;height:20px;padding:1px 0 0 5px;color:#fff;font-weight:bold;text-decoration:none;}  
#nav li a:hover {color:#fff;}  
#nav ul {z-index:10000;position:absolute;top:20px;left:90px;border:1px solid #567490;display:none;padding:0;list-style:none;}  
#nav ul li {float:left;clear:both;width:180px;background:#0B3589;padding:0;}
#nav ul li a {color:#fff;text-transform:none;z-index:9999} 
#nav ul a {display:block;clear:both;height:auto;padding:5px 5px 7px 10px;border-bottom:1px solid #567490;color:#fff;}  
#nav ul a:hover {text-decoration:underline;}

.menuSection {display:block;padding:0 0 0 54px !important;height:20px;color:#fff;font-weight:bold;text-decoration:none;}  


/*COMPUCAST LOGO CSS start-----------------------------*/
.old-ie {display:none;}
.cc2:hover{fill:rgba(0,0,0,0.4);}

.compucast { position: relative; right: 0px; top: 0px; margin:0 auto; width:58px; height:64px;  color:black;  border-radius:2px; overflow:hidden; transition:0.5s 1.4s;}
.compucast.dark {color:white;}
	.logo1, .logo2, .old-ie {position:absolute; top:50%; right:10px; margin-top: -13px; opacity:1.5; transition:0s}
.compucast:hover , .compucast_hover{width:225px; background:rgba(0, 0, 0, 0.04); box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);-moz-box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);transition:0.3s 0s;}	
.dark:hover { background:rgba(255, 255, 255, 0.12); }
	.compucast p {position:absolute; left:-200px; margin: 0 0 0 10px; line-height: 21px; padding: 11px 0; text-align:left !important; font-family:Arial,"Times New Roman", Times, serif; font-size:12px; color: #808080; opacity:0; transition:0.5s 1.4s;}
	.compucast a {font-size:14px; font-weight:bold; color: #000; text-decoration:none;}
	.compucast:hover p {left:0px; opacity:1; transition:0.4s 0.0s;}
	.compucast.dark:hover p { color: #AFACAC;}
	.compucast.dark a {font-size:14px; color: #fff;}
	
	/*color classes: colored , white and black*/
	.purple {fill:#7F3F98}
	.green {fill:#00A14B}
	.black1 {fill:rgba(0,0,0,1)}
    .black2 {fill:rgba(0,0,0,0.5)}
	.white1 {fill:rgba(255,255,255,1)}
    .white2 {fill:rgba(255,255,255,0.5)}	
/*COMPUCAST LOGO CSS end-------------------------------*/






/* ResponsiveSlides */
.dynamic-headers{ position: relative;left: 0;top: 0;width: 100%;z-index:0; }


.dynamic-headers:after2 {
    content: '';
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 127px;
    bottom: 0;
    opacity: 1;
    transition: opacity .3s ease;
    border: 1em solid rgb(255 255 255 / 90%);
    border-top: none;
}
ul.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
ul.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; 
    height: 50vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.home section.headertop, .home ul.rslides li{height:75vh}

.home ul.rslides li:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    background: linear-gradient(0deg, rgb(255 255 255 / 0%) 10%, rgba(255 255 255 / 100%) 100%);
    right: 0;
    left: 0;
    top:0px;
    height: 50vh;
    opacity: 1;
    transition: opacity .3s ease;
}
.home ul.rslides li div{
    position: absolute;
    z-index: 2;
    top: 45%;
    right: 10%;
    color: #000;
    text-align: right;
    padding-left: 2em;
    font-size: 2em;
    line-height: 1.2em;
	font-weight:900;
	text-shadow: #fff 0px 0px 13px;
}
.home ul.rslides li div b{
	color:#ee2e24;
	font-weight:900;
}
ul.rslides li:first-child { position: relative; display: block; float: left; }
ul.rslides img { display: block; height: auto; float: left; width: 100%; border: 0;height: 100vh;object-fit: cover;object-position: top center;}