@import "typography.css";
@import "form_style.css";
@import "thickbox.css";

/* ------------------- Normalizes margin, padding ------------------- */
	
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockqoute,th,td{
		margin: 0;
		padding: 0;
	}	
/* ------------------- Normalizes font-size for headers ------------------- */
	h1,h2,h3,h4,h5,h6{
		font-size: 100%;
	}
/* ------------------- Removes list-style from lists ------------------- */
	ol,ul{
		list-style: none;
	}

/* -----------------------------------------------------------------------*/	

/* ------------ Body --------------*/	
	body{
		background: #0c0e1f;
		padding: 0px;
		margin: 0px;
	}
	#container{
		margin: 0;
		padding: 0;
	}
	body img{
		border: none;
	}
/* ------------ Header --------------*/
	#topSpace{
		background: #0c0e1f;
		margin: 0 auto;
		height: 30px;
		width: 930px;
	}
	#branding{
		background: transparent url('../images/header_2.jpg') no-repeat;
		height: 182px;
		width: 930px;
		position: relative;
/*		z-index: 10;		*/
		margin: 0 auto;		
	}
	#repeat_background{
		background: transparent url('../images/h_bground.png') repeat-x scroll 0%;
		height: 91px;
		width: 100%;
		position: absolute;
		left: 0px;
		top: 44px;
		background-position: bottom;
	}
	
	/* ------------- Footer ----------*/
	#footer{
		height: 200px;
		margin: 50px 30px 10px;
		clear: both;
	}
	#f_left{
		float: right;
		width: 156px;
	}
	#f_center{
		
	}
	#f_right{
		position: relative;
		top: 130px;
		text-align: right;
		color: #FFF;
	}
	#f_right a{
		color: #FFF;
		text-decoration: underline;
	}
	
	
	#branding h1{
		position: absolute;
		top: -10px;
		left: 50%;
		margin-left: -71px;
		width: 169px;
		height: 143px;
		background: transparent url('../images/logo.jpg') no-repeat;
		text-indent: -9999px;
	}
	#home{
		display: block;
		height: 143px;
		width: 169px;
		position:absolute;
		top: -10px;
		left: 50%;
		margin-left: -71px;
	}
	#home2{
		display: block;
		height: 36px;
		width: 290px;
		position:absolute;
		top: 40px;
		left: 33px;
	}
	#home3{
		display: block;
		height: 173px;
		width: 149px;
		position:absolute;
		top: 0px;
		right: 40px;
	}
/* ------------- Main Navigation ----------*/
	ul#nav_main{
		position: absolute;
		top: -75px;
		left: 0px;
		margin: 0;
		width: 348px;
		height: 27px;
	}
	ul#nav_main li{
		z-index: 1000;
		display: inline;
	}	
 	#nav_classes {
		position: absolute;
		left: 0;
	}
  #nav_capoeira {
		position: absolute;
		left: 67px;
	}
	#nav_photos{
		position:absolute;
		left: 147px;
	}
  #nav_mandinga {
		position: absolute;		
		left: 228px;
	}

	li#nav_classes a{
		display: block;
		height: 25px;
		width: 65px;
	}
 	li#nav_capoeira a{
		display: block;
		height: 25px;
		width: 80px;
	}
	li#nav_photos a{
		display: block;
		height: 25px;
		width: 80px;
	}
	li#nav_mandinga a{
		display: block;
		height: 25px;
		width: 120px;
	}									

/* ------------- Content ----------*/
	#content{
		margin: 0px auto;
		position: relative;
		width: 870px;
	}	
/* ------------- General Boxes ----------*/	
	.wide_header{
		background:  url('../images/wide_top.jpg') no-repeat;
		background-position: left top;	
		height: 30px;
		width: 870px;			
	}
	.wide_box {
		width: 870px;	
		position: relative;
		margin: 0 auto;
		margin-top: 0px;			
		padding: 0px;
	}
	.wide_body{
	 padding: 0px;
	 margin: 0px;
	 background: #ebeff4;		
	}
	.wide_footer{
	background: url('../images/wide_bottom.jpg') no-repeat;
	background-position: bottom;
	width: 870px;
	height: 30px;
	margin: 0;
	}
	
