body {
	margin: 0;
	padding: 0;

	}
img{
border:none;
}


.scrollbar
{
	/* margin-left: 30px; */
	float: left;
	height: 300px;
	width: 100%;
	background: none;
	overflow-y: scroll;
	margin-bottom: 25px;
	overflow-x: hidden;
}

.force-overflow
{
	min-height: 450px;
}

#wrapper
{
	text-align: justify;
	width: 98%;
	margin: auto;
}



/*
 *  STYLE 1
 */

#style-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
	padding-left:20px;
}

#style-1::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
	border-radius: 10px;
	padding-left:20px;
}

#style-1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
	padding-left:20px;
}

.highslide-container{
 z-index:99999 !important;   
    
}

.more a{
 color:#00adee  ; 
    
}
.more a:hover{
 color:silver  ; 
    
}
img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

img.grayscale:hover {
    filter: none;
    -webkit-filter: grayscale(0%);
}

svg {
    background:url(http://4.bp.blogspot.com/-IzPWLqY4gJ0/T01CPzNb1KI/AAAAAAAACgA/_8uyj68QhFE/s400/a2cf7051-5952-4b39-aca3-4481976cb242.jpg);
}

svg image {
    transition: all .6s ease;
}

svg image:hover {
    opacity: 0;
}

.highslide-container{
z-index:99999 !important;
}

#grad1 {
    /* height: 200px; */
    background: -webkit-linear-gradient(white, #F0F0F0 ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #F0F0F0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #F0F0F0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #F0F0F0); /* Standard syntax (must be last) */
}

.breadcrumb {
    padding: 8px 15px;
    margin: 0 0 20px;
    list-style: none;
    /* background-color: #f5f5f5; */
	background-color:none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	width: 93%;
	margin: auto;
	margin-bottom: 20px;
}
.breadcrumb > li {
    display: inline-block;
	font-weight: bold; 
    *display: inline;
    /* IE7 inline-block hack */
font-size: 12px;
    *zoom: 1;
    text-shadow: 0 1px 0 #ffffff;
}
.breadcrumb > li > .divider {
    padding: 0 5px;
    color: #ccc;
	font-weight: bold; 
}
.breadcrumb > .active {
    color: #999999;
	font-weight: bold; 
}

.wrapper {
	<!-- width:500px; -->
	margin:20px auto;
	margin-top: 20px;
}
.demof {
border: 1px solid #ccc;
margin: 25px 0;
}
.demof ul {
padding: 0;
list-style: none;
}
.demof li {
padding: 20px;
border-bottom: 1px dashed #ccc;
}
.demof li.odd {
background: #fafafa;
}
.demof li:after {
content: '';
display: block;
clear: both;
}
.demof img {
float: left;
width: 77px;
margin: 5px 15px 0 0;
}
.demof a {
font-size: 14px;
font-weight: bold;
}
.demof p {
margin: 15px 0 0;
font-size: 12px;
/* width:180px; */
<!-- float:right; -->
}
.demo3 {
font-family: Arial, sans-serif;
border: 1px solid #C20;
margin: 50px 0;
font-style: italic;
position: relative;
padding: 0 0 0 80px;
box-shadow: 0 2px 5px -3px #000;
border-radius: 3px;
}
.demo3:before {
content: "Latest News";
display: inline-block;
font-style: normal;
background: #C20;
padding: 10px;
color: #FFF;
font-weight: bold;
position: absolute;
top: 0;
left: 0;
}
.demo3:after {
content: '';
display: block;
top: 0;
left: 80px;
background: linear-gradient(#FFF, rgba(255, 255, 255, 0));
height: 20px;
}
.demo3 ul li {
list-style: none;
padding: 10px 0;
}
.demo5 {
border: 2px solid #fcb040;
margin-top: 10px;
border-radius: 10px;
width: 500px;
-webkit-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
}
.demo5 ul {
padding: 0;
}
.demo5 ul li {
padding: 10px 10px 10px 10px;
border-bottom: 1px solid #fcb040;
border-radius: 10px;
list-type: none;
margin: 0;
}
.et-run {
background-color: #0cf;
color: white;
border: 1px solid black;
}

<!----------------------Form------------------------>

/* ---------- GENERAL ---------- */

* {
  box-sizing: border-box;

  &:before,
  &:after {
    box-sizing: border-box;
  }
  
}



input {
  background-image: none;
  border: none;
  font: 100%/1.5em "Varela Round", sans-serif;
  margin: 0;
  padding: 0;
  transition: all .3s;
}



.foot a{
color:white !important;
}
.foot a:hover{
color:#716658 !important;
min-width:0 !important;
}

/*----------------------------------News---------------------------------->*/
#jquery-script-menu {
position: fixed;
height: 90px;
width: 100%;
top: 0;
left: 0;
border-top: 5px solid #316594;
background: #fff;
-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
z-index: 999999;
padding: 10px 0;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

.jquery-script-center {
width: 960px;
margin: 0 auto;
}
.jquery-script-center ul {
width: 212px;
float:left;
line-height:45px;
margin:0;
padding:0;
list-style:none;
}
.jquery-script-center a {
	text-decoration:none;
}
.jquery-script-ads {
width: 728px;
height:90px;
float:right;
}
.jquery-script-clear {
clear:both;
height:0;
}

#grad1 {
    /* height: 200px; */
    background: -webkit-linear-gradient(white, #F0F0F0 ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #F0F0F0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #F0F0F0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #F0F0F0); /* Standard syntax (must be last) */
}

.lists {
		list-style: none;
		padding:0;
		margin:0;
		padding-left:10px !important;
		padding-right:10px !important;
		border:1px solid silver;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		padding-bottom: 10px;
}

.lists li { 
    text-indent: -.7em;
	padding:10px !important;
}

.lists li:before {
    content: "* ";
    color: #00adee; /* or whatever color you prefer */
}


.list_anchor a{
color:#666666 !important;
font-weight:inherit !important;
}

.list_anchor a:hover{
color:#fcb040 !important;
}
.article{
text-align: justify;
direction: ltr;
line-height: 35px;
padding: 10px 10px 10px 0;
font-size: 18px;

}

.paragraph p {
width:100%;
}

.demof2{
width:300px;
height: 369px !important;
border: 2px solid #fcb040;
margin-top: 10px;
border-radius: 10px;
;-webkit-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.3);
text-align:center;
}
.latest p {
width:180px;
}

a:focus{
outline:transparent !important;
}
a:hover{
outline:transparent !important;
}

.paddingTop {
padding-top:90px !important;
}

.imgDesc{
position:absolute;
right:80px;
bottom:130px;
font-size:45px;
font-weight:bold;
color:white;
font-family: 'Trebuchet MS';

}
.title{
font-size:30px;
color:#00adee;
margin-bottom:10px;

}
.content{
color:#797a7c;
font-size:25px;
line-height:35px;
direction:ltr;
text-align:justify;
}
.footer{
color:white;
background:#00adee;
height:70px;
width:100%;

}
.footer2{
color:#797a7c;
background:white;
height:70px;
width:100%;
text-align:center;
font-size:20px;
padding-top: 20px;

}
.small_logo{
background-image:url('/themes/publication_1/theme_1/images/small_logo.png') !important;
background-repeat:no-repeat !important;
background-position:3.5% !important;

}
.footer_anchor a{
color:white !important;
font-size:16px !important;
line-height: 3.3em !important;
}
.footer_anchor a:hover{
color:black !important;
background:transparent !important;
}

.more a {
color:#00adee;
font-size:14px;
float:right;
}
.more a:hover {
color:black !important;
}
.more_list a{
color:#00adee !important;
}
.more_list a:hover{
color:black !important;
}

