@charset "utf-8";

/*  banner side CSS Document bottom  header pic  width  main program*/



#container {

		margin:0 auto;

	position:relative;

	width:850px;

}



body {background:#666; width:850px; margin:0 auto;}





/**************************************HEADER AREA*********************************************/



#header {

	background-image:url(../images/header_p3mma.jpg);

	background-repeat:no-repeat;

	background-position:center;

	height:150px;

	width:850px;

	margin:0 auto;

}



.box_link {

	font-family:Arial, Helvetica, sans-serif;

	float:right;

	width:165px;

	font-size:14px;

	color:white;

	float:right;

	padding:8px;

}



.box_link a {

	font-size:14px;

	color:white;

}



.box_link a:hover {

	font-size:14px;

	color:red;

}



.banner {

	background-image:url(../images/banner_p3.jpg);

	background-repeat:no-repeat;

	background-position:center;

	height:178px;

	width:850px;

	margin:0 auto;



}











/**************************************BODY AREA**************************************/

/*******************SIDEBAR AREA*********************/ 

#sidebar {

	position:absolute;

	width:200px;

	top: 0;

	bottom: 0;

	left: 0; /*needed for IE*/

	background:#333;

}



#sidebar_secondary {

	position:relative;

	float:left;

	width:200px;

	margin-bottom:3px;

	top: 0;

	/*bottom: 0; extends sidebar down to the bottom*/

	left: 0; /*needed for IE*/

	background:#333;

}



#menu {

	

	height:100%;

	width:200px;;

	overflow:visible;

	float:left;

	color: #FFF;

}



#contact_left_column {

	margin-top:3px;

	font-family:Arial, Helvetica, sans-serif;

  border: 1px solid #323f48;

	width:187px;

	vertical-align:top;

	background-color:#323f48;

	padding-left:5px;

	padding-right:5px;

	color:#FFFFFF;

	font-size:12px;

}



#contact_left_column div h2 {

	margin-top:5px;

}



.red_3 {

	color:red;

	text-decoration:blink;

}





/********************BODY AREA***********************/

.transparent{ /*needed for jqueary link*/

  position:absolute;

  width:212px;

  height:146px;

  overflow:hidden;

  background:url(images/invis.png) repeat;

}



.wrap { /*needed for jqueary to work*/

	width:215px;

	height:150px;

	position:relative;

	overflow:hidden;

	float:left;

}



#pictures { /*needed for jqueary to work*/

	width:646px;

	margin-left:3px;

	padding-top:3px;

	position:relative;

	overflow:hidden;

}



img { /*needed for jqueary to work*/

	position:absolute;

	top:0; left:0;

}



.main_header {

	text-align:left;

	background-color:#999;

	padding:5px;

	color:#000000;

	font-size:16px;

	margin-right:4px;

	margin-left:3px;

	font-weight:bold;

}



div#main {

	position:relative;

	width: 850px; /*needed for IE*/

	background:#333;

	height:auto;

	margin:0 auto;

	padding-bottom:5px;



}





div#body_text {

	position:relative;

	width: 100%; /*needed for IE*/

	height:100%;

}



#main_content {

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	margin-left:200px;

	background:#333;

	height:100%;

}







#body_content p {

	margin-left:3px;

	margin-right:5px;

	/*color:#FFF;*/

}



#body_pic {

	background:url(../../P3MMA/images/front_page_image.jpg);

	margin-right:4px;

	margin-left:5px;

	position:relative;

	float:right;

	height:175px;

	width:130px;

	background-repeat:no-repeat;

}





#pic_adult_program {

	background:url(../../P3MMA/images/girl-punching.jpg);

	margin-left:5px;

	position:relative;

	float:right;

	height:216px;

	width:150px;

	background-repeat:no-repeat;

}





#pic_kids_program {

	background:url(../../P3MMA/images/front_page_image.jpg);

	margin-left:5px;

	position:relative;

	float:right;

	height:265px;

	width:185px;

	background-repeat: no-repeat;

}



#main_text_secondary {

	height:100%;

	background:#333;

}



#main_text p{

	height:100%;

	margin-top:5px;

	margin-bottom:3px;

	margin-left:5px;

	margin-right:5px;

}









/**************************************BOTTOM BOX AREA******************************/



#bottom_box_container {

	background:#333;

	border:#333 medium solid;

	position:relative;

	height:103%;

	width:844px;

	margin:0 auto;

}