/* ----------------- Banners --------------------	*/
.banner{
	text-indent: -9999px;		
	position: absolute;
	width: 107px;
	height: 68px;
}
#profile_banner{	
	background: url('../images/prf_banner.jpg') no-repeat;
}
#photos_banner{	
	background: url('../images/photo_banner.gif') no-repeat;
}
#scraps_banner{
	background: url('../images/scraps_banner.jpg') no-repeat;
	left: 763px;
}
#capoeira_banner{
	background: url('../images/capoeira_banner.jpg') no-repeat;
}
#videos_banner{
	display:none;
	background: url('../images/videos_banner.jpg') no-repeat;
}
#classes_banner{
	background: url('../images/classes_banner.gif') no-repeat;
}	
#classes_banner{
	background: url('../images/classes_banner.jpg') no-repeat;
	z-index: 1;
}
#graduados_banner{
	background: url('../images/graduados_banner.gif') no-repeat;
}

#home_banner{
	background: url('../images/home_banner.jpg') no-repeat;
	z-index: 100;
}
			
	
/* ------------- Profile ----------*/						
	#user_profile_name {
		position: absolute;
		top: -40px;
		left: 0px;
	}
	#user_profile_name span{
		position: relative;
		top: -7px;
		margin-left: 15px;
	}		
	#user_home_page{
		padding: 10px 20px 20px 30px;
		color: #FFF;
		position: absolute;
	}
	#user_home_page a{
		color: #FFF;
		text-decoration: underline;
	}
	#user_home_page a:hover{
		color: orange;
	}

	#logout {
		text-align: right;
		margin: 0px;
		position: absolute;
		top: 5px;
		right: 10px;
	}
	#photo{
		border: 1px solid #ccc;
		background-color: #fff;
		padding: 7px;
		text-align: center;
		margin: 0px;
	}
	#prof_photo_frame{
		position: relative;
		width: 240px;
		text-align: center;
		margin: 20px 10px 5px 20px;
		padding: 0px;
	}
 #profile{
		border-collapse: separate;
		border-spacing: 0px;
		margin: 0;
		z-index: 100;
	}
	#p_info{
		padding: 10px 10px 10px 20px;
		margin: 0;
		width: 550px;		
	}	
	#p_info  ul, li{
		list-style: none;
		line-height: 1.2em;
	}

	#about_me_div h2{
		margin-top: 5px;
		padding-bottom: 5px;
	}
	#about_me_div p{
		background: #FFF;		
		padding: 10px;
		font-size: 0.9em;
		border: 1px solid #CCC;
	}
	#stamp{
		float: right;
		padding: 30px;
	}
  #p_info strong{
		margin-right: 5px;
	}
		
/* ------------- Left Box ---------*/
	#left_box {
		width: 314px;
		margin: 10px 0px 10px 0px;	
		padding: 0px;
		position: absolute;
	}
	#left_header{
		background:  url('../images/left_top.jpg') no-repeat;
		background-position: left top;	
		height: 30px;			
	}
	
	#left_body{
		padding: 25px 3px 0px;
		background: #ebeff4;			
	}
	#left_footer{
		background-position: bottom;
		width: 314px;
		height: 30px;
		background: url('../images/left_bottom.jpg') no-repeat;			
	}
 #side_tabs{
		text-indent: -9999px;		
		background: url('../images/side_tabs.gif') no-repeat;
		position: absolute;
		cursor: pointer;
		top: 78px;
		left: -26px;
		width: 27px;
		height: 158px;
	}
	#side_tabs li{
		height: 79px;
		width: 30px;
	}
