#page {
	width: 800px;
	margin: 0 auto;
}

main {
	margin: 20px 30px 200px 50px;
	width: 640px;
}

footer {
	margin: 0px 30px 400px 50px;
	width: 640px;
}

.copyright {
	padding-top: 10px;
	margin: auto; 
	font-size: 70%; 
	text-align: center;' 
}


/* -------------------------------  MASTHEAD SECTION  ---------------------------------- */
/*                                                                                       */  
/*           This section is used for the masthead on all core pages of fist club.       */
/*                                                                                       */
/* -------------------------------  MASTHEAD SECTION  ---------------------------------- */

#mh-left {
		width:61px;
		height:224px;	
		line-height:224px;	
		vertical-align:middle;	/* Align text in the middle */
  		background-image: url('images/mh_left.png');
  		background-repeat: no-repeat;	
		margin:0px;	
  		background-position: top left; 
		float: left;
}

#mh-fist {
		height:224px;	
		line-height:224px;	
		width:104px;
  		background-image: url('images/mh_fist.png');
  		background-repeat: no-repeat;
		margin:0px;	
  		background-position: top left; 
		float: left;
}


#mh-right {
		height:224px;	
		line-height:224px;	
		width:64px;
  		background-image: url('images/mh_right.png');
  		background-repeat: no-repeat;
		margin:0px;
  		background-position: top left; 
		float: left;
}

#mh-center {
		text-decoration:none;	/* No underline */
		color:#FFFFFF;	/* White text color */
		width:500px;
		height:224px;	
		line-height:224px;	
		vertical-align:middle;	/* Align text in the middle */
  		background-image: url('images/mh_center.png');
		margin:0px;	
  		background-position: top left; 
		float: left;
}

#mh-center-title {
		height:150px;
		width:500px;
		margin-left:30px;	
}

#mh-center-navigation {
		text-decoration:none;	/* No underline */
		color:#800000;	/* Red text color */
		width:420px;
		line-height:24px;		
		vertical-align:top;	/* Align text in the middle */
		padding: 0px;
		margin: 10px 0px 0px 0px; 	
		float: right; 
		z-index: 10px;
}


#mh-center-navigation a:link {
		text-decoration:none;
		color: #800000;
}


#mh-center-navigation a:visited {
		text-decoration:none;
		color: #800000;
}

#mh-center-navigation a:hover {
		text-decoration:underline;
		color: #800000;
		font-weight: bold;
}

#mh-center-navigation a:active {
		text-decoration:underline;
		color: #c0c0c0}

#mh-center-navigation ul {
  text-align: left;
  display: inline;
  list-style: none;
}

#mh-center-navigation ul li {
  display: inline-block;
  position: relative;
  padding-bottom: 2px ;
  padding-top: 0px ;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -m-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

#mh-center-navigation ul li:hover {
  color: #800000;
}

.mh-arts-navigation-dropdown-menu {  
  padding: 0px;
  position: absolute;
  top: 25px;
  left: 0;
  width: 350px;
  dssssssssisplay: none;
  visibility: hidden;
  background: #FFF	;
}

#mh-center-navigation ul li ul li { 
  padding-left: 8px;
  padding-top: 2px;
  background: #C8C8C8; 
  border-bottom: 4px solid white;
  display: block; 
  color: #800000;
}

#mh-center-navigation ul li ul li:hover { background: #CFCFCF; font-weight: bold; }
ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

.mh_title  {
		text-decoration:none;	/* No underline */
		color:#FFFFFF;	/* White text color */
		font: normal normal bold 5.5em arial, sans-serif;
		margin: 30px 0px 0px 0px;
}


.mh_subtitle  {
		text-decoration:none;	/* No underline */
		color:#FFFFF;	/* White text color */
		font: normal normal bold 1.5em arial, sans-serif;	
		margin:0px 0px 0px 35px;	
}

.mh_menu_image {
  vertical-align: middle;
  padding-right: 8px;
}



/* ----------------------------  UNIVERSAL BODY SECTION  ----------------------------- */
/*                                                                                     */  
/*           This section is used for the body on all core pages of fist club          */
/*                                                                                     */
/* ----------------------------  UNIVERSAL BODY SECTION  ----------------------------- */

body

{

	font-family:		Arial, Helvetica, sans serif;

	text-align:		left;

	padding:		0px;

	margin-left:		auto:

	margin-right:		auto;

	margin-top:		10px;

	margin-bottom:		10px;

}

#contents {
	margin: 10px 30px 10px 50px;
	width: 640px;
	/* EVERY PAGE USES THIS AS THE BODY SET */
}

