@charset "utf-8";
body
{
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
}
ul,ol,li
{
	list-style-type:none;
	margin:0px;
	padding:0px;
	display:block;
}
h1,h2,h3,h4,h5,h6
{
	margin:0px;
	padding:0px;
}
#wrapper {
	width: 100%;
	margin: 0px auto;
}
img
{
	max-width:100%;
}
.section {
	margin: 0px;
	padding: 0px;
	clear:both;
}
.group:before, .group:after
{
	content:"";
	display:table;
}
.group:after
{
	clear:both;
}
.group
{
	zoom:1;
}
.col
{
	display:block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child
{
	margin-left:0%;
}
.container
{
	width:1000px;
	margin:0px auto;
	position:relative;	
}
.span_10
{
	width:8.4%;
}
.span_20
{
	width:18.4%;
}
.span_25
{
	width:23.4%;
}
.span_30
{
	width:28.4%;
}
.span_33
{
	width:31.4%;
}
.span_40
{
	width:38.4%;
}
.span_45
{
	width:43.4%;
}
.span_50
{
	width:48.4%;
}
.span_60
{
	width:58.4%;
}
.span_70
{
	width:68.4%;
}
.span_75
{
	width:73.4%;
}
.span_80
{
	width:78.4%;
}
.span_90
{
	width:88.4%;
}
.span_100
{
	width:100%;
}
.row
{
	width:100%
}
#mymenu
{
	background-color:#d6c9f1;
	border-radius:10px;
}
#mymenu ul li {
	display: block;
	float: left;
}
#mymenu ul li a
{
	color:#6633cc;
	text-decoration: none;
	display:block;
	padding:10px;
}
#mymenu ul li:hover
{
	background-color:#6633cc;
}
#mymenu ul li:hover a
{
	color:#FFF;
}

#purple {
	background-color:#63C;
}
#logo
{
	color:#FFF;
	margin:20px 0px;
}
#social
{
	text-align:center;
}
#social img
{
	margin:15px 10px;
}
.ulli ul li a
{
	text-decoration:none;
	color:#333;
	font-size:14px;
	border-bottom: 1px #a7a7a7 solid;
	padding:2px 0px;
}
.ulli ul li a:hover
{
	color:#63C;
}
.ulli h4
{
	color:#63C;
	margin:10px 0px;
	text-align:left;
}
.ulli ul li
{
	margin:5px 0px;
}
.listbg
{
}
.headingtag
{
	text-align:center;
}
.headingtag h4
{
	color:#63C;
	margin:10px 0px;
	text-align:center;
}
.headingtag h4 a
{
	color:#63C;
	text-decoration:none;
	font-size:16px;
	border-bottom:2px solid #6633cc;	
}
.headingtag h4 a:hover
{
	color:#63C;
	text-decoration:underline;
}
.headingtag .span_33 a
{
	color:#6633cc;
}
.ad1
{
	text-align:center;
}
.ad2
{
	text-align:center;
}
.ad3
{
	text-align:center;
}
.ad4
{
	text-align:center;
}
.catlist
{
	text-align:left;
}
.catlist ul li
{
	text-align:left;
	margin:5px 0px;
	background-color: #6633cc;
    padding: 10px;
}
#content h4 a
{
	color:#63C;
	font-size:16px;
	text-decoration:none;
	border-bottom: 2px #6633cc solid;
}
#content h4 a:hover
{
	color:#63C;
}
.headingtag a
{
	text-decoration:none;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	top:0;
	vertical-align:top;
}
.headingtag a:hover
{
	text-decoration:underline;
}
.headingtag img
{
	margin-left:auto;
	margin-right:auto;
}
.footer-winx
{
	display:none;
}
.footer a
{
	text-decoration:none;
}
.footer a:hover
{
	text-decoration:underline;
}
.button
{
	margin:15px 0px;
}
.button a
{
	background-color:#6633cc;
	color:#FFF;
	text-decoration:none;
	margin:10px 20px;
	padding:10px 20px;
	border-radius:5px;
}
.button a:hover
{
	background-color:#6633cc;
	color:#FFF;
	text-decoration:underline;
}
.numbers
{
}
.numbers a
{
	background-color:#6633cc;
	color:#FFF;
	text-decoration:none;
	padding:5px 9px;
	border-radius:5px;
}
.numbers a:hover
{
	text-decoration:underline;
	background-color:#FFF;
	color:#6633cc;
	padding:5px 8px;
	border:solid 1px #6633cc;
}
.digit
{
	float:left;
	margin:8px 4px;
}
#foot
{
	background-color:#6633cc;
	color:#FFF;
	font-size:12px;
	padding:5px 0px;
}
#foot a
{
	color:#FFF;
}
#foot a:hover
{
	text-decoration:underline;
}
#pages
{
	color:#6633cc;
}
#statusnumber
{
	color:#6633cc;
	text-align:left;
}
#status
{
	text-align:left;
	margin-bottom:20px;
}
#status h5 a
{
	color:#249e1e;
}
.ads
{
	text-align:center;
}
.hide
{
	display:none;
}
.span_5050
{
	width:48.4%;
}
.span_2020
{
	width:48.4%;
}
.span_2020 ul li
{
	display:none;
}
.span_2020 h4
{
	display:none;
}
@media only screen and (max-width:1024px)
{
	.col
	{
		margin: 1% 0%;	
		float:left;
	}
	
	.container
	{
		width:100%;
		margin:0px auto;
		position:relative;
	}
	#content {
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	}
}
@media only screen and (max-width:968px)
{
	.col
	{
		margin: 1% 0%;	
		float:left;
	}
	
	.container
	{
		width:100%;
		margin:0px auto;
		position:relative;
	}
	#content {
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	}
}

@media only screen and (max-width:768px)
{
	.col
	{
		margin: 1% 0%;	
		float:left;
	}
	.span_20, .span_25, .span_30, .span_40, .span_45, .span_50, .span_60, .span_70, .span_75, .span_80, .span_100
	{
		width:100%;
	}
	.container
	{
		width:100%;
		margin:0px auto;
		position:relative;
	}
	#logo
	{
		text-align:center;
	}
	#social
	{
		text-align:center;
	}
	#mymenu ul li a
	{
		padding:8px;
	}
	#content
	{
		width: 90%;
		margin-left:auto;
		margin-right:auto;
	}
	#hidden li
	{
		display:none;
	}
	#hidden h4
	{
		display:none;
	}
	.hide
	{
		display:block;
	}
	#hidde
	{
		display:none;
	}
	.span_2020 ul li
	{
		display:block;
	}
	.span_2020 h4
	{
		display:block;
	}
}
@media only screen and (max-width:550px)
{
	.span_33, .span_10, .span_90
	{
		width:100%;
	}
	#mymenu ul li a
	{
		padding:5px;
	}
}