/* ------------- photos ----------*/				
	
	#photos{
		width: 100%;
		text-align: center;
	}
	#user_photos{
		min-height: 190px;
		position: relative;
	}

	/* mac hide \*/
	* html #user_photos{height:190px}
	/* end hide */
	
	#photos .photo_img{
		width: 134px;
		height: 140px;
		border: 1px solid #ccc;
		background-color: #fff;
		padding: 5px 5px 15px;
		margin: 0px;
	}
	.photo_frame{
		height: 100px;
	}
	.photo_info{
		padding: 5px 0px;
	}
	.photo_img img{
		border: 1px solid #ccc;
	}
	#photos .photo_img a{
	}
	#photos .photo_img p{
		text-align: left;
	}	
	.a_photo_img{
	max-height: 98px;
	border: none;
	}
	
/* ------------- videos ----------*/			
	#user_videos{
		min-height: 190px;
		position: relative;
		
	}
	/* mac hide \*/
	* html #user_videos{height:190px}
	/* end hide */
	
/* ------------- scrapbook ----------*/	
		#scraps_box {
			width: 540px;	
			float: right;
			margin: 10px 0px 10px 0px;
			overflow: hidden;
		}
/* ---------------- IE PATCH to make the float display properly---------*/
	* html #scraps_box{
		display: inline;
	}	
	#scraps_header{
		background:  url('../images/right_top.jpg') no-repeat;
		background-position: left top;	
		height: 30px;			
	}
	#scraps_body{
		padding: 15px 10px 0px;	
		background: #ebeff4;
	}
	#scraps{
		width: 450px;
		border-collapse: separate;
		border-spacing: 0px;
	}
	.post_box{
		background: transparent url("../images/bub2.png") no-repeat;
		width: 100%;
		padding: 0px 1px;
	}
	.scrap_post{
		background: #fff;
		padding: 10px 10px 10px;
		margin: 0px 10px 15px;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		width: 420px;
		overflow: auto;
	}
	.scrap_img{
		border: 1px solid #ccc;
		background-color: #fff;
		padding: 2px;
		margin: 0;
	}
	.post_img{
		margin: 0px 0px;
		width: 60px;		
	}
	.post_title{
		background: #fff;
		width: 420px;
		border-right: 1px solid #ccc;
		border-top: 1px solid #ccc;
		margin: 0px 10px 0px 11px;
		padding: 5px 10px;				
	}
	#msg{
		width: 99%;
	}
	#scrap_tips{
		position: absolute;
		width: 470px;
		margin: 10px;
		padding: 5px 0px 5px 15px;
		background: #fff;
		border: 5px solid #A7D040;
		display: none;
	}
	#tips{
		border: 1px solid #ccc;
		cursor: pointer;
	}	
	#scrap_tips .bullets li{
		list-style-type: circle;
	}
	#scraps_footer{
		background-position: bottom;
		width: 540px;
		height: 30px;
		margin: 0px 0px 50px;
		padding: 0px;
		background: url('../images/right_bottom.jpg') no-repeat;
	}
/* --------- all photos,scraps,posts		*/
	.all{
		text-align: right;
		margin: 15px 10px 0px;
		color: #003399;
	}	  
	#all_scraps{
		margin: 30px 10px 0px;
		text-align: right;
		color: #003399;
	}	
	
/* ------------- All Photos ----------*/
	#all_photos_div{
		width: 300px;
	}
	
	#all_photos_form{
		left: 300px;
		position: absolute;
	}
/* ------------- All Scraps ----------*/				

	#all_usr_img{
		width: 240px;
		float:left;
		margin: 10px 40px 10px 10px;
	}
	#all_scraps_form{
		padding: 20px;
	}
	#all_scraps_div{
	
	}
	#back_prf{
		padding: 5px 2px;
	}