section h1 {
	display: block;
	font-size: 2em;
	margin-top: 0.67em;
	margin-bottom: 0.67em;
	font-weight: bold;
}

#subsection h3 {
	display: block;
        border-bottom: 1px solid #2E2E2E;
	color: #2E2323;
	margin-top: 1.25em;
	margin-bottom: 0.67em;
}

#subsection h4 {
	color: #800000;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: .15em;
	font-size: 1.05em;
}


#subsection p {
	margin-top: 0px;
	margin-bottom: 8px;
}

#subsection p.caption {
	font-size: .75em;
	text-align: center;
	font-style: italic;
}	

h2.storytime {

	background-image: url('images/a_storytime.png');
	background-position: top right; 
	background-repeat: no-repeat;
	/* USED IN AS PAGES WITH STORIES */
}

#storytime {
	background-color: #FAF5D8;
	padding: 5px 20px 5px 20px;
}

#storytime p {
	margin: 12px 0px 18px 0px;
}

#warning {
	border: 2px solid #800000; 
	background-image: url('images/as_warning.png');
	background-repeat: no-repeat;
	background-position: 5px 5px;
	font-size: 0.75em;
	padding: 0px 20px 0px 70px; 
	text-align: justify; 
	text-justify: inter-word;
	margin: 20px 0px 60px 0px;
		/* USED ON A&S FULL SENSIBILITY; INJURY */
}

@-webkit-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
.blink {
		color: RED;
  -webkit-animation-name: blinker;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 1s; 
}	

.orange	{
	color: orange;
}

.tips_pros {
	margin: 0px 20px 0px 10px; 
	height: 20px; 
	vertical-align: middle;
}

sup { 
	font-size: 10px;
	vertical-align: baseline;
  	position: relative;
  	top: -0.5em;
}

sup a {
	text-decoration: none;
}

sup a:hover {
	color: blue;
	text-decoration: underline;
}

sup a:visited {
	color: blue;
}

#references {
	margin-top: 500px;
	min-height: 140px;
	border: 1px solid #D0D0D0;
	font-size: smaller;
}

.tagged-button { 

        font-weight: bold; 

        text-decoration: none; 

        border-radius: 4px 4px 4px 4px; 

        background-color: #CFCFCF; 

        padding: 2px 10px 2px 10px; 

        color: #FFFFFF; 

	width: 150px;
	
}


#references h2 {
	margin: 0px 0px 0px 0px;
	padding: 10px;
	border-bottom: 1px solid #D0D0D0;
	font-size: 12px;
	background-color: #F0F0F0;
	
	/* USED IN PAGES WITH REFERRAL INFORMATION */
}

#references p { 
	margin: 10px 0px 0px 15px;
	}

#references ol {
	font-size: smaller;
	margin: 10px 10px 0px 0px;
	padding-left: 25px;
}

#references ul {
	font-size: smaller;
	margin-right: 0px;
	margin: 10px 0px 0px 0px;
	padding-left: 15px;

}

#references ul li{
	margin-bottom: 3px;
}

#references ol li{
	margin: 0px 0px 3px 7px;
}


#references_column_right{
	position: relative;
	float: left; 
	width: 60%;
}

#references_column_left {
	position: relative;
width: 40%;
float: right;

}

#legal {
	margin-top: 20px;
	border: 1px solid #D0D0D0;
	font-size: smaller;
	padding-bottom: 20px;
	margin-bottom: 0px;
}

#legal h2 {
	margin: 0px 0px 0px 0px;
	padding: 10px;
	border-bottom: 1px solid #D0D0D0;
	font-size: 12px;
	background-color: #F0F0F0;
	/* USED IN PAGES WITH REFERRAL INFORMATION */
}

#legal p { 
	margin: 10px 0px 0px 15px;
	}



#update_history {
	margin-top: 20px;
	border: 1px solid #D0D0D0;
	font-size: smaller;
	padding-bottom: 20px;
}

#update_history h2 {
	margin: 0px 0px 0px 0px;
	padding: 10px;
	border-bottom: 1px solid #D0D0D0;
	font-size: 12px;
	background-color: #F0F0F0;
	/* USED IN PAGES WITH REFERRAL INFORMATION */
}

#update_history p { 
	margin: 10px 0px 0px 15px;
	}

#update_history ul {
	margin: 10px 0px 0px 0px;
	font-size: smaller;

}

#update_history ul li{
	margin-bottom: 3px;
}


/* ----------------------------  BULLET LIST STYLING  ----------------------------- */
/*                                                                                  */  
/*           This section is used universally for bulleted list styling             */
/*                                                                                  */
/* ----------------------------  BULLET LIST STYLING  ----------------------------- */


