﻿h1
{
    font-family: 'Days One', sans-serif;
    font-size:24px;
    margin-left:10px;
    color:#660000;
    border-bottom:2px dashed #660000;
    text-shadow: 2px 2px #D0D0D0 ;
    padding-bottom: 10px;
}
h2
{
    font-family: 'Days One', sans-serif;
    font-size:18px;
    color:#660000;
    border-bottom:1px dotted #660000;
    text-shadow: 2px 2px #D0D0D0 ;
    padding-bottom: 10px;
}

.welcome
{
    width:99%;
    position:relative;
    margin:1.8em 0;
    padding:10px 0;
    background-color:#E6E6DC;
    border:1px solid #888888;
    
}
.welcome p
{
font-size: 1.25em;
line-height: 1.5em;
margin: 1.8em 0;
padding:10px;
text-align:justify;
}

.upcoming
{
    width:100%;
    position:relative;
    display: block;
    padding:15px;
    margin:2px;
    
}
.upcoming p
{
    font-size: 1.25em;
    line-height: 1.5em;
    margin: 1.5em 0;
    text-align: justify;
}



.imgr
{
    float:right; 
    width:300px; 
    margin:0 10px 10px 10px;
    color:#8e0400; 
    background-color:#F1F0FF;
    border:1px dashed #EAA83A;
    padding:5px;
    text-align:center; 
    font-size:1em; 
    font-weight:bold;
    line-height:1em;
    box-shadow: 6px 6px 3px #888888;
}
.cbox
{
    width:99%;
    position:relative;
    margin:1.2em 0;
    padding:5px 0;   
    font-size:1.0em;
}
.cbox h3
{
    font-family: 'Days One', sans-serif;
    font-size:1.2em;
    font-weight:normal;
    margin-top:0;
    color:#660000;
    padding-bottom: 0;
}
.imgl
{
    float:left; 
    width:150px; 
    margin:0 10px 10px 10px;
    color:#8e0400; 
    background-color:#F1F0FF;
    border:1px dashed #EAA83A;
    padding:2px;
    text-align:center; 
    font-size:1em; 
    font-weight:bold;
    line-height:1em;
    box-shadow: 4px 4px 2px #888888;
}

.imgc
{
    
    text-align:right; 
}

.cbox ul {
padding: 0px 15px 15px 0;
overflow: hidden;
padding:6px;

}
.cbox ul li{
padding: 0px 15px 15px 0;
overflow: hidden;
padding:6px;
text-align:center; 
font-size:1.2em; 
line-height:1.5em;
text-align:justify;
border-bottom:1px dashed #660000;
display:block;
height:140px;}

.marquee {
  width: 100%;
  overflow: hidden;
   
}

.ver {
  height:220px;
  width: 100%;
  border-bottom:1px solid #EB7F17;
}

#list2 { width:98%; }
#list2 ol li span { font-size:16px; color:#004891; display: block;}
#list2 ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
    display: block;
}
#list2 ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    font-size:14px;
    line-height:1.5em;
    text-align:justify;

    }
#list2 ol > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    color:#fff;
    background:url('../images/Yellow-Circle.png')no-repeat left top;
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
}
#list2 li ol,
#list2 li ul {margin-top:6px;}
#list2 ol ol li:last-child {margin-bottom:0;}

/* Read More CSS cOde ---- Start ------------- */
.readmore{ 
background:#EB7F17; 
text-align:right; 
cursor:pointer; 
color:#fff; 
margin:5px 0; 
float:right; 
border-top:none; 
padding:5px; 
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
font:bold 11px sans-serif; 
} 
.readmore:hover{ 
background:#FFB93C; 
} 
.readmore a { 
color:#fff; 
text-decoration:none; 
}
.readmore a:hover { 
color:#fff; 
text-decoration:none; 
}
/* Read More CSS cOde ---- End ------------- */
.readmore1{ 
background:#EB7F17; 
text-align:right; 
cursor:pointer; 
color:#fff; 
margin:5px 0; 
float:left; 
border-top:none; 
padding:5px; 
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
font:bold 11px sans-serif; 
} 
.readmore1:hover{ 
background:#FFB93C; 
} 
.readmore1 a { 
color:#fff; 
text-decoration:none; 
}
.readmore1 a:hover { 
color:#fff; 
text-decoration:none; 
}
/* Read More CSS cOde ---- Start ------------- */
.readmore { 
background:#EB7F17; 
text-align:right; 
cursor:pointer; 
color:#fff; 
margin:5px 0; 
float:right; 
border-top:none; 
padding:5px; 
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
font:bold 11px sans-serif; 
} 
.readmore:hover{ 
background:#FFB93C; 
} 
.readmore a { 
color:#fff; 
text-decoration:none; 
}
.readmore a:hover { 
color:#fff; 
text-decoration:none; 
}

.rm { 
text-align:right;
    background:url('../images/readmore.png')no-repeat right;
cursor:pointer; 
margin:5px 0; 
float:right; 
border-top:none; 
padding:5px; 
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
font:bold 11px sans-serif; 
padding-right:30px;
} 
.rm:hover{ 
color:#10558e; 
text-decoration:none; 
; 
} 
.rm a { 
color:#cc0000; 

text-decoration:none; 
}

.rm1 { 
text-align:left;
    background:url('../images/readmore.png')no-repeat right;
cursor:pointer; 
margin:5px 0; 
float:left; 
border-top:none; 
padding:5px; 
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
font:bold 11px sans-serif; 
padding-right:30px;
} 
.rm1:hover{ 
color:#10558e; 
text-decoration:none; 
; 
} 
.rm1 a { 
color:#cc0000; 

text-decoration:none; 
}

/* Read More CSS cOde ---- End ------------- */
.menur {
	width: 99%;
	margin: 10px 0 0 0 ;
	border:1px solid #999;
	
}

.menur h3
{
    font-family: 'Days One', sans-serif;
    font-size:1.2em;
    font-weight:normal;
    margin-top:0;
    color:#660000;
    background:url('../images/bg_menur.jpg') repeat-x;
    padding:10px 3px 10px 3px;
    
}
.menur li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
}	
	
.menur li a:link, .menu1 li a:visited {
	color: #000;
	display: block;
	border-bottom:1px dotted #999;
	padding: 8px 0 0 10px;
    width: 238px;
}
	
.menur li a:hover {
	
	background-color:#999;
	color: #FFF;
	border-bottom:1px dotted #fff;
	padding: 8px 0 0 10px;
}
.menur ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


/* change......050515*/

.example2 {
 height: 50px;	
 overflow: hidden;
 position: relative;
}
.example2 h3 {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(-100%);
 -webkit-transform:translateX(-100%);	
 transform:translateX(-100%);
 /* Apply animation to this element */	
 -moz-animation: example2 15s linear infinite;
 -webkit-animation: example2 15s linear infinite;
 animation: example2 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example2 {
 0%   { -moz-transform: translateX(-100%); }
 100% { -moz-transform: translateX(100%); }
}
@-webkit-keyframes example2 {
 0%   { -webkit-transform: translateX(-100%); }
 100% { -webkit-transform: translateX(100%); }
}
@keyframes example2 {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}