/* ----------------- Image Cycle -------------*/
	.pics{
		height: 332px;
		width: 832px;
		padding: 0;
		margin: 0;
	}
	.pics img{
		padding: 15px;  
	  border:  1px solid #ccc;  
	  background-color: #FFF;  
	  top:  0; 
	  left: 0
	}
	#s1{
		left: 20px;
	}
	
	#pager_nav{
		margin: 5px 20px 0px;
		text-align: right;
	}
	#pager_nav a{
		border: 1px solid #ccc;
		text-decoration: none;
		background: #FFF;

		padding: 0px 5px;
		margin-left: 2px;
	}
/* --------------- Classes -----------------	*/
	#show_classes{
		padding: 20px 0px;
		position: relative;
		z-index: 1001;
	}
	#class_info{
		padding: 20px;
	}
	
	#about_classes{
		padding: 20px;
		font-size: 1.2em;
	}
	#about_classes h2{
		font-size: 1.4em;
		color: #000;
	}
	.class_schedule{
		border: 2px solid #A7D040;
		background: #FFF;
		padding: 15px 10px;
	}
	.class_schedule table{
		text-align: center;
		border: 1px solid #CCC;
		width: 100%;
	}
	.class_schedule td{
		padding: 2px 10px;
	}
	#class_loader{
		
		color: #003399;
		padding: 0px 20px;
	}
	#class_loader li{
	display: inline;
	cursor: pointer;
	}
	
	.u{
		text-decoration: underline;
	}
	#class_info .class_schedule{
		margin: 10px 0px;
	}	

	/* --------------- capoeira -----------------	*/
		#show_classes{
			padding: 20px 0px;
			position: relative;
			z-index: 1001;
		}
		#class_info{
			padding: 5px 20px;
		}
		#cover{
			
		}
		#c_loader{
			padding: 20px;
			font-size: 1.2em;
		}
		#c_loader h1{
			font-size: 1.4em;
			text-align: center;
		}
		#c_loader p{
			text-indent: 1cm;
		}
		
/* --------------------- Classes -----------------		*/
	
		#ywca_info{
			
		}
		#loc_links li{
			cursor: pointer;
			display: inline;
		}
		#class_menu{
			font-family: Arial, Helvetica, Verdana;
		}
		#class_menu li{
			cursor: pointer;
		}
		
		.sub_menu_left{
			float: left;
			padding: 0px 10px;
		}
		.sub_menu{
			float: left;
			padding: 0px 10px;
			
		}
		
		#class_menu{
			height: 80px;
			border: 2px solid #A7D040;
			background: #FFF;
			padding: 15px 10px;
		}
		#about_classes h2{
			font-size: 1.4em;
			color: #000;
		}
		.class_schedule{
			border: 2px solid #A7D040;
			background: #FFF;
			padding: 15px 10px;
		}
		.class_schedule table{
			text-align: center;
			border: 1px solid #CCC;
			width: 100%;
		}
		.class_schedule td{
			padding: 2px 10px;
		}
		#capoeira_loader{

			color: #003399;
			padding: 0px 20px;
		}
		#capoeira_loader li{
			cursor: pointer;
			display: inline;
		}
		.u{
			text-decoration: underline;
		}
		#class_info .class_schedule{
			margin: 10px 0px;
		}	



/* ---------------- Home Page -------------*/
	#home_info{
		padding: 20px;
	}	
	#home_loader{
		padding: 20px;
	}
	#links{
		padding: 15px;
	}
	#links h2{
		padding: 5px;
	}
	#links img{
		border: none;
	}
	#links a{
		color: #ebeff4;
	}
	
/* ---------------- ajax -------------*/
#left_loader{
	display: none;
	position: absolute;
	top: 345px;
	left: 177px;
	width: 32px;
	height: 32px;
	background: url('../images/ajax-loader.gif') no-repeat;
}
#right_loader{
	display: none;
	position: absolute;
	top: 355px;
	right: 290px;
	width: 32px;
	height: 32px;
	background: url('../images/ajax-loader.gif') no-repeat;
}

