body
{
	
	 
}
.Table
{
	line-height:30px;
	font-family: Garamond;
	font-size:15px;
	font-weight:bold;
}
#header  
{
	height:30px; 
	background-color:#d5dbdb ; 
	white-space:nowrap; 
	margin:0px 0px 0px 0px;
	width:100%;
}
.ralines
{
	 background-color:#FFF ;
	 width:80%;
     height:auto;
   
   margin-bottom:100px;
     font-family:Garamond; 
     font-size:17px; 
     color:#000000;
     font-weight:normal; 
     line-height:20px; 
     vertical-align:middle;
     border:solid 1px #000;
     -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	 -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	 box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	 border-radius: 10px; 
	 
    behavior: url(images/PIE.htc);
}

.menuline{ width:100%; height:33px; margin:0px; float:left; margin-top:1px; }
.allmenus{width:20%; height:25; margin:3px; padding:3px 3px 3px 25px; float:left; font-family:Garamond; font-size:15px; color:#121f30; font-weight:bold; line-height:20px;}
          
  .menubutton{ width:90%; height:35px; float:left; font-family:Garamond; font-size:15px; color:#000; font-weight:bold; 
              line-height:35px;  background-repeat:no-repeat;
               background-position:180px 10px; padding-left:10px; border:0px solid #cbcdcd;
                background-color:#fec10d; text-decoration:none; margin-bottom:4px;  -moz-border-radius: 5px;    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;    border-radius: 5px; 	behavior: url(images/PIE.htc);	position:relative; 	z-index:1000;
	top: 0px;
	left: 0px;
}

.menubutton:hover{background-color:#D74B46;}
.MainContent
{
	widows:85%;
	border-top:solid 1px #F78181;
    border-bottom:solid 1px #F78181;
    border-left:solid 1px #F78181;
    border-right:solid 1px #F78181;
    margin-left:60px;
    margin-right:60px;
    height:inherit;
    margin-bottom:30px;
}
   
   .button{ width:80px; height:35px; float:none; font-family:Garamond; font-size:15px; color:#000; font-weight:bold; 
              line-height:35px;  background-repeat:no-repeat;
               background-position:180px 10px; padding-left:10px; border:0px solid #cbcdcd;
                background-color:#fec10d; text-decoration:none; margin-bottom:4px;  -moz-border-radius: 5px;    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;    border-radius: 5px; 	behavior: url(images/PIE.htc);	position:relative; 	z-index:1000;
	top: 0px;
	left: 1px;
}     


#divLogin
{
	margin:150px 450px 250px 350px;
	background-color:#C15151; 
	white-space:nowrap; 
	text-align:center;
	vertical-align:middle;
} 

.btnLoginstyle
{
	border-radius:10px;
background-color :#9e9eff;
	border-width:1px;
	border-style:none;
	border-color:#D1492C;
	height:34px;
	width:115px;
	color:Black;
	font-weight:bold;	
}

	.ajax__calendar_container 
   { 
   	z-index : 1000 ;
   
   	}
   	
   	.cal_Theme1 .ajax__calendar_container   {
background-color: #ffffff;
border:solid 1px #F78181;
}

.cal_Theme1 .ajax__calendar_header  {
background-color: #ffffff;
margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev    {
color: #004080;
padding-top:0px;
}

.cal_Theme1 .ajax__calendar_body    {
background-color: #ffffff;
border: solid 1px #F78181;
}

.cal_Theme1 .ajax__calendar_dayname {
text-align:center;
font-weight:bold;
margin-bottom: 4px;
margin-top: 2px;
color: #004080;
}

.cal_Theme1 .ajax__calendar_day {
color: #004080;
text-align:center;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active  {
color: #004080;
font-weight: bold;
background-color: #DEF1F4;
}

.cal_Theme1 .ajax__calendar_today   {
font-weight:bold;
}

.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
color: #bbbbbb;
}

.Heading
{
	line-height:30px;
	 background-color:#ffffcc;
	font-size:16px;
	font-weight:bold;
	color:#C15151;
	 
}

	/*.TFtable
{
	width:99.9%;
		 margin:0px 5px 0px 0px;
		border-collapse:collapse; 
	}
	.TFtable td{ 
		padding:5px; border:#000 1px solid;
	}
	/* provide some minimal visual accomodation for IE8 and below */
	/*	.TFtable tr{
		/*background: #ffffcc; */
	/*	}
	/*  Define the background color for all the ODD background rows  */
	/*	.TFtable tr:nth-child(odd){ 
		/* background: #ffffcc; */
		/*}
	/*  Define the background color for all the EVEN background rows  */
		/*.TFtable tr:nth-child(even){
		/* background: #ffd6cc; }*/
	
	
	
	.RoundHeading
	{
		 width:100%;
		 height:70px;     
		 margin:0px;    
		 font-family:Garamond; 
		 font-size:30px; 
		 color:#fff;
		 font-weight: bold; 
	    
		 border-radius: 10px; 
		 behavior: url(images/PIE.htc);	     	
		 z-index:1000;
		
		 background-color:#890f01;
		 
 		 vertical-align:middle;
 		  
        
	}
	.ROundLogo
	{
		width:18%;
		height:70px;
		border-radius: 10px; 
		 border:solid 1px #000;
		behavior: url(images/PIE.htc);	
		position:relative; 	
		background-image:url(Images/SFCLogo.png);
}


.RoundHeading2
	{
		 width:100%;
		 height:70px;     
		 margin:0px;    
		 font-family:Garamond; 
		 font-size:30px; 
		 color:#fff;
		 font-weight: bold; 
	    
		 border-radius: 10px; 
		 behavior: url(images/PIE.htc);	     	
		 z-index:1000;
		
		 
		 background:url('Images/Background-Pattern.jpg');
 		 vertical-align:middle;
 		  
        
	}
	.RoundFooter
	{
		 width:99%;
		 height:20px;     
		 margin:0px;   
		 float:right; 
		 font-family:Garamond; 
		 font-size:12px; 
		 color:White;
		    
		 border-radius: 10px; 
		 behavior: url(images/PIE.htc);	     	
		 z-index:1000;		 
		 background:url('Images/Background-Pattern.jpg');
 		vertical-align:top;
 		 position: fixed;
	     bottom: 0px;
        
	}
.ralines2
{
	width:89%;
     height:auto;
    margin:10px 1px 10px 54px;
}
.SubHeadingRound
{
	width:50px;
	height:10px;
 
	 color:#FFF;
    behavior: url(images/PIE.htc);	
    background-image:url(Images/Round5.png);
    background-position: center top;
    background-size: 100% auto;
}
.Headerpart
{
	 height:40px; 
	background-color:#fff ; 
	white-space:nowrap; 
	margin:0px 0px 0px 0px;
	width:100%;
	vertical-align:middle;
}


.RoundSelectButton
{
	 width:220px;
	 height:140px;     
     margin:0px;    
     font-family:Garamond; 
     font-size:23px; 
     color:#fff;
     font-weight: bold; 
    
     border-radius: 10px; 
     behavior: url(images/PIE.htc);	     	
     z-index:1000;
	
	 background-color:#890f01;
 	 vertical-align:middle;
 	 transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button {
  border-radius: 4px;
  background-color: #f4511e;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 350px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.RoundSelectButton span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.RoundSelectButton span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.RoundSelectButton:hover span {
  padding-right: 25px;
}

.RoundSelectButton:hover span:after {
  opacity: 1;
  right: 0;
}




.btn-1 {
   width:300px;
	 height:80px;     
     margin:0px;    
     font-family:Garamond; 
     font-size:23px; 
     color:#FDC300;
     font-weight: bold; 
    overflow-wrap: break-word;
     border-radius: 10px; 
     behavior: url(images/PIE.htc);	     	
     z-index:1000;
	
	 
 	 vertical-align:middle;
 	 transition: all 0.5s;
  cursor: pointer;
  margin: 5px;	
  white-space: normal;
  background-image:url(Images/BgColour.png);
    background-position: center top;
    background-size: 100% auto;
}
.btn-1 svg {
  height: 45px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.btn-1 rect {
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-dasharray: 422, 0;
}

.btn-1:hover {
  background: #FDC300;
  font-weight: 900;
  letter-spacing: 1px;
  color:#890f01;
}
.btn-1:hover rect {
  stroke-width: 5;
  stroke-dasharray: 15, 310;
  stroke-dashoffset: 48;
  -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}


.Menubtn-1 {
   width:187px;
	 height:40px;     
     margin:0px;    
     font-family:Garamond; 
     font-size:15px; 
     color:#890f01;
     font-weight: bold; 
    
     border-radius: 10px; 
     behavior: url(images/PIE.htc);	     	
     z-index:1000;
	
	 background-color:#FDC300;
 	 vertical-align:middle;
 	 transition: all 0.5s;
  cursor: pointer;
  margin: 5px;	
}
.Menubtn-1 svg {
  height: 30px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.Menubtn-1 rect {
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-dasharray: 422, 0;
}

.Menubtn-1:hover {
  background: #890f01;
  font-weight: 900;
  letter-spacing: 1px;
  color:#FDC300;
}
.Menubtn-1:hover rect {
  stroke-width: 5;
  stroke-dasharray: 15, 310;
  stroke-dashoffset: 48;
  -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}


.MenuDiv
{ 
	 width:100%;
     height:auto;   
     font-family:Garamond;     
     vertical-align:inherit; 
     float:none
}











.homediv1
{
	width:100%;
	margin:50px 50px 50px 0px;
	height:auto;
	 
}

.btnExample {
  color: #900;
  background: #FDC300;
  font-weight: bold;
  float:right;
  border: 1px solid #900;
}
 
.btnExample:hover {
  color: #FFF;
  background: #900;
}

.AutoExtender {
  color: #900;
  background: #FDC300;
  font-weight: bold;
  float:right;
  border: 1px solid #900;
  padding:0px;
   margin:0px;
}

	/*.textbox2 {
	background-image:url(Images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	width: 400px;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:1px;
	font-family:Garamond;
	font-size:17px;
}

.textbox3 {
	background-image:url(Images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	width: 250px;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:1px;
	font-family:Garamond;
	height:30px;
}
.textbox4 {
	background-image:url(Images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	width: 70px;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:1px;
	font-family:Garamond;
}

.textbox5 {
	background-image:url(Images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	width: 700px;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:1px;
	font-family:Garamond;
	height:50px
} 	*/
.SearchTextbox {
	background-image:url(Images/Search.ico);
	background-repeat:no-repeat;
	border:1px solid #d1c7ac;
	width: 400px;
	color:#333333;
	padding:0px;
	margin-right:4px;
	margin-bottom:1px;
	font-family:Garamond;
	font-size:17px;
	height:30px;
}

.textbox2 {
	background-image:url(Images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	width: 500px;
	color:#333333;
	padding:0px;
	margin-right:4px;
	margin-bottom:1px;
	font-family:Garamond;
	font-size:17px;
	height:30px;
}

.textbox3 {
	background-image:url(Images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	width: 250px;
	color:#333333;
	padding:0px;
	margin-right:4px;
	margin-bottom:1px;
	font-family:Garamond;
	height:30px;
	font-size:15px;
}
.textbox4 {
	background-image:url(Images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	width: 70px;
	color:#333333;
	padding:0px;
	margin-right:4px;
	margin-bottom:1px;
	font-family:Garamond;
	font-size:15px;
	height:30px;
}

.textbox5 {
	background-image:url(Images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	width: 700px;
	color:#333333;
	padding:0px;
	margin-right:4px;
	margin-bottom:1px;
	font-family:Garamond;
	height:50px;
	font-size:15px;
}
.textbox6 {
	background-image:url(Images/form_bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #d1c7ac;
	width: 500px;
	color:#333333;
	padding:0px;
	margin-right:4px;
	margin-bottom:1px;
	font-family:Garamond;
	height:50px;
	font-size:15px;
}
.TFtable
{
	width:99.9%;
		 margin:0px 0px 0px 0px;
		border-collapse:collapse; 
	}
	.TFtable td{ 
		padding-left:3px; border:#000 1px solid;
	}
	/* provide some minimal visual accomodation for IE8 and below */
	.TFtable tr{
		/*background: #ffffcc; */
	}
	/*  Define the background color for all the ODD background rows  */
	.TFtable tr:nth-child(odd){ 
		/* background: #ffffcc; */
	}
	/*  Define the background color for all the EVEN background rows  */
	.TFtable tr:nth-child(even){
		/* background: #ffd6cc; */
	}


 
     
  .Savebutton {
   border-top: 1px solid #141617;
   background: #8a0f01;
   background: -webkit-gradient(linear, left top, left bottom, from(#8a0f01), to(#8a0f01));
   background: -webkit-linear-gradient(top, #8a0f01, #8a0f01);
   background: -moz-linear-gradient(top, #8a0f01, #8a0f01);
   background: -ms-linear-gradient(top, #8a0f01, #8a0f01);
   background: -o-linear-gradient(top, #8a0f01, #8a0f01);
   padding: 6.5px 13px;
   -webkit-border-radius: 19px;
   -moz-border-radius: 19px;
   border-radius: 19px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #f2f2e1;
   font-size: 22px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.Savebutton:hover {
   border-top-color: #fdc200;
   background: #fdc200;
   color: #080108;
   }
.Savebutton:active {
   border-top-color: #870e01;
   background: #870e01;
   }
   
   
   .Initial
{
  display: block;
  padding: 4px 18px 4px 18px;
  float: left;
  background: #890f01;
  color: #FDC300;
  font-weight: bold;
  font-size:15px;
  width:150px;
    border-radius: 10px; 
     behavior: url(images/PIE.htc);	 
   
    margin-top:5px; 
     white-space: normal;
      background-image:url(Images/BgColour.png);
    background-position: center top;
    background-size: 100% auto;
     
}
.Initial:hover
{
  color: #FFF;   	
  z-index:1000;	
  background-color :#FDC300;
  font-size:15px;
	    font-weight: bold;
	    padding: 4px 18px 4px 18px;
	    width:150px;
	      border-radius: 10px; 
     behavior: url(images/PIE.htc);	    
	   margin-top:5px;  
	     white-space: normal;  
}
.Clicked
{
  float: left;
  display: block;
   color: #890f01;     	
     z-index:1000;	
	 background-color:#FDC300;
	  font-size:15px; 
	   font-weight: bold;
	   padding: 4px 18px 4px 18px;
	   width:150px;
	     border-radius: 10px; 
     behavior: url(images/PIE.htc);	   
       margin-top:5px;  
         white-space: normal;
}
  .divRoundBoxPOP{ width:650px; height:inherit;   float:left;  margin-bottom:5px;  padding:5px 10px 10px 10px; 
	               border-radius: 10px ;  font-variant: normal;	 text-transform: none;  color: #2e3e3a ; 	  font-weight:normal; 
	               font-family:Garamond;font-size:18px;
 line-height:35px;	 	  text-decoration:none;   text-align:right; background-color: #fff   ;  margin-left:10px;
 text-align:center; border:solid 1px #000;
   }     
   
   .ButtonSmall	
{
	border-radius:10px;
background:url(images/tab.gif) no-repeat 0 0;
	border-width:1px;
	border-style:none;
	border-color:#D1492C;
	height:34px;
	width:115px;
	color:Black;
	font-weight:bold;	
}


.emboss {
    color: #edc300;
    text-shadow: -1px -1px 1px #000, 1px 1px 1px #000000;
}
.emboss h2 {
    opacity: 0.5;
}

   @media only screen and (min-width:768px) and (max-width:999px) {
 
   .textbox2 {	 
	width: 400px;	 
	padding:3px;
	margin-right:4px;
	margin-bottom:1px;
	font-family:Garamond;
	font-size:14px;
	}

	.textbox3 {	 
	width: 200px;
	font-family:Garamond;
	height:30px;
	font-size:11px;
	}
	.textbox4 { 
	width: 40px;
	color:#333333;
	font-family:Garamond;
	font-size:11px;
	}
	.textbox5 { 
	width: 500px;
	height:50px;
	color:#333333;
	font-family:Garamond;
	font-size:11px;
	}
	.TFtable td{ 	padding:3px; }

.SubHeadingRound{ background-size: 100% auto;}
.ralines{line-height:11px;font-size:14px;}

 .divRoundBoxPOP{ width:550px;font-size:25px;}
 
 .btn-1 {
   width:250px;
	 height:80px;     
     margin:0px;    
   
     font-size:15px; 

  margin: 1px;	
  white-space: normal;
}
 
 
 }
 
  
 
 
 @media(min-width:500px) and (max-width:767px) {
 .textbox2 {	 width: 400px;font-family:Garamond;	font-size:14px;	}

	.textbox3 {	width: 100px;	font-family:Garamond;height:40px;font-size:12px;	}
	.textbox4 { width: 50px;color:#333333;font-family:Garamond;font-size:12px;}
 .TFtable td{ 		padding:2px; 
	}
	.SubHeadingRound{ background-size: 100% auto;}
	.ralines{line-height:11px;font-size:14px;}
	.textbox5 { 
	width: 350px;
	color:#333333;
	font-family:Garamond;
	font-size:11px;
	height:70px;
	}
	 .divRoundBoxPOP{ width:550px;font-size:25px;}
	 .btn-1 {
   width:200px;
	 height:80px;     
     margin:0px;    
   
     font-size:15px; 

  margin: 1px;	
  white-space: normal;
}
 }
 
  @media(min-width:350px) and (max-width:499px) {
  
 .textbox2 {	 
	width: 200px;	 
	padding:3px;
	margin-right:4px;
	margin-bottom:1px;
	font-family:Garamond;
	font-size:12px;
	height:30px;
	}

	.textbox3 {	 
	width: 50px;	 
	padding:3px;
	margin-right:4px;
	margin-bottom:1px;
	font-family:Garamond;
	height:30px;
	font-size:10px;
	}
	.textbox4 { 
	width: 35px;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:1px;
	font-family:Garamond;
	font-size:10px;
	}
 .SubHeadingRound{ background-size: 100% auto;}
 .ralines{line-height:10px;font-size:17px;}
 .TFtable td{ 		padding-top:2px; 
	}
	
	.textbox5 {width: 180px;color:#333333;	font-family:Garamond;	font-size:11px;	height:100px;}
	 .divRoundBoxPOP{ width:650px;font-size:28px;}
	 .btn-1 {width:150px;height:80px; margin:0px;font-size:13px;margin: 1px;white-space: normal;}
  }
 
 
  @media(min-width:250px) and (max-width:349px) {
  .textbox2 {	 
	width: 100px;	
	height:50px; 
	padding:3px;
	margin-right:4px;
	margin-bottom:1px;
	font-family:Garamond;
	font-size:17px;
	}

	.textbox3 {	 
	width: 200px;	 
	padding:3px;
	margin-right:4px;
	margin-bottom:1px;
	font-family:Garamond;
	height:30px;
	}
	.textbox4 { 
	width: 100px;
	color:#333333;
	padding:3px;
	margin-right:4px;
	margin-bottom:1px;
	font-family:Garamond;
	}
  .SubHeadingRound{ background-size: 100% auto;}
  .ralines{line-height:10px;font-size:13px;}
.textbox5 { 
	width: 1px;
	color:#333333;
	font-family:Garamond;
	font-size:11px;
	}
	
	 .divRoundBoxPOP{ width:650px;font-size:28px;}
	 .btn-1 {
     width:200px;
	 height:80px;     
     margin:0px;       
     font-size:20px; 
	 margin: 1px;	
     white-space: normal;
	
  }