#bottom_box_container_second {

	background:#333;

	border:#333 medium solid;

	position:relative;

	height:100%;

	width:844px;

	margin:0 auto;

}



#bottom_box_1 {

	height:100%;

	vertical-align:bottom;

	width:277px;

	background:#323f48;

	margin-bottom:2px;

	float:left;

	position:relative;

	top:0;

}



#bottom_box_2 {

	top:0;

	background:#323f48;

	margin-left:2px;

	margin-bottom:2px;

	height:100%;

	width:277px;

	position:relative;

	float:left;



}



#bottom_box_3 {

	top:0;

	background:#323f48;

	height:100%;

	position:relative;

	width:286px;

	float:right;



}



.box_picture_1 {

	background:url(../images/front%20page/evansville_karate_and_mma_facility_1.jpg);

	background-repeat:no-repeat;

	background-position:center;

	width:260px;

	margin:auto;

	height:135px;

	margin-bottom:5px;

	position:relative;

}



.box_picture_2 {

	background:url(../images/front%20page/evansville_karate_and_mma_facility_2.jpg);

	background-repeat:no-repeat;

	background-position:center;

	width:260px;

	margin:auto;

	margin-bottom:5px;

	height:135px;

	position:relative;

}



.box_sub_head {

	overflow:hidden;

	font-family:Arial, Helvetica, sans-serif;

	color:#FFFFFF;

	font-size:16px;

	font-weight:bold;

	padding-left:7px;

	padding-right:5px;

	padding-top:2px;

	padding-bottom:2px;

}



.box_link{

	margin:2px;

	float:right;

	font-size:12px;

	color:red;

	bottom:0;



}

.box_link a:hover {

	float:right;

	font-size:12px;

	color:red;



}

.box_link a {

	margin-right:10px;

	font-size:12px;

	color:white;

	float:right;



}



.box_head {

	font-family:Arial, Helvetica, sans-serif;

	margin:3px;

		background-color:#000;

	overflow:hidden;

	position:relative;

	color:#F00;

	font-size:16px;

	font-weight:bold;

	padding:5px;

}





.box_body {

	font-family:Arial, Helvetica, sans-serif;

	overflow:hidden;

	position:relative;

	font-size:12px;

	padding-left:15px;

	padding-right:5px;

	padding-top:2px;

	padding-bottom:2px;

	color:#FFF;

}







.calendar_box {



	font-size:12px;

	margin-left:5px;



}







#footer {

	height:40px;

	width:850px;

	margin:auto;

	font-size:12px;

	padding-bottom:10px;

	padding-top:15px;

	font-family:Arial, Helvetica, sans-serif;

	color:white;

	text-align:center;

	background:url(../images/footer_p3mma.jpg);

	background-repeat:repeat;

	position:relative;

	clear:both;

}





#footer a{

	font-size:12.5px;

	font-family:Arial, Helvetica, sans-serif;

	color:white;

	text-align:center;

	font-weight:bold;

}



h1 {

	margin: 0;

}



h2 {

	margin:0

}



p {

	margin: 0;

}



/***********************************  Programs Page **************************************/

#program_page_container ul, li {

    color:#000000;

		font-size:13px;

		font-weight:600;

		font-family:Arial, Helvetica, sans-serif;

}











.program_container {



    background:#323f48;

		padding:5px;

		clear:both;

}



.program_container p {

	font-size:13px;

	font-weight:100;

}



.program_inside {

	background:#FFF;

	font-family:Arial, Helvetica, sans-serif;

	margin:1px;

	padding:5px;

}



.black_text {

	color:#000;

	font-family:Arial, Helvetica, sans-serif;

}

.white_text {

	color:#FFF;

	font-family:Arial, Helvetica, sans-serif;

}

.yellow_text {

	color:#FF0;

	font-family:Arial, Helvetica, sans-serif;

}





#main_content_secondary {

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	background:#333;

	height:100%;

	clear:both;

}





/***********************************************************************

Calendr Page

*********************************************************************/

.calendar_container {

	margin:3px;

	width:99%

    background:#323f48;

		padding:5px;

		clear:both;

}



.program_container p {

	font-size:13px;

	font-weight:100;

}



.calendar_inside {

	background:#FFF;

	font-family:Arial, Helvetica, sans-serif;

	margin:1px;

	padding:5px;

}