#all_pagination{
	text-align: center;
}
#users_pager{

}
.pagination{
	text-align: right;
	padding: 10px;
	font-size: 1.1em;
}
.current{
	color: #990000;
}
.blue{
	cursor: pointer;
	font-weight: bold;
	color: blue;
}

.hidden{
	display:none;
}

/* ----------- ALL PHOTOS/VIDEOS ------------- */

#all_videos{
	padding: 20px;
	position: relative;
	left: 50px;
	width: 730px;
}

#all_photos_headline{
	text-align: center;
	font-size: 1.5em;
}
#all_photos_border{
	text-align: center;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 3px 3px 4px;
	margin: 2px;
}
#all_photos{
	width: 730px;
	padding: 20px;
	position: relative;
	left: 50px;
}
#all_photos_loader a{
	color: #ebeff4;
}
#all_photos_loader a:link{
	color: #ebeff4;
}
#sc{
	font-size: 0.9em;
	width: 550px;
	padding: 0px 10px;
}
#class_locations{
	color: #003399;
}

#user_media_count{
	padding: 5px;
	color: #003399;
	font-style: italic;
}

/* -------------- Hub ---------------------------- */

	/* Hub Users Box */
#graduado_users_box{
	width: 540px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	clear: left;
	float: left;
}
	
#users_box{
	float: left;
	width: 540px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#users_header{
	background: url('../images/right_top.jpg') no-repeat; 
	background-position: left top;
	height: 30px;
}
#users_banner{
	background: url('../images/mandinga_banner.jpg') no-repeat;
}
#users_body{
	padding: 25px 10px 0px;
	background: #ebeff4;
}
#users{
	text-align: center;
}
#users_count{
	color: #003399;
}
#all_users{
	width: 465px;
	text-align: right;
}
#users_table{
	padding: 0px 25px;
}
.users_frame{
	height: 100px;
	width:100px;
}
.users_frame a{
	color: #FFF;
}
.graduation{
	color: #FF0066;
}
#users_hub{
	min-height: 350px;
	padding: 5px;
}
/* mac hide \*/
* html #users_hub{height:190px}
/* end hide */
#users_table a{
	text-align: center;
}
#users_table td{
	text-align: center;			
}
#users_table #table_info{
	text-align:left;
	padding-left: 20px;
}
#users_table tr{
	margin-bottom: 10px;
}
#thb_img{
	border: none;
	padding: 2px;		
}
#img_name{
	text-align: center;
}
#users_footer{
	background-position: bottom;
	width: 540px;
	height: 30px;
	padding: 0px;
	background: url('../images/right_bottom.jpg') no-repeat;
}

/* ------------------------- Hub Events Box */
#events_box{
	float: none;
	clear: left;
	width: 540px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#events_header{
	background: url('../images/right_top.jpg') no-repeat; 
	background-position: left top;
	height: 30px;
}
#events_banner{
	background: url('../images/events_banner.gif') no-repeat;
}
#events_body{
	padding: 25px 10px 0px;
	background: #ebeff4;
}
/* ----------- Events -------------------------*/

#events{
  width: 520px;
	padding: 2px 0px;
	margin: 0px;
}
.post_event{
	text-align: right;
	padding: 0px 15px;
	float: none;
	width: 70px;
	position: relative;
	left: 430px;
	top: -40px;
}

