/* Enter your CSS3 Styles Here */
.sm-item-box .topmargin {  
 margin-top:2px !important;
}
.menuItemName {
font-family:arial,helvetica,sans-serif !important;
font-size:14px !important;
line-height:normal !important;
}
#TopMenuDiv #topMenuTable tr td SPAN {  
	margin-left:7px;
	margin-right:7px;	
}
.selectedanchor {
	background:#3698d9;
}

#TopMenuDiv .TopMenuOn {
	background:#3698d9; 
} 

#TopMenuDiv .TopMenuOver {
	background:#3698d9;  
}

.anylinkcss ul li:hover {
	background:#3698d9;
}

.anylinkcss ul li:hover a {  
	background:#3698d9; 
}  

h1 { font-family: 'Arima Madurai';  font-size:36px; color:purple; font-weight:normal; }

#eventpage h2 {
font-weight:normal;
text-align:center;
font-size: 28px; 
font-family: 'Arima Madurai',arial,helvetica,sans-serif;
color:purple;
}

.LgHeadiTxt { font-family: 'Arima Madurai';  font-size:21px; color:green;}


.img-circle {
    border-radius: 50%;
}

.shadow {
     box-shadow: -7px -5px 10px #000000;
 }


a.thisGroupOfLinks {color:#000000 !important;}

a.thisGroupOfLinks:hover {color:#ffffff !important;}


/* FOR ROUNDED RED BUTTONS : USE  LIKE: <a class="aRoundButton">  */
a.aRoundButton {
    color: #3698d9 !important;
    border: 2px solid #3698d9;
    font-weight: normal;
    letter-spacing: 1px;
    transition: all 0.3s ease-out;
    background-color: transparent;
    box-sizing: border-box;
    border-radius: 30px;
-moz-border-radius:30px;
    font-size: 14px;
    padding: 10px 20px;
text-decoration:none !important;
}
a.aRoundButton:hover {
  background-color: #3698d9;
  color:#FFFFFF !important;
}
/* END RED BUTTON CODE */