@charset "utf-8";
/* CSS Document */
* {/*
margin: 0;
padding: 0;*/
}
div{
/*border: 1px red dashed;  */
}
a{font-weight: 700; color: #F5156F}
a:hover{color: #fff;}

.non_visible{
display: none;
}

body{
font-family: "Lucida Grande",Verdana,Tahoma,Helvetica,Arial,sans-serif;
margin: 0;
padding: 0;
background-color: #232323;
}

#header_bg{
margin: 0;
background: url(../images/header_bg_2.gif) repeat-x top left;

}
	
#header{
margin: 0 auto;
width: 850px;
height: 283px;
background: url(../images/header_2.gif) no-repeat top left;
}

#main_body_container{
padding-top: 30px;
padding-bottom: 40px;
background-color: #000;
}

#main_nav{
margin: 0 auto;
padding:  0px 10px;
width: 810px;
font-size: 1.1em;
color: #ccc;
}
	#main_nav ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	#main_nav li{
	display: inline;
	}
		#main_nav li a{
		text-decoration: none;
		font-weight: 700;
		color: #F082F5;
		}
		#main_nav li a:hover{
		text-decoration: underline;
		}

#main_body{
margin: 0 auto;
width: 850px;
}

#content{
margin-right: 280px;
padding: 0px 10px 10px 10px;
}
	#content p{
	font-size: .9em;
	color: #fff;
	line-height: 190%; 
	}
	#content h1{
	font-size: 2em;
	font-weight: 400;
	color: yellow;
	margin: 10px 0 0 0;
	padding: 0;
	}
	#content h2{
	font-size: 1.2em;
	color: #F55A98;
	font-weight: 400;
	margin: 0;
	padding: 0;
	}
	#content h3{
	font-size: 1em;
	color: yellow;
	font-weight: 600;
	line-height: 150%;
	margin: 45px 0 5px 0;
	padding: 0;
	}
	#content ul{
	font-size: .9em;
	color: #777;
	}
	#content li{
	line-height: 200%;
	color: #fff;
	}
   	#content li a{
  	line-height: 200%;
	font-weight: 600;
  	color: #F54F91;
	/*text-decoration: none;*/
  		}
  		#content li a:hover{
  		text-decoration: underline;
		color: #fff;
    	}
		#content .class_details{
		background: url(../images/header_bg_2.gif) bottom left repeat-x; 
		border: 1px solid #FAEF39; 
		margin-top: 30px;border-top: 
		1px solid #FAEF39
		}
  		#content .class_details p{
  		padding: 0 0 0 30px;
  		}
  
  		#content .class_details h3{
			font-size: 1.3em;
			background-color: #FAEF39;
			color: #000;
  		margin: 0;
  		padding: 5px 30px;
  		}
  		#content .class_details .venue{
  		font-size: 1.2em;
			color: #fff;
  		}				
  	#content a .skip_top {
  	color: #F5156F;
  	font-size: .9em;
	padding-left: 13px;
	background: url(../images/arrow_up.gif) no-repeat left 3px;
  	}
	  	#content .skip_top  a:hover  {color: #fff;}
	
#right_col_top{
margin: 60px 0 20px 0;
font-size: .75em;
float: right;
width: 250px;
line-height: 150%;

}	
#right_col{
margin: 0;
font-size: .75em;
float: right;
width: 270px;
line-height: 150%;
clear:right;
}

#footer_container{
border-top: 1px solid #FAEF39;
margin: 0 auto;
background-color: #272727;
height: 100%;
}


#footer{
color: #fff;
margin: 0 auto;
width: 850px;
font-family: "Lucida Grande",Verdana,Tahoma,Helvetica,Arial,sans-serif;
text-align: center; 
}
	#footer ul{
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 0.7em;
	list-style-type: none;
	}
	#footer li{
	display: inline;
	
	}
		#footer li a{
		color: yellow;
		text-decoration: none;
		padding: 5px;
		}
		#footer li a:hover{
		color: #fff;
		text-decoration: underline;
		}
		


#copyright{
font-size: .6em; 
text-align: center; 
color: #FBEF38
}

#timetable{ 
font-family: verdana;
margin-bottom: 50px;
}

  #timetable table{
  padding: 5px;
  border: 1px #575757 solid;
  background-color: #9F9F9F;
  }
  
    #timetable td{
    width: 120px;
    border: 1px #000 solid;
    padding: 15px;
    font-size: .75em;
    }
    
    #timetable th{
    height: 70px;
    border: 1px #000 solid;
    color: #fff;
    width: 160px;
    background-color: #373737;
    }
    #timetable tr{
    height: 50px;
    border: 1px #000 solid;
    }
  
  
  
  #timetable .row1{
  font-weight: 700;
  color: yellow;
  background-color: #474747;
  font-size: 1.2em;
  }
  
  #timetable .row2{
  color: yellow;
  background-color: #5B5B5B;
  height: 30px;
  }
  
  #timetable .row1 th{
  	color: yellow;
  	font-size: 19px;
  }
  
  #timetable .row2 th{
  	background: #333;
  	color: #F55A98;
  	font-size: 14px;
  }
  
  #timetable .row3{
  color: #fff;;
  background-color: #676767;
  height: 30px;
  }
	
   	#timetable p{
		font-size: .9em;
  	color: #fff;
  	line-height: 190%; 
  	}
  	#timetable h1{
  	font-size: 2em;
  	font-weight: 400;
  	color: yellow;
  	margin: 10px 0 0 0;
  	padding: 0;
  	}
  	#timetable h2{
  	font-size: 1.2em;
  	color: #F55A98;
  	font-weight: 400;
  	margin: 0;
  	padding: 0;
  	}
  	#timetable h3{
  	font-size: 1em;
  	color: yellow;
  	font-weight: 600;
  	line-height: 150%;
  	margin: 45px 0 5px 0;
  	padding: 0;
  	}
  	
  	#timetable .row3 h3{
  		margin-top: 0;
  		font-size: 15px;
  	}
		
    	#timetable a{
    	color: yellow;
    	font-weight: 400;
    	}	
    		#timetable a:hover{
      	color: #fff;
      	}