/* CSS Document */

/*  SECTIONS  */

.container
{
width:100%;
float:left;
}
.space_margin
{
width:95%;
margin-left:auto;
margin-right:;
}
.slide
{
float:left;
width:100%;
}

.welcome
{
float:left;
width:100%;
}
.welcome_0
{
width:75%;
float:left;
text-align:justify;
}
.welcome_1
{
width:22%;
float:right;
border:1px solid #CCCCCC;
border-radius:5px;

}

.row1
{
float:left;
width:100%;
}

.row1_0
{
float:left;
width:25%;
text-align:right;
}
.row1_1
{
float:left;
width:45%;
}

.row1_2
{
float:right;
width:25%;
border:1px solid #CCCCCC;
border-radius:5px;
}


.course
{
width:100%;
float:left;
margin-top:2%;
margin-bottom:2%;



}

.title
{
width:100%;
float:left;
text-align:center;
}

.course_0
{
border:1px solid #CCCCCC;
border-radius:5px;

display:inline-table;
background-color:#FDCA30;
text-align:center;
color:black;
width:23.5%;
margin-top:1%;
margin-bottom:1%;
margin-left:0.5%;
margin-right:0.5%;


}
.row2
{
float:left;
width:100%;
}

.row2_0
{
float:left;
width:25%;
}

.row2_1
{
float:left;
width:48%;
margin-left:2%;
}
.row2_2
{
float:right;
width:25%;
}


.row3
{
float:left;
width:100%;
margin-top:2%;
margin-bottom:2%;
}

.row3_0
{
float:left;
width:50%;
}

.row3_1
{
float:right;
width:50%;
background-color:#C5E8EC;
}
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
	width:100%;
	text-align:center;
	width: 85%;
    margin-left:auto;
	margin-right:auto;
	
	
	
	
	
}

.line {
	
	width:100%;
	max-height:5px;
	
	
	
	
}
.line img {
	
	width:100%;
	
	
	
	
	
}

.fourth
{



background-color:#0000CC;
width: 85%;
    margin-left:auto;
	margin-right:auto;
}

.five
{


clear:both;
background-color:#0000CC;
width: 85%;
    margin-left:auto;
	margin-right:auto;
}

.six
{


clear:both;
background-color:#0000CC;
width: 85%;
    margin-left:auto;
	margin-right:auto;
}

.nine
{


clear:both;
background-color:#0000CC;
width: 85%;
    margin-left:auto;
	margin-right:auto;
}


.about
{



background-color:#0000CC;
width: 85%;
    margin-left:auto;
	margin-right:auto;
}

.contact
{



background-color:#0000CC;
width: 85%;
    margin-left:auto;
	margin-right:auto;
}

.button
{
width:60%; float:right; background-color:#FF6600; margin: 1px 5px 5px 5px ; padding: 1px 3px 3px 3px ; color:#FFFFFF;
font-weight:bold;
border-radius:3px;
}