.post_event a{
	background: transparent url('../images/post_event.jpg') no-repeat;
	width: 70px;
	height: 21px;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	border: 1px solid #FFF;
}
.post_event a:hover{
	background: transparent url('../images/post_event.jpg') no-repeat scroll 0px -21px;
}
.post_event span{
	display:none;
}
.event{
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin: 10px 0px;
}
.event_imgs img{
	border: none;
}
.event_header{
	background: #FFF;
}
.event_header #date_posted{
	color: #666;
	float: right;
	font-size: 0.9em;
	padding: 10px 5px;
}
.event_header a:link{
	text-decoration: none;
}
.event_header img{
	border: none;
}
.event_header h1{
	text-align: left;
	font-size: 1.3em;
	padding: 5px;
	background: #FFF;
	color: #333;
	font-weight: normal;
	cursor: pointer;
	width: 450px;
}
.event_header h2{
	text-align: left;
	color: #000;	
	font-size: 1.1em;
	line-height: 1.4em;
	font-family: Verdana, arial, sans-serif;
}
.e_header_info{
	padding: 5px;
	background: #FFF;
	border-top: 1px dotted #A7D040;
	border-bottom: 1px dotted #A7D040;
	text-align: left;
	font-family: Verdana, arial, sans-serif;	
}
.event_description{
	border-bottom: 1px dotted #A7D040;
	margin-bottom: 5px;
	padding: 5px;
	font-size: 1.2em; 
}
.e_header_info strong{
	color: #666;
	margin-right: 5px;
}
.event h3{
	text-align: right;
	color: #FFF;
	font-size: 1.2em;
	padding: 3px;
}
.event_info{
	padding: 10px 5px;
	background: #FFF;	
}
.event_photo_img{
	border: 1px solid #CCC;
	float: left;
	margin: 5px;
}
.event_photo_frame{
	padding: 2px 0px;
}
.event_photo_info{
	font-size: 0.8em;
	font-weight: bold;
}
.event_photo_info input{
	
}
.event_photo_info #del_photo_form{
	
}
.upload_event_photo{
	display:none;
	text-align: left;
	border-top: 1px dashed #556B2F;
	background: #FFF;
	padding: 10px;
	font-size: 1.1em;
}
.upload_event_photo label{
	float: left;
	margin-right: 5px;
	width: 80px;
	text-align: right;
}

.upload_event_photo li{
	margin: 5px 0px;
}
.upload_event_video{
	display:none;
	border-top: 1px dashed #556B2F;
	background: #FFF;
	padding: 10px;
	font-size: 1.1em;
}
.upload_event_video label{
	float: left;
	margin-right: 5px;
}
.upload_event_video li{
	margin: 5px 0px;
}
.event_form{	
	display:none;
	text-align: left;
	background: #FFF;
	padding: 15px 5px;
	border-top: 1px dashed #556B2F;
}
.event_form label{
	float: left;
	text-align: left;
	width: 60px;
	font-size: 1.2em;
	font-weight: bold;
}
.event_form input{
	width: 290px;
	background: #FFF url('../images/form_legend.gif') repeat-x scroll left top;
}
.event_form .u_event{
	border: 1px solid #CCC;
	width: 70px;
	margin-right: 5px;
	padding: 0px;
}
.delete_event_form{
	display:none;
	background: #FFF;
	padding: 15px 5px 5px;
	border-top: 1px dashed #556B2F;
}
.delete_event_form .del_event{
	border: 1px solid #CCC;
	width: 70px;
	margin-right: 5px;
	padding: 0px;
}

.confirm_delete{
	color: #900;
	background: pink;	
	border: 1px solid #990000;
	font-weight: bold;
	padding: 5px 10px;
	margin-bottom: 5px;
}

.event_form li{
	margin: 5px 0px;
}
.event_form .loc_instructions{
	font-size: 0.9em;
	margin-bottom: 10px;
}
.edit_commands{	
	border-top: 1px dashed #556B2F;
	background-color: #FFF;
	padding: 5px;
	color: #990000;
	text-align: right;
}