/*************************************************************************

birthday Parties

****************************************************************/



#party_bg {

	

	width:550px;

	height:600px;

}



#party_container {

	background:url('http://www.p3mma.com/images/birthday%20party%20page/p3mma-birthday-parties.jpg');

	background-repeat:no-repeat;

	background-color:#a8d7e7;

	margin:3px;

		padding:15px;

		clear:both;

		width:814px;

		height:600px;

}



#facility_container {

	background-color:#333;

	clear:both;

	margin:3px;

	padding:15px;

	width:814px;

	min-height:300px;

	height:auto;

}

.party_container p {

	font-size:13px;

	font-weight:100;

}



#parents_relax {

	float:right;

	width:275px;

	height:325px;

}



#parents_relax p, h1, h2, h3 {

	font-family:Arial, Helvetica, sans-serif;

}







#parents_relax ul{

	font-family:Arial, Helvetica, sans-serif;

	margin-top:-5px;

}



#parents_relax li {

	margin-left:-16px;

	font-weight:300;

	color:#cb1f73;

	padding-top:5px;

}

#party_text {

	margin-left:300px;

	margin-top:350px;

	font-family:Arial, Helvetica, sans-serif;

}





/***************************************************** STRIPE REQUIREMENTS *************************************/

.stripe_requirements {

	background:#323f48;

	border-bottom:#333 medium solid;

	color:#ffffff;

	padding:8px;

	font-family:Arial, Helvetica, sans-serif;

}



.white_stripe {

	color:#FFF;

	margin-bottom:2px;

	padding-bottom:2px;

	border-bottom:#FFF medium solid;

}



.stripe_requirements p {

	color:#ffffff;

	padding:8px;

	font-size:14px;

}



.black_stripe {

	color:#FFF;

	margin-bottom:2px;

	padding-bottom:2px;

	border-bottom:#000 medium solid;

}



.gold_stripe {

	color:#FFF;

	margin-bottom:2px;

	padding-bottom:2px;

	border-bottom:#FF0 medium solid;

}

.blue_stripe {

	color:#FFF;

	margin-bottom:2px;

	padding-bottom:2px;

	border-bottom:#00F medium solid;

}

.red_stripe {

	color:#FFF;

	margin-bottom:2px;

	padding-bottom:2px;

	border-bottom:#F00 medium solid;

}

#stripe_requirements_container {

	background-color:#333;

	clear:both;

	margin:3px;

	padding:15px;

	width:814px;

	min-height:300px;

	height:auto;

}

#ciriclum_container {

	background-color:#333;

	clear:both;

	margin:3px;

	padding:15px;

	width:814px;

	height:auto;

}



.class_ciriclum p {

	color:#ffffff;

	padding:4px;

	font-size:14px;

}



.class_ciriclum {

	background:#323f48;

	border-bottom:#333 medium solid;

	color:#ffffff;

	padding:8px;

	font-family:Arial, Helvetica, sans-serif;

}



#contact_body {

	color:#FFF;

	padding-top:10px;

	padding-bottom:10px;

	padding-left:35px;

	padding-right:25px;

}





#name {

	margin-bottom:10px;

	position:relative;

	float:left;

	width:250px;

}



#student_name {

	text-align:left;

		margin-bottom:10px;

	position:relative;

	float:right;

	width:260px;

}



#age {

	margin-bottom:10px;

	position:relative;

	float:left;

	width:250px;

}

#experience {

	text-align:left;

		margin-bottom:10px;

	position:relative;

	float:right;

	width:260px;

}

#phone {

		margin-bottom:10px;

	position:relative;

	float:left;

	width:250px;

}

#email {



		margin-bottom:10px;

	position:relative;

	float:right;

	width:250px;

}



#subject {

		margin-bottom:10px;

	position:relative;

	float:left;

	width:250px;

}

#message {

		margin-bottom:10px;

	position:relative;

	float:left;

	width:550px;

}

#send_button {

	clear:both;

		margin-bottom:10px;

	position:relative;

	float:left;

	width:70x;

}



#main_contact_content {

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	margin-left:200px;

	background:#333;

	height:780px;

	top:0;

	bottom:0;

}



#small_banner {

	margin-left:3px;

	margin-top:3px;

	background: transparent url(../images/banner_p3_SMALL.jpg) no-repeat scroll;

	width:644px;

	height:150px;

}



container