.button a
{

text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

.button:hover
{
background-color:#003300;
}

.button:hover a
{

color:#FFFFFF;
}

.button3
{
width:80%; float:right; background-color:#FF6600; margin: 1px 5px 5px 5px ; padding: 1px 3px 3px 3px ; color:#FFFFFF;
font-weight:bold;
border-radius:3px;

}

.button3 a
{

text-decoration:none;
color:#FFFFFF;
}

.button3:hover
{
background-color:#003300;
}

.button3:hover a
{
color:#FFFFFF;
}

.six
{


clear:both;
background-color:#0000CC;
width: 80%;
    margin-left:auto;
	margin-right:auto;
}


.seven
{


clear:both;
background-color:#990000;
border:1px solid #333333;
width: 99.9%;
   
}

.width
{
width:85%;
margin-left:auto;
margin-right:auto;
}

.ten
{


clear:both;
background-color:#000000;
border:1px solid #333333;
width: 99.9%;
min-height:35px;
color:#CCCCCC;
   
}

/*  COLUMN SETUP  */
.col {
	
	float:left;
	margin: 1% 0% 1% 1%;
}



/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF THREE  */

.span_menu_of_0 {
	width: 17%;
	margin-top:5px;
	
		
}

.span_menu_of_1 {
	width: 65%;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;	
	padding-top:10px;
		
		
			
		border-radius: 1px;
		color:#333333;
		
}



.span_menu_of_2 {

padding:3px 3px 3px 3px;
	width: 19%;
	
	font-size:16px;

	border-radius: 3px 30px 30px 3px;
	margin-top:10px;
	color:#666666;
	font-weight:bold;
	line-height:1;
font-family: 'Open Sans', sans-serif;

	
		
}

.span_menu_of_22 {

padding:3px 3px 3px 3px;

	width: 33%;
	font-size:16px;

	border-radius: 3px 30px 30px 3px;
	margin-top:10px;
	color:#666666;
	font-weight:bold;
	line-height:1;
font-family: 'Open Sans', sans-serif;
	
		
}

.span_menu_of_222 {

float:right;
	
		
}



.span_1_of_1 {
	width: 100%;
	background-color:#000000;
	max-height:7px;
	
}
.span_9_of_9 {
	width: 100%;
	max-height:10px;
}
.span_3_of_3 
{
margin-top:10px;
	width: 100%;
}
.span_3_of_3 img {
	width: 99%;
}
.span_3_of_4 {
	width: 100%;
}
.span_3_of_4 img {
	width: 100%;
	max-height:5px;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_2_of_1 {
	width: 15%;	
		margin-bottom:-10px;
		float:right;
		
		
	

}
.imgset {
	
		
		
		width:100%;
		float:right;
		
	

}

.span_2_of_2 {
	width: 68%;	
		font-size:19px;
		
		float:left;
		
}


.span_4_of_1 {
	width: 78%;	
	text-align:justify;

}
.span_4_of_2 {
	width: 20%;	
	border-radius:5px;
	
	
		
}

.span_5_of_1 {
	width: 30%;
	
		
	
		
		border-radius: 5px;
		
		
}


.span_5_of_2 {
	width: 44%;
	
	
	
		
		border-radius: 5px;
		
}


.span_5_of_1 b {
	width: 100%;
	padding-top:20px;
	
	color:#FFFFFF;
	font-weight:100;
	
		
}

.span_6_of_1 {
	width: 24%;
	border:1px solid #999999;
		
		background-color:#0066CC;
		background: #009900;
  background: -moz-linear-gradient(top, #FFFFFF 0%, #99FFFF 100%);
		box-shadow: 2px 2px 2px #888888;	
		border-radius: 5px;
		
}
.span_6_of_1 img {
	width: 100%;
	
		
}


.span_7_of_1 {
	width: 25.8%;
	border:1px solid #999999;
		
		background-color:#0066CC;
		background: #009900;
  background: -moz-linear-gradient(top, #FFFFFF 0%, #99FFFF 100%);
		box-shadow: 2px 2px 2px #888888;	
		border-radius: 5px;
		
}

.span_8_of_1 {
	width: 24%;
	
		
}
.span_8_of_1 p {
color:#CCCCCC;
	
		
}

.span_8_of_1 p a {
color:#CCCCCC;
text-decoration:none;
	
		
}
.span_8_of_1 b {
	color:#FFFFFF;
	
		
}

.span_8_of_1 ul {
	color:#CCCCCC;
	padding-left:10px;
	
		
}
.span_10_of_1 {
	width: 33%;
	
	
	
		
}



.span_10_of_2 {
	width: 44%;
	
	
	}
	
	
	
	.span_course_of_1 {
	
	width: 18.4%;	
	border-radius:5px;
	border:1px solid #CCCCCC;

}

.span_course_of_2 {
	
	width: 32%;	
	text-align:center;
	border:1px solid #999999;
	
	
		
}

.span_course_of_2 img{
	
	margin-bottom:5px;
	
	
		
}


.span_course_of_2 p {
	
	margin: 5px 5px 5px 5px;
	color:#666666;
	
		
}

.span_course_of_2 ul li {
	
color:#666666;
	
		
}

.span_course_of_22 {
	
	width: 79%;	
	
	
		
}

.span_21_of_1 {
	
	width: 18.4%;	
	border-radius:5px;
	border:1px solid #CCCCCC;

}
.span_21_of_2 {
	
	width: 79%;	
	text-align:justify;
	
		
}

.span_22_of_1 {
	width: 23.5%;
	border:1px solid #999999;
		text-align:center;
		background-color:#0066CC;
		box-shadow: 2px 2px 2px #888888;	
		border-radius: 5px;
		
}


.span_50_of_1 {
	width: 30%;
	border:1px solid #FF3300;
		text-align:center;
		
		box-shadow: 2px 2px 2px #888888;	
		border-radius: 5px;
		
}
.span_50_of_1 img {
	width: 99.9%;
	
		
}

.span_22_of_1 img {
	width: 100%;
	
		
}


.span_con1_of_1 {
	
	width: 72.4%;	
	text-align:justify;

}

.span_con1_of_2 {
	
	width: 24%;	
	text-align:justify;
	border:1px solid #CCCCCC;
	padding: 5px 5px 5px 5px;
	background-color: white;
	border-radius: 5px 5px 5px 5px;
	
		
}



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {


	.welcome_0, .welcome_1, .course_0, .row3_0, .row3_1{width:100%;}
	.col { margin: 1% 0 1% 0%;}
	.span_2_of_1,.span_2_of_2,.span_2_of_3.span_3_of_3, .span_2_of_3, .span_1_of_3,.span_4_of_1,.span_4_of_2, .span_5_of_1, .span_6_of_1, .span_8_of_1, .span_50_of_1, .span_10_of_2, .span_10_of_1 { width: 100%; }
	.span_2_of_1 img{width: 50%; text-align:center;);
		

}