body{background-color: #deebf7; margin:0; padding:0;}
.header-top{background-color: #005959;}
.header-menu{ background-color:#048277; margin-top:15px; margin-bottom:10px;}
.sub-head1{margin-top:20px;}
.sub-head{margin-top:5px;}
.logo{float:left; margin-left:20px; margin-top:2px}
.menu{ float: right; margin-right: 0;  margin-top: 34px;}
.menu .nav >li { float: left; position: relative;background:url(../images/header-bar.png) center right no-repeat;}
.navbar .nav > li > a { color: #F7F097; float: none; padding: 10px 15px; text-decoration: none; text-shadow: 0 1px 0 #fff; font-size: 16px; text-align:left;}
.navbar .nav > li > a:hover{color: #960;}

/*slider*/
.slider{background-color: ;}
.span8 {margin-bottom: 10px;}
.animation {margin-bottom: 10px;}
.carousel {margin: 0 20%;}
.carousel-atl {margin: 2% 20%;}
.carousel-caption{width:42%;}
h1{color:#FFF; font-size:36px; text-align:center; }
h2{color:#FEE50F; font-size:24px;}
h3{ line-height:30px;}
/*slider*/

/*liquid carousel*/
.wrapper{ max-height:500px;}
.sac {display:block; width:100%; text-align:right; font-style:italic; margin-bottom:45px; font-size:12px;}
pre, blockquote {-moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px; background-color:#DFE7DD; margin:15px 0; padding:15px;}
pre, code {font-family:monospace; font-size:12px;}
/*liquid carousel*/

/*container*/
.welcome{background-color:#5F6063; margin-top:20px; margin-bottom:20px;}
.welcome .span2 h2{ margin: 16px 0 0 46px;}
.vertical-line{margin: 0 -52px 0 30px; }
.text p{color:#FFF; padding:5px 0; margin-top:10px;}

.left-col{ margin: -10px 0 0;}
.categories{ background-color:#3182bd; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.categories h3{color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:20px; text-align:center; border-bottom:1px solid #666; }
.categories >ul >li >a{color:#000;}
.nav-pills > .active > a, 
.nav-pills > .active > a:hover, 
.nav-pills > .active > a:focus {color:#fff;background-color:#667;}

.recent-tweets{background-color:#5C5D60; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}

.latest-news{ background-color:#3182bd; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.latest-news h3, .popular-news h3, .recent-tweets h3{color:#fff; font-family:Verdana, Geneva, sans-serif; font-size:20px; border-bottom:1px solid #000; }
h4{color:#FFF; text-align:left;}
.post{ border-bottom:1px solid #999; margin:0 0 15px 0;}
.post p{color:#FFF; text-align:justify;}
.admin{ padding-right: 15px; text-align: right;}
.articles{border-left: 1px solid #999; margin: -10px 0 15px; padding-left: 15px;}
.all-articles{margin-top: -15px; padding-bottom: 15px;}

.popular-news{background-color:#5C5D60; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.pnews{  padding: 0 0 5px 40px; text-align: left;}
.pnews p{color:#FFF; }
.pnews-last{padding: 0 0 5px 40px; text-align: left; border-bottom:1px solid #999;}
.pnews-last p{color:#FFF;}
.all-news{ padding-bottom: 15px; }

/*container*/

.model-description{margin-top: 20px;}

.footer{width:100%; background:#06F; border-top:1px solid #9E6822;}
.top-footer{width:90%; background:#06F; margin:0 auto;}
.text{color:#FFF;  margin: -5px 0 15px -10px; width:70% }
.top-footer h3 {font-size: 15px; font-weight:normal; font-stretch:narrower; font-family:"Myriad Pro"; color:#FFF;}

footer{background-color:#5C5D60; margin:15px 0 10px 0px; padding: 15px 0 35px 0;}

/*##############Vertical Social icon##############*/
#fixed-social-icons { background:transparent; width:32px; position:fixed; top:150px; right:58px;}
#fixed-social-icons a { display:block; height:32px; width:32px; }
#fixed-social-icons a.social-twitter { background: url('images/twitter.png') 0 0 no-repeat; }
#fixed-social-icons a.social-google-plus { background: url('images/google-plus.png') 0 0 no-repeat;}
#fixed-social-icons a.social-linkedin { background: url('images/linkedin.png') 0 0 no-repeat;}
#fixed-social-icons a.social-facebook { background: url('images/facebook.png') 0 0 no-repeat;}
/*################################################*/


/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.login{margin-right:115px;}

.menu{ margin-right: 130px;  }
.navbar .nav { width: 132%;}
.carousel-caption{width:100%;}
.welcome .span2 h2{ margin: 16px 0 0 10px;}

#fixed-social-icons {right:0px;}

}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
.login{ display:none;}

.header-menu{ height:315px;}
.menu{ display: block; margin:0;}
.menu .nav >li { display:block; width:100%; background:none;}
.navbar .nav > li > a{text-align:center;}
.navbar .nav > li > a:hover{ display:block; background-color:#000; width:93.3%; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}

.carousel-caption{width:100%;}
.liquid {display:none;}

.welcome .span2 h2{ margin: 16px 0 0 46px;}
.text p{ padding:0 10px;}
.vertical-line{display:none; }



#fixed-social-icons {right:0px; top:315px}

}