.red {
	color: #800000;
		/* USED AS A SPAN TAG TO COLOR FIRST WORD */
}

ol.general li {
	padding: 5px 0px 5px 0px;
}

ul.general {
	margin: 0px;
	padding 25px;
}

ul.general li {
	padding: 5px 0px 5px 0px;
}

ul.general ul li {
	padding: 3px 0px 3px 0px;
	list-style-type: square;
	
}

/* ----------------------------  ARTS & SCIENCE HEADER SECTION  ----------------------------- */
/*                                                                                            */  
/*           This section is used for the arts and sciences pages                             */
/*                                                                                            */
/* ----------------------------  ARTS & SCIENCE HEADER SECTION  ----------------------------- */

#as_header {
	padding: 0px;
	margin: 0px 0px 20px 0px;
	background-color: #800000;
	/* ART & SCIENCE PAGES */
}

#as_header h1 {
	margin: 0px 0px 0px 0px;
	padding: 50px 0px 10px 0px;
	background-color: #FFF;
	/* ART & SCIENCE PAGES */
}

#as_header h2 {
	text-align: right;
	color: #FFF;
	margin: 10px 20px 5px 20px;
	/* ART & SCIENCE PAGES */
}	

#as_header h4 {
	text-align: right;
	color: #FFF;
	font-style: italic;
	margin: 0px 20px 20px 20px;
	padding: 0px 0px 10px 0px;
	/* ART & SCIENCE PAGES */
}

#as_header img {
	float: left; 
	margin: 10px 10px 10px 10px;
	/* ART & SCIENCE PAGES */
}

#as_header_summary {
	overflow: auto;
}

#as_header_summary_details {
	float: left;
	border: solid 1px #CFCFCF;
	margin: 0px 20px 50px 0px; 
	width: 140px;

}

#as_header_summary h4 {
	padding: 2px 0px 4px 0px; 
	margin-left: 163px;
	margin-bottom: 0px; 
	margin-top: 0px;
	font-size: 0.85em;'
}

#as_header_summary_details h6 {
	background-color: #C0C0C0;
	padding: 4px;
	margin: 0px; 
	color: #404040;
	font-weight: bold;
	font-size: 0.75em;
}

#as_header_summary p {
	margin: 0px 0px 14px 0px;
	font-size: 0.75em;
	margin-left: 163px;
}
#as_header_summary_details p {
	padding: 5px 6px 5px 6px;
	margin: 0px; 
	font-size: 0.75em;
}

@-webkit-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
.blink {
		color: RED;
  -webkit-animation-name: blinker;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration: 1s; 
}	

.blink_slow {
	color: BLUE;
	font-weight: bold;
  -webkit-animation-name: blinker;  
  -webkit-animation-iteration-count: infinite;  
  -webkit-animation-timing-function: cubic-bezier(3.0,1.0,7.0,3.0);
  -webkit-animation-duration: 2s; 
}	


/* -------------------------------  PROCEDURES SECTION  -------------------------------- */
/*                                                                                       */  
/*                  This section is used for any page with steps and routines            */
/*                                                                                       */
/* -------------------------------  PROCEDURES SECTION  -------------------------------- */

.tip_box {

			border: 2px solid #800000;
			padding: 0px 0px 5px 0px; 
			margin: 30px 0px 0px 0px;
  		background-image: url('images/a_bg_fist.png');
  		background-repeat: no-repeat;
		background-position: right bottom;
}

.tip_title {

			
			padding: 2px 2px 4px 2px;
			margin: 0px 0px 5px 0px;
			background-color: #800000;
			color: white; 
			font-weight: bold;
			font-size: 15px;

}
.tip_content {
			list-style-type: square;
			margin: 0px 100px 5px 25px;
			font-size: 15px;
			font-style: italic;

}




/* -------------------------------  PROCEDURES SECTION  -------------------------------- */
/*                                                                                       */  
/*                  This section is used for any page with steps and routines            */
/*                                                                                       */
/* -------------------------------  PROCEDURES SECTION  -------------------------------- */

	#skill1 #skill2 #skill3 #skill4 #skill5{
			margin: 0px 0px -1px 0px;
 			color: blue;
			width: 635px;
}

	#skill_detail1 #skill_detail2 #skill_detail3 #skill_detail4 #skill_detail5 {
		width:635px;
 		background-color:#000;
 		color:#fff;
}

#exercises { 
	background: url('images/a_train_line.png') repeat-y left top; 
}


#exercises a.expansion_link {
	text-decoration: none;
	color: BLUE;
}

#exercises .pdf_print {
	margin: 0px 10px 3px 25px; 
	vertical-align: middle;
}



