@charset "utf-8";
body {
	font-family:Arial, serif;
	font-size:13px;
	 margin:0 auto;
	 
	
}
* {

	float: none;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
#wraper
{
width: 70%;
margin-top: -2%;
height: 600px; 	  
background: linear-gradient(to bottom, rgba(243,226,199,34) 0%, rgba(193,158,103,1) 0%, rgba(233,212,179,1) 100%);
background: -moz-linear-gradient(top, rgba(243,226,199,34) 0%, rgba(193,158,103,1) 0%, rgba(233,212,179,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(243,226,199,34)), color-stop(0%, rgba(193,158,103,1)), color-stop(100%, rgba(233,212,179,34)));
background: -webkit-linear-gradient(top, rgba(243,226,199,34) 0%, rgba(193,158,103,1) 0%, rgba(233,212,179,1) 100%);
background: -o-linear-gradient(top, rgba(243,226,199,34) 0%, rgba(193,158,103,1) 0%, rgba(233,212,179,1) 100%);
background: -ms-linear-gradient(top, rgba(243,226,199,34) 0%, rgba(193,158,103,1) 0%, rgba(233,212,179,1) 100%);
background: linear-gradient(to bottom, rgba(243,226,199,34) 0%, rgba(193,158,103,1) 0%, rgba(233,212,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3', GradientType=0 );
}
#top
{
width: 100%; 
height: 150px; 
margin: 0% 0% auto;
float:none;
}
#leftlogo
{
width: 16%;  
float:left;
margin:0.5% 7% auto;
background: white;
}
#mid
{
	width: 25%;
	height: 10%;
	background-color:##0099F0;
	float:left;
	margin-top: 7%;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left:15%
}

#rightlogo
{
width: 18%; 
height: 12%; 
margin:0.5% 6% auto;
float:right;
}
#name
{
width: 98%; 
height: auto; 
margin: 0% 1% auto;
float:left;
}
#title
{
width: 98%; 
height: auto; 
margin: 0% 1% auto;
float:left;
}
#menu
{
width: 100%; 
height: auto; 
margin: 1% 0% auto;
float:left;

}
#block
{
width: 95%; 
height: auto;  
padding-top: 0.5%;
    padding-bottom: 5%;
    padding-right: 2%;
    padding-left: 2%;
border:5px solid  #000000;
margin:0.2% auto;
float:left;
background: linear-gradient(to bottom, rgba(243,226,199,34) 0%, rgba(193,158,103,1) 0%, rgba(233,212,179,1) 100%);
background: -moz-linear-gradient(top, rgba(243,226,199,34) 0%, rgba(193,158,103,1) 0%, rgba(233,212,179,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(243,226,199,34)), color-stop(0%, rgba(193,158,103,1)), color-stop(100%, rgba(233,212,179,34)));
background: -webkit-linear-gradient(top, rgba(243,226,199,34) 0%, rgba(193,158,103,1) 0%, rgba(233,212,179,1) 100%);
background: -o-linear-gradient(top, rgba(243,226,199,34) 0%, rgba(193,158,103,1) 0%, rgba(233,212,179,1) 100%);
background: -ms-linear-gradient(top, rgba(243,226,199,34) 0%, rgba(193,158,103,1) 0%, rgba(233,212,179,1) 100%);
background: linear-gradient(to bottom, rgba(243,226,199,34) 0%, rgba(193,158,103,1) 0%, rgba(233,212,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e2c7', endColorstr='#e9d4b3', GradientType=0 );
}


#sblock
{
width: 22%; 
height: 130px; 
float:left;
border-radius:20px;
margin-left: 12%;
margin-right: 12%;
margin-bottom:5%;
padding:45px 10px 0 10px;;
background-image: linear-gradient(to bottom, #94763B 0%, #568C7E 100%);
background-image: -o-linear-gradient(bottom, #94763B 0%, #568C7E 100%);
background-image: -moz-linear-gradient(bottom, #94763B 0%, #568C7E 100%);
background-image: -webkit-linear-gradient(bottom, #94763B 0%, #568C7E 100%);
background-image: -ms-linear-gradient(bottom, #94763B 0%, #568C7E 100%);
background-image: linear-gradient(to bottom, #94763B 0%, #568C7E 100%);
}
#schedule
{
width: 75%; 
height: auto; 
float:left;
border-radius:20px;
margin:0.5% 15% auto;
padding:5px 10px 0 10px;;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #94763B),
	color-stop(1, #568C7E)
);
background-image: -o-linear-gradient(bottom, #94763B 0%, #568C7E 100%);
background-image: -moz-linear-gradient(bottom, #94763B 0%, #568C7E 100%);
background-image: -webkit-linear-gradient(bottom, #94763B 0%, #568C7E 100%);
background-image: -ms-linear-gradient(bottom, #94763B 0%, #568C7E 100%);
background-image: linear-gradient(to bottom, #94763B 0%, #568C7E 100%);
}
#menu2
{
width: 100%; 
height: auto; 
background-color:#003366;

float:left;
margin:0% auto;
}
.marquee {position:relative;
     overflow:hidden;
     width:170px;
     height:25px;
     border:solid white 1px;
	 background-color:#CCCCCC;
	 font-size:13px;
     }
.marquee span {white-space:nowrap;}


#theme
{
width: 75%; 
height: auto; 
float:left;
border-radius:20px;
margin:0.5% 15% auto;
padding:5px 10px 0 10px;;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #94763B),
	color-stop(1, #568C7E)
);
background-image: -o-linear-gradient(bottom, #94763B 0%, #568C7E 100%);
background-image: -moz-linear-gradient(bottom, #94763B 0%, #568C7E 100%);
background-image: -webkit-linear-gradient(bottom, #94763B 0%, #568C7E 100%);
background-image: -ms-linear-gradient(bottom, #94763B 0%, #568C7E 100%);
background-image: linear-gradient(to bottom, #94763B 0%, #568C7E 100%);
}

#past
{
width: 75%; 
height: auto; 
float:left;
border-radius:20px;
margin:0.5% 12% auto;
padding:5px 10px 0 10px;;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #94763B),
	color-stop(1, #568C7E)
);
background-image: -o-linear-gradient(bottom, #94763B 0%, #568C7E 100%);
background-image: -moz-linear-gradient(bottom, #94763B 0%, #568C7E 100%);
background-image: -webkit-linear-gradient(bottom, #94763B 0%, #568C7E 100%);
background-image: -ms-linear-gradient(bottom, #94763B 0%, #568C7E 100%);
background-image: linear-gradient(to bottom, #94763B 0%, #568C7E 100%);
}

#regis
{
width: 95%; 
height: 80%;  
padding:2%;
margin:0.2% auto;
float:left;

}

#circle {
    width: 28%;
    height: 60%;
    -webkit-border-radius:  50%;
    -moz-border-radius: 50%;
    border-radius:  50%;
	background-color:#330000;
	margin-top:19%;
	margin-left:-4%;
	float:none;
	
}