/* ----------- Edit command buttons -----------------------------*/
.add_event_photo{
	cursor: pointer;
	padding: 5px;
	background: none;
}
.add_event_video{
	cursor: pointer;
	padding: 5px;
	background: none;
}
.e_event{
	cursor: pointer;
	padding: 5px;
	background: none;
}
.delete_event{	
	cursor: pointer;
	padding: 5px;
	background: none;
}
.event_imgs{
	padding: 10px;
	background: #FFF;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	width: 445px;
}
.event_imgs a:link{
	color: #FFF;
	padding: 3px;
}
.arrow{
	background: transparent url('../images/arrow.gif') no-repeat scroll 0px -20px;
	height: 16px;
	width: 16px;
	margin-bottom: 1px;
	margin-right: 2px;
	vertical-align: text-bottom;
}
#events_footer{
	background-position: bottom;
	width: 540px;
	height: 30px;
	padding: 0px;
	background: url('../images/right_bottom.jpg') no-repeat;
}


/* ------------- Hub Login Box */
#login_box{
	width: 314px;
	clear: right;
	float: right;
	margin: 10px 0px 10px 0px;
	overflow: hidden;
}
#login_header{
	background: url('../images/left_top.jpg') no-repeat;
	background-position: left top;
	height: 30px;
}
#login_banner{
	background: url('../images/login_banner.gif') no-repeat;
}
#login_body{
	padding: 5px;
	margin: 0px;
	background: #ebeff4;
}
/* login Form */
#login{
	
}
#login_footer{
	background-position: bottom;
	width: 314px;
	height: 30px;
	background: url('../images/left_bottom.jpg') no-repeat;
}

/* ------------ Hub Photos Box ---*/
#hub_photos_box{
	width: 314px;
	clear: right;
	float: right;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
}
#hub_photos_header{
	background: url('../images/left_top.jpg') no-repeat;
	background-position: left top;
	height: 30px;
}
#hub_photos_banner{		
	background: url('../images/photo_banner.gif') no-repeat;
}
#hub_photos_body{
	padding: 5px;
	margin: 0px;
	background: #ebeff4;		
}
#hub_photos_footer{
	background-position: bottom;
	width: 314px;
	height: 30px;
	background: url('../images/left_bottom.jpg') no-repeat;
}
#hub_photos{
	padding: 0px 11px;
}

/* ---- Hub Videos Box -----*/
#hub_videos_box{
	width: 314px;
	clear: right;
	float: right;
	overflow: hidden;
	margin: 0px 0px 50px 0px;
}
#hub_videos_header{
	background: url('../images/left_top.jpg') no-repeat;
	background-position: left top;
	height: 30px;
}
#hub_videos_banner{
	background: url('../images/videos_banner.gif') no-repeat;
}
#hub_videos_body{
	padding: 5px;
	margin: 0px;
	background: #ebeff4;
}
#hub_videos_footer{
	background-position: bottom;
	width: 314px;
	height: 30px;
	background: url('../images/left_bottom.jpg') no-repeat;
}

/* ------------------------------ Hub Messages ------------------------------ */
#hub_message{
	font-size: 1.8em;
	text-align: center;
	color: #333;
	padding: 10px;
/* 	width: 640px; */
}
#hub_error {
	color: #900;
	font-size: 1.2em;
	background: pink;
	padding: 3px;
	border: 1px solid #990000;
	width: 285px;
	margin-top: 10px;
}
.mandinga_message{
/*	background: #FF0066;*/
	background: #6495ED;
	color: #FFF;
	border: 2px solid #003399;
	padding: 5px 10px;
	font-size: 0.7em;
/*	width: 600px;*/
	text-align: left; 
}
.instructions{
 background: #6495ED;
 border: 2px solid #003399;
 color: #FFF;
 margin-top: 5px;
 padding: 5px; 
}

.student_cat{
	color: #333;
	font-size: 16px;
	margin: 0px 15px;
	padding: 5px;
}
.children-beg{
	background-color: #6495ED;
	color: #FFFFFF;
	font-weight: normal;
}
.beginners{
	background-color: #A7D040;
	color: #FFFFFF;
	font-weight: normal;
	
}
.advanced{
	background-color: #990000;
	color: #FFFFFF;
	font-weight: normal;
}


/*ebeff4 0c0e1f 6495ED FF8C00*/