body
        {
            margin-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            background: url(main_bg2.gif) #ffffff top left repeat-x;
			/*background: url(../images/Occasion/mainpage-bg.jpg) top center no-repeat; background-size: 100%;*/
            font-family: verdana;
            font-size: 12px; color:#333333;
        }
.topnav {
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration:none
}
.topnav:hover {
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	text-decoration:none
}
.mainborder {
	border: 1px solid #c7cccc;
}
.border2 {
	border: 1px solid #d9d9d9;
}
.textfiled {
	border: 1px solid #FFFFFF;
	width:200px;
	height:20px;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.body-txt {
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #00454d;
	line-height:18px;
	text-decoration: none;
}
.headline {
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}
#footer {
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
	background: #ba3104 !important;
	border-top: solid 1px #f85e27;
}
.footer {
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
}
.footer a{
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	color: #FFF; text-decoration:none;
}
.footer a:hover{
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal; text-decoration:none;
	color: #d69c87;
}
.textarea1 {
	border: 1px solid #FFFFFF;
	width:200px;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.menubgleft {background:url(lrft_cnr2.gif) no-repeat left top; width:15px; height:41px;}
.menubgright {background:url(right_cnr2.gif) no-repeat left top; width:15px; height:41px;}
.menubg{background:url(nav_bg2.gif) repeat-x left top; height:41px;}
.sap {background:url(sap2.gif) repeat-x left top; height:41px; width:2px;}
.padright {padding-right:16px;}
.margleft {margin-left:15px;}
.maintxt {font-family: arial;
	font-size: 13px; font-weight: normal; color: #666666;}
	/*.button 
{
text-transform:uppercase;font-size:10px; height:26px; padding:0 6px; line-height:24px; color:#fff;
 background-color: #000000;
  	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#666666', EndColorStr='#000000')";
	color: white;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #dfdfdf;
	behavior: url(PIE.htc); background-image: -moz-linear-gradient(top, #666666, #000000);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, #000000));
}
*/

.studentlg {display: block; width: 281px; height: 62px;	background: url(student_login.gif) bottom; text-indent: -99999px;}
.studentlg:hover { background-position: 0 0; cursor:hand; cursor: pointer;}

.teacherlogin {display: block; width: 281px; height: 62px;	background: url(teacherlogin.gif) bottom; text-indent: -99999px;}
.teacherlogin:hover { background-position: 0 0; cursor:hand; cursor: pointer;}

.adminlogin {display: block; width: 281px; height: 62px;	background: url(adminlogin.gif) bottom; text-indent: -99999px;}
.adminlogin:hover { background-position: 0 0; cursor:hand; cursor: pointer;}

/*===== NEW CSS =====*/
.topheader{ margin-bottom: 1px; overflow:hidden; width:100%; background:url(../img/header_bg-y.jpg) repeat-x #2281b0; height:84px;}
#profile_info{background:url(../img/header_signinBg-yellow.png) no-repeat top center;width:255px;height:66px;padding:4px;float:right;
              margin-top:30px;font-size:12px;color:#fff;line-height:14px;}
              
#top_menu{ background: #ba3104; width:960px; height:35px;}
#top_menu > ul > li {border-right:1px solid #d93a06; border-left:1px solid #7d1f00;}              
#top_menu > ul {margin:0px;padding:0px;list-style:none;font-size:12px; z-index: 9999;}
#top_menu > ul > li{float:left;display:block; border-right:1px solid #d93a06; border-left:1px solid #7d1f00;}
#top_menu ul li:first-child { border-left:none;}
#top_menu ul li:last-child { border-right:none;}
#top_menu ul li a {text-decoration:none; color:#fff;display:block; padding:13px 15px 10px 12px; }
#top_menu ul li a:hover{background-color:#c63907;}
top_menu ul li span { padding:12px 15px 10px 12px  !important;}

.gridHeaderRow .gridrowTitle h3 { color:#28500e !important;}
#fancybox-wrap { background: #9cba69;}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	border-right: none; border-left: none;
}
.sf-menu ul li {
	width: 100%;
	
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
	
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.8em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
	
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
	
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
	
}
/*** DEMO SKIN ***/
.sf-menu {
color:#ffffff;
	float: left;
	margin-bottom:	1em;
}
.sf-menu a {color:#ffffff;
	padding: .75em 1em;
	text-decoration:none;
	
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#ffffff;
	border-left:none;
}
.sf-menu li {
border:none;
}
.sf-menu li li {
 color: #ffffff;
 background-color:#de3f07; border-bottom:1px solid #bf3504;
}
.sf-menu li:hover {
	background-color:#de3f07;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
 outline:		0;

}



/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	3.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	border-left:none;
	border-right:none;
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			3px;
	top:			1.2em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em; 
	overflow:		hidden;
	background:		url('arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			1.05em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.html') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {background: transparent;}

select.dropdown   
{
    
     -webkit-appearance: none;     
     -moz-appearance: none;    
     margin-top: 4px;
     background: #a72d03 url(icon/arrow.png) no-repeat;         
     background-position: 62px 5px;                 
     width: 77px;
     padding-left:5px;
     height: 26px;
     border: solid 1px #ed4005;
     color: #FFF;
     font-size:11px;
     float:right;
    line-height: inherit;
}
.ico_dash { color: #5a3510;}
#smbody{ font-size:12px;font-family: Arial, Helvetica, sans-serif;color:#000;
          background:url(../img/bg.png) fixed  no-repeat bottom center #4e4e4e;
         line-height:16px; position:relative;
         background-size:100%;
         }
.cd-top { background: rgba(2553, 219, 159, 0.8) url(../css/backtotopArrow.png)no-repeat center 50%;}
.no-touch .cd-top:hover { background-color: #ba3104;}
#dashboard-quicklinks .q-header {background:#a6621e;}
.w-box-green .w-box-header {background: #a6621e;}
.ico_dash h2 { color: #5a3510;}
.uiTable th { background: #b08c50 !important;}
.gridHeaderRow .gridrowTitle h3 { color:#5a3510 !important;}
.wrapper-dropdown-3 i.menuicon { background: #ba3104 !important; border-color:#e13c04;}
.wrapper-dropdown-3 .dropdown { background: #ba3104 !important; border-color:#e13c04;}
.wrapper-dropdown-3 .dropdown div {border-color:#7b2102;}
.wrapper-dropdown-3 .dropdown li a { border-color:#7b2102;}
.wrapper-dropdown-3 .dropdown li a.active { background: #a72d03 !important;}
.wrapper-dropdown-3 .studentIcon { background: #a72d03 !important;}
.wrapper-dropdown-3 .dropdown::before {border-color: rgba(88,147,125,0.1) transparent;}
.wrapper-dropdown-3 .dropdown::after { border-color: #ba3104 transparent;}
#fancybox-wrap { background: #d49730;}
.calluson-box {background: #8d6a3f;  border-color: #735633 transparent;}
.calluson-box .callusTitle { border-color: #b68c5a transparent;}
.helpToolsBox {background: #8d6a3f;}
.helpToolsBox h4 {background: #8c5717;}
.helpToolsBox .tool:hover {background: #8c5717;}
.helpToolsBox .tool { border-color: #b68c5a transparent;}
.nav-tabs > li > a {background: #8c5717;}
.nav-tabs > li > a:hover {color:#4b7e6b;}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {border-color: #8c5717 #8c5717 #fff; color: #ba3104;}
.tabbable-bordered .nav-tabs > li.active { border-color: #8c5717;}
.tabbable-bordered .nav-tabs > li > a { color:#FFF;}
.tabbable-bordered .nav-tabs > li a:hover { color:#8c5717;}
.tabbable-bordered .nav-tabs > li.active > a { color:#8c5717;}