.exercises_photo {
	float: right; 
	width: 120px; 
	height: 100px; 
	border: 2px solid #CFCFCF;
	margin-top: 5px;
	clear: both;
	/* PHOTOS USED IN OL/UL LISTS */
}

.exercises_number {
	float:left;
	color: #800000;
	font-size: 30px;
	width: 42px;
	height: 36px;
	text-align: center;
	padding-top: 5px;
	margin-right: 15px;
	border: 3px solid #800000;
	background: #FFFFFF;
	/* PROCEDURE NUMBER */
}

#exercises h2 {
	margin: 0px;
	padding: 0px;
	/* PROCEDURE TITLE */
}


#exercises h5 {
	font-size: 12px;
	font-style: italic;
	margin: 0px;
	padding: 4px 4px 2px 4px;
	background-color: #000040;
	color: #FFF;
}

#exercises h6 {
	font-size: 12px;
	font-style: italic;
	padding: 4px 0px 0px 0px;
	margin: 0px;
}

#exercises div.information_box {
	color: #000;
	border: 2px solid #000040;
	margin: 0px 0px 30px 0px;	
	padding: 2px 0px 0px 0px;
	font-size: 12px;
}

#exercises div.information_box ul {
	margin: 0px 0px 10px 25px;	
	padding: 8px 5px 0px 0px;
}

#exercises div.information_box ul li {
	padding: 2px 0px 2px 0px;
}

#exercises_right {
		float:right;
 		width:280px;
 		xbackground-color:GOLD;
 		margin: 20px 0px 0px 0px;
 		color:#fff;
}

#exercises_left {
 		float:left;
		position: absolute;
 		width:280px;
 		xbackground-color: ORANGE;
 		margin: 20px 30px 90px 60px;
 		color:#ffffff;
}

#exercises_steps {
 	margin: 10px 0px 50px 60px;
 	padding-top: 20px;
}

#exercises_steps ul li {
	margin: 6px 150px 6px 0px;
	padding: 0px;
	list-style-type: square;
}

#exercises_steps ol ul {
	margin-bottom: 30px;
}



#routine_tips {
			height:146px; 
			background-color: #F8f8f9;
			border-right: 1px dashed #CFCFCF;
    			text-align: justify;
    			text-justify: inter-word;
			padding: 10px 10px 10px 10px;
			margin-left:320px;

}

#routine_tips ul {
			padding-left: 25px;
			font-size: 12px;
			margin-top: 4px;
}

#routine_tips ul li {
			margin-right: 0px;
}

#routine_aftercare {
			width: 300px;
			float: left; 
			height: 235px; 
			background-color: #F8f8f9; 
			border-right: 1px dashed #CFCFCF; 
			border-left: 1px dashed #CFCFCF; 
			background-color: #F8f8f9; 
			border-right: 1px dashed #CFCFCF;
			padding: 10px;
    			text-align: justify;
    			text-justify: inter-word;
}

#routine_aftercare p {
			font-size: 12px;
			margin-top: 4px;
			margin-bottom: 8px;
}



#routine_mastery {
			height: 70px; 
			background-color: #F8f8f9; 
			border-right: 1px dashed #CFCFCF;
    			text-align: justify;
    			text-justify: inter-word;
			padding: 10px;
			margin-left:320px;
}

#routine_mastery p {
			font-size: 12px;
			margin-top: 4px;
}




.bodylanguage_photo {
	float: left; 
	width: 120px; 
	height: 100px; 
	border: 2px solid #CFCFCF;
	margin: 0px 20px 30px 0px; 
	clear: both;
	/* PHOTOS USED IN OL/UL LISTS */
}




/* -------------------------------  TOOL TIP SECTION  ---------------------------------- */
/*                                                                                       */  
/*                  This section is used for tool tips                                   */
/*                                                                                       */
/* -------------------------------  TOOL TIP SECTION  ---------------------------------- */


.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    font-size: normal;
}


.tooltip .tooltiptext {
    visibility: hidden;
    width: 240px;
    background-color: #DBDBDB;
    font-size: 12px;
    color: #8E8E8E;
    text-align: left;
    border-radius: 6px;
    padding: 15px;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 50%;
    margin-left: -60px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 25%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #DBDBDB transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}








.assssssnatomy_gifs {
	width: 120px; 
	height: 100px; 
	border: 2px solid #800000;
	margin-top: 5px;
	clear: both;
	/* USED ON ANATOMY PAGE */
}







#skill_detailf {
		float:right;
		margin: 10px 0px 10px 10px;
		width: 525px;
		padding: 0px;
}